body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--nav-height:70px;--study-header-height:80px;--content-margin:20px;--available-height:calc(100vh - var(--nav-height) - var(--study-header-height) - var(--content-margin))}.App{display:flex;flex-direction:column;height:100vh;text-align:center}body,html{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);margin:0;overflow:hidden;padding:0}#root,body,html{height:100%}nav{background:var(--background-color);border:none;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;flex-shrink:0;padding:2px 20px;position:relative;z-index:100}.nav-wrapper{justify-content:center;position:relative;width:100%}.nav-content,.nav-wrapper{align-items:center;display:flex}.nav-content{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto}.nav-scroll-arrow{display:none}.nav-alert-badge{background:#e53e3e;border-radius:9px;box-sizing:border-box;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:2px;text-align:center;top:2px;z-index:10}@media (max-width:880px){nav{background:var(--background-color);padding:8px 15px;position:relative}.nav-wrapper{position:relative;width:100%}.nav-content,.nav-wrapper{align-items:center;display:flex}.nav-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex:1 1;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-right:40px;scrollbar-width:none}.nav-content::-webkit-scrollbar{display:none}.nav-content .nav-logo{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 3px 10px #0003;flex-shrink:0;height:40px;margin-right:15px;width:40px}.nav-button{font-size:14px;margin:2px 4px;min-width:fit-content;padding:10px 18px;white-space:nowrap}.nav-button:last-child{margin-right:25px}.nav-button-admin{font-size:14px;margin:2px 4px;min-width:fit-content;padding:10px 18px;white-space:nowrap}.nav-button-admin:last-child{margin-right:25px}.nav-button-active,.nav-button.nav-button-active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #4b2e884d!important;color:var(--button-text-color)!important}.nav-button-admin-active,.nav-button-admin.nav-button-admin-active{background:var(--primary-color)!important;box-shadow:0 4px 12px #613bb166!important;color:var(--button-text-color)!important}}.App-header{margin-bottom:2px;margin-top:10%}.App-header,.App-main{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.app-main-content{flex:1 1;height:0;overflow-x:hidden;overflow-y:auto}.oobelight-popup{align-items:flex-start;background-color:#fff;background-color:var(--popup-background-color,#fff);border:1px solid var(--border-color);border-radius:var(--button-border-radius);box-shadow:0 0 10px #0000001a;font-family:var(--content-font-family);left:50%;max-height:calc(100vh - 100px);overflow-x:hidden;overflow-y:auto;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.terms-button{background-color:var(--secondary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:var(--button-font-family);font-size:16px;margin:0 2px 4px;padding:10px 20px;text-align:center;text-decoration:none}.terms-iframe{background:#fff;border:1px solid #ccc;border-radius:var(--container-border-radius);height:400px;padding:10px;width:90%}@media (max-height:700px){.terms-iframe{height:320px}}.nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0000,#ffffff1a);border:1px solid #fff3;border-radius:var(--button-border-radius);color:var(--text-color);cursor:pointer;display:inline-block;flex-shrink:0;font-family:var(--font-family);font-size:15px;font-weight:600;margin:4px 6px;overflow:hidden;padding:10px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.nav-button:hover{background:var(--hover-color);border-color:var(--primary-color);box-shadow:0 4px 12px #4b2e884d;color:var(--hover-text-color);transform:translateY(-2px)}.nav-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-button:hover:before{left:100%}.nav-button:after{color:#0000;content:"";margin-left:0}.nav-button-admin{background:var(--primary-color);border:1px solid var(--secondary-color);border-radius:var(--button-border-radius);box-shadow:0 2px 6px #613bb14d;color:var(--button-text-color);cursor:pointer;display:inline-block;flex-shrink:0;font-family:var(--button-font-family);font-size:15px;font-weight:600;margin:4px 6px;overflow:hidden;padding:10px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.nav-button-admin:hover{background:var(--hover-color);box-shadow:0 4px 12px #613bb166;color:var(--hover-text-color);transform:translateY(-2px)}.nav-button-admin:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-button-admin:hover:before{left:100%}.nav-button-super-admin{background-color:var(--error-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:var(--button-font-family);font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.nav-button-super-admin:hover{background-color:var(--error-hover-color);color:var(--hover-text-color)!important}.nav-button-active,.nav-button.nav-button-active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #4b2e884d!important;color:var(--button-text-color)!important}@media (max-width:880px){.nav-scroll-arrow{background:linear-gradient(to left,var(--background-color) 60%,#0000);color:var(--text-color);display:block;font-size:20px;font-weight:700;opacity:.9;padding:5px 5px 5px 15px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10}}.nav-button-admin-active,.nav-button-admin.nav-button-admin-active{background:var(--primary-color)!important;box-shadow:0 4px 12px #613bb166!important;color:var(--button-text-color)!important}.nav-logo{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 3px 10px #0003;height:50px;margin-right:20px;transition:all .3s ease;width:50px}.nav-logo:hover{box-shadow:0 4px 15px #0000004d;transform:scale(1.05)}.share-dialog-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#3c3c3c52;display:flex;font-family:var(--font-family);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.share-dialog-content{background:var(--content-background-color);border:1px solid var(--content-border-color);border-radius:var(--container-border-radius);box-shadow:0 2px 16px #4c2e8a14;color:var(--content-font-color);font-family:var(--content-font-family);max-height:80vh;max-width:90vw;overflow:auto;padding:16px}.share-dialog-header{color:var(--primary-color);font-size:1.2em;font-weight:700}.share-dialog-header,.share-dialog-title{font-family:var(--font-family);margin:0 0 12px}.share-dialog-title{color:var(--text-color);font-size:1.1em;font-weight:600}.share-dialog-message{word-wrap:break-word;background:var(--light-background-color);border:1px solid var(--content-border-color);border-radius:6px;font-size:.95em;line-height:1.4;margin-bottom:16px;max-width:100%;overflow-wrap:break-word;padding:12px;text-align:left;white-space:pre-wrap;word-break:break-word}.share-dialog-buttons{display:flex;gap:12px;justify-content:center}.share-dialog-copy-button{background:var(--primary-color);border:none;border-radius:var(--button-border-radius);box-shadow:0 1px 4px #4c2e8a0f;color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);font-size:.95em;padding:10px 20px;transition:background .2s}.share-dialog-copy-button:hover{opacity:.9}.share-dialog-close-button{background:#0000;border:1px solid var(--content-border-color);border-radius:var(--button-border-radius);color:var(--text-color);cursor:pointer;font-family:var(--button-font-family);font-size:.95em;padding:10px 20px;transition:background .2s}.share-dialog-close-button:hover{background:var(--light-background-color)}.payment-result-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#3c3c3c52;box-sizing:border-box;display:flex;font-family:var(--font-family);height:100vh;justify-content:center;left:0;padding:16px;position:fixed;top:0;transition:background .3s;width:100vw;z-index:9999}.payment-result-modal{background:var(--content-background-color);border:1px solid var(--content-border-color);border-radius:var(--container-border-radius);box-shadow:0 4px 20px #4c2e8a1a;color:var(--content-font-color);font-family:var(--content-font-family);max-height:90vh;max-width:480px;overflow-y:auto;text-align:center;width:100%}.payment-result-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.payment-result-header h2{color:var(--primary-color);font-family:var(--font-family);font-size:20px;font-weight:700;margin:0}.payment-result-close{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:28px;line-height:1;opacity:.6;padding:0;transition:color .2s}.payment-result-close:hover{opacity:1}.payment-result-content{align-items:center;display:flex;flex-direction:column;padding:24px}.payment-result-image{height:120px;margin-bottom:20px;object-fit:contain;width:120px}.payment-result-message{font-size:16px;margin-bottom:12px}.payment-result-message,.payment-result-submessage{color:var(--text-color);font-family:var(--content-font-family);line-height:1.5}.payment-result-submessage{font-size:14px;margin-bottom:24px;opacity:.7}.payment-result-actions{display:flex;gap:12px;justify-content:center;width:100%}.payment-result-button{background:var(--content-background-color);border:1px solid var(--border-color);border-radius:var(--button-border-radius);color:var(--text-color);cursor:pointer;flex:1 1;font-family:var(--button-font-family);font-size:16px;font-weight:600;max-width:200px;padding:14px 28px;transition:all .2s ease}.payment-result-button.success{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;box-shadow:0 2px 8px #4c2e8a33;color:var(--button-text-color)}.payment-result-button.success:hover{background:var(--hover-color);box-shadow:0 4px 12px #4c2e8a4d;color:var(--hover-text-color);transform:translateY(-2px)}.payment-result-button:hover{background:var(--hover-color);color:var(--hover-text-color);transform:translateY(-1px)}@media (max-width:600px){.payment-result-modal{margin:8px;max-height:85vh}.payment-result-header{padding:16px 20px}.payment-result-header h2{font-size:18px}.payment-result-content{padding:20px}}.spinner-overlay{align-items:center;background:#00000059;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#4b6cb7;border-top:8px solid var(--primary-color,#4b6cb7);height:70px;width:70px}@font-face{font-family:Encode Sans Compressed;src:local("Encode Sans Compressed"),url(/static/media/encodesanscompressed-900-black-webfont.ec7f42510d45ce2931b5.woff) format("woff")}:root{--dark-gold:#857552;--light-gold:#e8e3d7;--yellow:#ffc705;--grey:#3d3d44;--dark-text:#373a4c;--dark-text-other:#404045;--dark-grey:#212122;--dark-purple:#320022;--darkish-purple:#4b2e8a;--light-purple:#614bbb;--pink:#ff75ff;--pink-background:#e93fff;--very-light-purple-border:#c5b5ff;--primary-color:#320077;--secondary-color:#613bb1;--input-background-color:#f1f1f5;--text-color:#4b2e88;--link-color:#4b2e88;--tile-text-color:#fff;--button-text-color:#fff;--error-color:red;--error-hover-color:#c00;--background-color:#e8e3d9;--border-color:#c5b4e3;--hover-color:#613baf;--disabled-color:#f0f0f5;--tooltip-background:hwb(0 33% 67%);--tooltip-text:#fff;--tooltip-text-size:14px;--content-background-color:#fff;--content-border-color:#c5b4e3;--selected-color:#c5b4e3;--content-font-color:#373a3f;--content-header-color:#613baf;--card-border-radius:15px;--font-family:"Encode Sans Compressed",sans-serif;--content-font-family:"Open Sans",sans-serif;--button-font-family:"Open Sans",sans-serif;--button-border-radius:8px;--container-border-radius:8px;--card-border-radius:20px;--default-margin:12px;--study-tile-left-background:#fffbe6;--study-tile-right-background:#e6faea}.tooltip-container{display:inline-block;position:relative;z-index:100}.tooltip-text{background-color:var(--tooltip-background);border-radius:var(--container-border-radius);color:var(--tooltip-text);font-family:var(--content-font-family);font-size:var(--tooltip-text-size);left:50%;margin-left:-60px;opacity:0;padding:5px;pointer-events:none;position:absolute;text-align:center;top:calc(100% + 10px);transition:opacity .3s;visibility:hidden;width:120px;z-index:200}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.tooltip-container:hover{z-index:200}.tooltip-container.tooltip-active .tooltip-text{opacity:1!important;visibility:visible!important}.tooltip-container.tooltip-active{z-index:200}.tooltip-container.tooltip-fading .tooltip-text{opacity:0;transition:opacity .5s ease-out;visibility:visible}@media (hover:none){.tooltip-container:hover .tooltip-text{opacity:0;visibility:hidden}}.themed-circle-image{align-items:center;background:var(--background-color);border:2px solid var(--primary-color);border-radius:24px;box-shadow:0 4px 24px 0 #0000001a,0 1.5px 6px 0 var(--primary-color);display:flex;height:80px!important;justify-content:center;margin:0 auto 20px!important;margin-top:var(--default-margin)!important;overflow:hidden;position:relative;width:80px!important}.themed-circle-image-big,.themed-circle-image-logo{align-items:center;background:var(--background-color);border:2px solid var(--primary-color);border-radius:24px;box-shadow:0 4px 24px 0 #0000001a,0 1.5px 6px 0 var(--primary-color);display:flex;height:200px!important;justify-content:center;margin:4px auto 20px!important;overflow:hidden;position:relative;width:200px!important}@media (max-width:600px){.themed-circle-image-logo{height:100px!important;margin:0 auto!important;width:100px!important}}.rating-prompt-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#3c3c3c52;display:flex;font-family:var(--font-family);height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background .3s;width:100vw;z-index:10000}.rating-prompt-content{background:var(--content-background-color);border:1px solid var(--content-border-color);border-radius:var(--container-border-radius);box-shadow:0 4px 20px #4c2e8a1a;color:var(--content-font-color);font-family:var(--content-font-family);max-width:90vw;padding:32px 24px;text-align:center;width:400px}.rating-prompt-content h2{color:var(--primary-color);font-family:var(--font-family);font-size:1.4em;font-weight:700;margin-bottom:16px;margin-top:0}.rating-prompt-content p{color:var(--text-color);font-family:var(--content-font-family);font-size:1.1em;line-height:1.4;margin-bottom:24px}.rating-prompt-subtext{color:var(--text-color);font-size:.9em;font-style:italic;margin:0}.rating-prompt-buttons{align-items:center;display:flex;flex-direction:column;gap:12px}.rating-prompt-button{border:none;border-radius:var(--button-border-radius);cursor:pointer;font-family:var(--button-font-family);font-size:1em;font-weight:500;min-width:200px;padding:12px 24px;transition:all .2s}.rating-prompt-button.positive{box-shadow:0 2px 8px #4c2e8a33}.rating-prompt-button.negative,.rating-prompt-button.positive{background:var(--primary-color);color:var(--button-text-color)}.rating-prompt-button.dismiss,.rating-prompt-button.negative{border:1px solid var(--border-color)}.rating-prompt-button.dismiss{background:var(--content-background-color);color:var(--text-color);font-size:.8em;margin-top:8px;min-width:0;padding:4px 14px}.rating-prompt-button:hover{background:var(--hover-color);box-shadow:0 4px 12px #4c2e8a4d;color:var(--hover-text-color);transform:translateY(-1px)}@media (max-width:480px){.rating-prompt-content{padding:24px 20px;width:95vw}.rating-prompt-button{font-size:.95em;min-width:180px}}.settings-checkbox-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:2px;width:90%}@media (max-width:600px){.overlay{height:100vh;min-height:100vh;padding:0}}.user-profile{box-sizing:border-box;font-family:var(--content-font-family);margin:10px auto 2px;max-width:640px;min-height:calc(100vh - 4px);padding-left:10px;padding-right:10px;text-align:center;width:calc(100% - 2px)}.profile-header{width:100%;@media (max-width:600px){.dialog-box{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;max-height:100vh;max-width:100vw;overflow-y:auto;padding:4px;width:100vw}.details-box h1,.details-box h2,.details-box h3{font-size:1em;margin-bottom:4px;margin-top:4px}.settings-section-header{font-size:.95em;margin-bottom:1px}.settings-subsection-header{font-size:.9em;margin-bottom:1px}.button-profile,.settings-save-button{font-size:.9em;margin:2px;min-height:32px;min-width:70px;padding:6px 8px}.details-box p{font-size:.9em;margin:2px 0}}.profile-header h1{order:1;text-align:center;width:100%}.profile-header .tooltip-container{align-self:center;order:2}}@media (max-width:600px){.profile-header{justify-content:center;position:relative}.header-spacer{left:10px;position:absolute;visibility:hidden}.profile-header h1{box-sizing:border-box;padding:0 50px;text-align:center}.profile-header .header-buttons-column{position:absolute;right:10px;top:50%;transform:translateY(-50%)}}.header-buttons-column{align-items:center;display:flex;flex-direction:column;gap:8px}.settings-button{align-items:center;background:var(--primary-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.settings-button:hover{background-color:#0000001a}.settings-button img{filter:var(--icon-filter);height:24px;width:24px}.help-button{align-items:center;background:var(--primary-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.help-button img{filter:var(--icon-filter);height:24px;width:24px}.course-confirmation-dialog{margin:10px}.profile-box{border:var(--card-border-width,1px) solid var(--border-color);border-radius:14px;box-sizing:border-box;margin:8px auto 12px;padding:14px 16px;width:100%}.profile-box,.user-courses{align-items:center;display:flex;flex-direction:column;justify-content:center}.user-courses{margin:0}.user-courses h3{margin-bottom:5px}.profile-box h3,.user-courses h3{font-family:var(--font-family);font-size:20px;margin-top:2px}.profile-box h3{margin-bottom:10px}.user-profile h1{font-size:24px}.user-profile h1,.user-profile h2{font-family:var(--font-family);margin-bottom:10px}.user-profile h2{font-size:20px}.user-profile h3{font-family:var(--font-family);margin-bottom:10px}.user-profile p{font-size:16px;margin:5px 0}.profile-link{background-color:var(--button-background-color);border-radius:var(--button-border-radius);color:var(--link-color);cursor:pointer;display:inline-block;font-weight:700;margin-bottom:5px;margin-top:5px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}.profile-link:hover{background-color:var(--hover-background-color);color:var(--hover-color)}.user-profile select{background-color:var(--input-background-color);border-radius:var(--container-border-radius)}.user-profile button{font-family:var(--button-font-family)}.redeem-link-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9em;font-weight:600;padding:0;text-decoration:underline;transition:opacity .2s ease,color .2s ease}.redeem-link-button:hover{color:var(--primary-color);opacity:.8}.redeem-link-button:active{opacity:.6}.share-invite-link-button{align-items:center;background:none;border:none;border-radius:var(--button-border-radius);color:var(--content-font-color);cursor:pointer;display:flex;font-size:.95em;font-weight:500;gap:8px;margin-top:0;padding:0 8px;transition:opacity .2s ease,color .2s ease}.share-invite-link-button:hover{background-color:var(--hover-color);color:var(--hover-text-color);opacity:.8}.share-invite-link-button:active{opacity:.6}.invite-terms-disclaimer a{color:var(--link-color);font-weight:600;text-decoration:underline}.invite-terms-disclaimer a:hover{opacity:.85}.overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay~* .tooltip-container,.user-profile.dialog-open .tooltip-container,.user-profile:has(.overlay) .tooltip-container{z-index:50!important}.overlay~* .tooltip-container:hover,.user-profile.dialog-open .tooltip-container:hover,.user-profile:has(.overlay) .tooltip-container:hover{z-index:50!important}.overlay~* .tooltip-text,.user-profile.dialog-open .tooltip-text,.user-profile:has(.overlay) .tooltip-text{z-index:50!important}.details-box{background-color:var(--content-background-color);display:flex;flex-direction:column}.details-box a,.promotions-box a{background-color:var(--button-background-color);border-radius:var(--button-border-radius);color:var(--link-color);cursor:pointer;display:inline-block;font-weight:700;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}.dialog-box{background-color:var(--content-background-color);border-radius:var(--container-border-radius);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow-y:auto;padding:16px;text-align:center;width:90vw;z-index:1010}.dialog-box.subscription-dialog{background-color:initial;box-shadow:none;padding:0}@media (min-width:601px){.dialog-box.subscription-dialog{max-width:900px;min-width:520px;width:80vw}}@media (max-width:600px){.dialog-box{max-height:98vh;max-width:98vw;padding:10px;width:98vw}.details-box h1,.details-box h2,.details-box h3{font-size:1.1em;margin-bottom:6px;margin-top:6px}.settings-section-header{font-size:1em;margin-bottom:2px}.settings-subsection-header{font-size:.95em;margin-bottom:1px}.button-profile,.settings-save-button{font-size:.95em;margin:4px;min-height:36px;min-width:80px;padding:8px 12px}.details-box p{font-size:.95em;margin:4px 0}}.button-profile-delete{background-color:var(--content-background-color)!important;color:var(--primary-color)!important;max-width:200px}.button-profile:focus,.button-profile:hover,.settings-save-button:focus,.settings-save-button:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.button-profile:active,.settings-save-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.help-button:focus,.help-button:hover,.settings-button:focus,.settings-button:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.help-button:active,.settings-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.button-wide{width:100%}.select-box-profile{border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:16px;margin-bottom:10px;padding:10px;width:95%}.checkbox-label{margin-bottom:0;min-height:44px;padding:2px}.checkbox-input{accent-color:var(--primary-color);cursor:pointer;height:24px;margin-right:12px;width:24px}.checkbox-input:hover{accent-color:var(--hover-color)}.checkbox-label:hover{background-color:var(--hover-background-color);border-radius:4px;color:var(--hover-color)}.settings-save-button{font-size:16px;min-height:48px;min-width:120px;padding:12px 24px}.settings-section-header{color:var(--content-header-color);font-size:18px;margin-bottom:4px}.settings-subsection-header{font-size:14px;margin-bottom:2px}@media (max-width:600px){.select-box-profile{font-size:14px}}.premium-shimmer{overflow:hidden;position:relative}.premium-shimmer:before{animation:shimmer 5s ease-in-out infinite;background:linear-gradient(45deg,#0000 20%,#ffeb7866 40%,#fff596cc 50%,#ffeb7866 60%,#0000 80%);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.badge-shimmer{overflow:hidden;position:relative}.badge-shimmer:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 20%,#fff6 40%,#fff9 50%,#fff6 60%,#0000 80%);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rank-display{color:var(--primary-color);cursor:default;font-size:1.4em;font-weight:700;transition:opacity .2s ease,transform .1s ease}.rank-clickable{cursor:pointer}.rank-clickable:hover{opacity:.8;transform:translateY(-1px)}.rank-clickable:active{opacity:.9;transform:translateY(0)}.edit-icon-button{align-items:center;background:#0000;border:none;border-radius:var(--button-border-radius);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.edit-icon-button:hover{background-color:var(--hover-color)}.edit-icon-small{height:18px;margin-left:0;margin-top:0;padding-left:0;width:18px}@media (min-width:600px){.edit-icon-small{height:20px;margin-top:4px;width:20px}}.clipboard-icon-small{height:24px;margin-left:0;margin-right:0;margin-top:2px;padding-left:0;padding-right:0;width:24px}@media (min-width:600px){.clipboard-icon-small{height:26px;margin-right:0;margin-top:6px;padding-right:0;width:26px}}.qrcode-icon-small{height:25px;margin-left:0;margin-right:0;margin-top:0;padding-left:0;padding-right:0;width:25px}@media (min-width:600px){.qrcode-icon-small{height:25px;margin-right:0;margin-top:2px;padding-right:0;width:25px}}.public-profile-back-icon{height:25px;margin-top:0;width:25px}.public-profile-button-header{align-items:center;background-color:var(--background-color);border:4px solid var(--border-color);border-radius:var(--button-border-radius);box-shadow:0 2px 4px #0000001a;color:var(--button-text-color);cursor:pointer;display:flex;height:25px;justify-content:center;margin:2px 5px;padding:18px;width:25px}.public-profile-button-back{background-color:var(--primary-color)!important;color:var(--button-text-color)!important}@media (hover:hover) and (min-width:769px){.public-profile-button-header:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0003;color:var(--hover-text-color);transform:translateY(-2px)}}@media (max-width:768px){.public-profile-button-header:hover{background-color:var(--primary-color)!important;box-shadow:0 2px 4px #0000001a!important;transform:none!important}}@media (hover:none){.public-profile-button-header:active{background-color:var(--hover-color);transition:background-color .1s}}.alias-badge-teaser{animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 0 2px var(--primary-color);opacity:.4}50%{box-shadow:0 0 0 4px var(--primary-color);opacity:.8}}.alias-text-teaser{animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.upgrade-button-shimmer{animation:shimmer-border 3s ease-in-out infinite}@keyframes shimmer-border{0%{border-color:#e0e0e0;border-color:var(--color-accent-border,#e0e0e0);box-shadow:0 0 0 0 #e0e0e0;box-shadow:0 0 0 0 var(--color-accent-border,#e0e0e0)}25%{border-color:var(--primary-color);box-shadow:0 0 2px 1px var(--primary-color)}50%{border-color:var(--primary-color);box-shadow:0 0 4px 2px var(--primary-color)}75%{border-color:var(--primary-color);box-shadow:0 0 2px 1px var(--primary-color)}to{border-color:#e0e0e0;border-color:var(--color-accent-border,#e0e0e0);box-shadow:0 0 0 0 #e0e0e0;box-shadow:0 0 0 0 var(--color-accent-border,#e0e0e0)}}.profile-header{align-items:center;background:var(--input-background-color);border:var(--card-border-width,1px) solid var(--border-color);border-radius:14px;box-shadow:0 2px 10px #00000012;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto 8px;padding:16px 12px 14px;position:relative}.profile-header-main{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;justify-content:center;min-width:0}.profile-header h1{margin-top:0;text-align:center;width:100%}.streak-bar{align-items:center;background:var(--input-background-color);border:2px solid var(--primary-color);border-radius:14px;box-shadow:0 3px 10px #00000014;box-sizing:border-box;display:flex;gap:6px;justify-content:center;margin:0 auto 10px;max-width:100%;padding:14px 20px;width:fit-content}@media (max-width:400px){.streak-bar{gap:3px;padding:12px}}.badges-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px;width:100%}@media (max-width:600px){.badges-grid{gap:4px}.badges-grid .tooltip-container{flex:0 1 auto}.badges-grid .profile-badge-shell{border-radius:12px;padding:3px}.badges-grid .profile-badge-image{height:auto!important;max-height:64px!important;max-width:64px!important;width:auto!important}.badges-grid .profile-badge-title{font-size:.72em!important;letter-spacing:.2px!important}}.profile-menu-list{border:var(--card-border-width,1px) solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;margin:4px 0 0;overflow:hidden;width:100%}.profile-menu-item{align-items:center;background:none;border:none;border-bottom:var(--card-border-width,1px) solid var(--border-color);box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:flex;font-family:var(--button-font-family);font-size:1em;justify-content:space-between;min-height:48px;padding:14px 16px;text-align:left;transition:background-color .15s ease;width:100%}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:focus,.profile-menu-item:hover{outline:none}.profile-menu-item:active,.profile-menu-item:focus,.profile-menu-item:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.profile-menu-item-chevron{color:#bbb;color:var(--secondary-text-color,#bbb);flex-shrink:0;font-size:1.3em;font-weight:300;line-height:1}.profile-menu-item-danger,.profile-menu-item-danger .profile-menu-item-chevron{color:#d32f2f;color:var(--error-color,#d32f2f)}@media (max-width:600px){.profile-menu-item{font-size:.97em;padding:13px 14px}}.profile-about-box{padding:14px}.alert-notifications-box{padding:12px 16px}.alert-notification-item{align-items:flex-start;background:var(--input-background-color);border:1px solid #e0e0e0;border:1px solid var(--color-accent-border,#e0e0e0);border-radius:12px;box-shadow:0 1px 4px #0000000f;box-sizing:border-box;display:flex;gap:12px;margin-bottom:8px;padding:12px;width:100%}.alert-sender-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;color:var(--button-text-color,#fff);display:flex;flex-shrink:0;font-size:1em;font-weight:700;height:36px;justify-content:center;line-height:1;width:36px}.alert-sender-avatar--image{background:var(--input-background-color);background:var(--content-background-color,var(--input-background-color));border:1px solid #e0e0e0;border:1px solid var(--color-accent-border,#e0e0e0)}.alert-sender-line{align-items:baseline;display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px}.alert-sender-name-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font:inherit;font-size:.95em;font-weight:700;padding:0;text-decoration:underline}.alert-sender-name-text{color:var(--text-color);font-size:.95em;font-weight:700}.alert-type-context{color:var(--secondary-text-color);color:var(--text-secondary-color,var(--secondary-text-color));font-size:.85em;font-weight:400}.alert-message-body{color:var(--text-color);color:var(--content-font-color,var(--text-color));font-size:.9em;font-style:italic;line-height:1.4;word-break:break-word}.alert-notification-item:last-child{margin-bottom:0}.alert-notification-item.alert-type-warning{border-left-color:#e6a817}.alert-notification-item.alert-type-error{border-left-color:#e53e3e}.alert-notification-item.alert-type-success{border-left-color:#38a169}.alert-dismiss-button{align-self:flex-start;background:none;border:none;color:var(--text-color);color:var(--text-secondary-color,var(--text-color));cursor:pointer;flex-shrink:0;font-size:1.4em;line-height:1;opacity:.6;padding:0 2px}.alert-dismiss-button:hover{opacity:1}.alert-date-label{color:var(--secondary-text-color);color:var(--text-secondary-color,var(--secondary-text-color));flex-shrink:0;font-size:.75em;line-height:1.4;white-space:nowrap}.subscription-card ul,.subscription-card ul ul,.subscription-table ul,.subscription-table ul ul{list-style:none;margin-left:0;padding-left:0}.subscription-card li,.subscription-table li{word-wrap:break-word;background:#4a90e20a;border-radius:8px;box-shadow:0 1px 4px #4a90e20a;font-size:1.08em;margin-bottom:.7em;min-height:1.5em;overflow-wrap:break-word;padding:.5em .5em .5em 2.8em;position:relative;text-align:left;transition:background .2s,box-shadow .2s}.subscription-card li:hover,.subscription-table li:hover{background:#4a90e21f;box-shadow:0 2px 8px #4a90e21a}.subscription-card li:before,.subscription-table li:before{background:none;border-radius:0;box-shadow:none;color:#4a90e2;content:"\2714";font-size:1.3em;font-weight:700;left:.6em;position:absolute;top:50%;transform:translateY(-50%)}.subscription-card.free li:before{color:#4b5563}.subscription-card.premium li:before{color:#059669}.subscription-card ul ul li:before,.subscription-table ul ul li:before{color:#7b8fa1;font-size:1.1em}.subscription-card ul ul li,.subscription-table ul ul li{background:#7b8fa10f;font-size:.98em;margin-bottom:.4em}.subscription-card li.heart-bullet:before,.subscription-table li.heart-bullet:before{content:"❤️";font-size:1em;margin-left:0}.subscription{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014,0 1.5px 6px #0000000a;box-sizing:border-box;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0 auto;max-width:100%;overflow-x:auto;padding:0;width:100%}.subscription-mobile-spacer{box-sizing:border-box;height:15vh}.subscription-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:10px 24px 4px}.subscription-header h1{color:#2a2a2a;flex:1 1;font-size:1.5rem;margin:0}.subscription-close-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:32px;height:36px;justify-content:center;line-height:1;margin:0;padding:0;transition:color .2s,background .2s;width:36px}.subscription-close-button:hover{background:#0000000d;color:#1f2937}.subscription>:not(.subscription-header){padding:16px 24px}@media (min-width:1100px){.subscription{max-width:1100px}}.subscription-cards{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:420px;padding:0 8px;width:100%}@media (max-width:400px){.subscription-cards{gap:12px;padding:0 4px}.subscription-card{padding:12px 10px 10px}.subscription-card li,.subscription-table li{font-size:.85em;margin-bottom:.4em;min-height:1.3em;padding:.3em .3em .3em 2.2em}.subscription-card li:before,.subscription-table li:before{font-size:1em;left:.3em}.subscription-card .plan-price{font-size:18px;margin-bottom:12px}.plan-price-alt{font-size:.75rem;margin-bottom:10px;margin-top:-10px}.subscription-card h2{font-size:1.1rem}.subscription-card strong{font-size:.9em}.subscription-card ul{margin-top:4px}}@media (max-width:500px) and (min-width:401px){.subscription-card li,.subscription-table li{font-size:.92em;margin-bottom:.5em;padding-bottom:.4em;padding-top:.4em}.subscription-card .plan-price{font-size:20px;margin-bottom:16px}.plan-price-alt{font-size:.8rem;margin-bottom:12px;margin-top:-14px}}.subscription-card h2{font-size:1.3rem;margin:0 0 4px}.plan-header{font-size:1.2em}.plan-header-free,.plan-title-free,.subscription-card h2.plan-title-free{color:#4b5563}.plan-header-premium,.plan-title-premium,.subscription-card h2.plan-title-premium{color:#059669}.plan-header-unlimited,.plan-title-unlimited,.subscription-card h2.plan-title-unlimited{color:#7c3aed}.plan-subtitle{color:#6b7280;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-align:center;text-transform:uppercase}.plan-subtitle-premium{color:#059669}.plan-subtitle-unlimited{color:#7c3aed}.plan-subtitle-table{color:#6b7280;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.plan-price-alt{color:#6b7280;font-size:.85rem;font-style:italic;margin-bottom:16px;margin-top:-20px;text-align:center}.plan-price-alt-table{color:#6b7280;font-size:.8rem;font-style:italic}.subscription-footnote{color:#6b7280;font-size:.85rem;font-style:italic;margin-top:24px;text-align:center}.subscription-card .plan-price{color:#222;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:1.1rem;font-size:24px;margin-bottom:24px;text-align:center}.subscription-card ul{color:#333;font-size:1rem;margin:0;padding-left:18px}.subscription-card.free{border-color:#d1d5db}.subscription-card.premium{border-color:#10b981}.subscription-card.unlimited{border-color:#ce93d8}@media (min-width:900px){.subscription-cards{flex-direction:row;gap:32px;justify-content:center;max-width:100%}.subscription-card{align-items:flex-start;flex:1 1;min-width:220px}}@media (max-width:600px){.subscription{border-radius:10px;padding:4px 0}.subscription-table td,.subscription-table th{font-size:.97rem;padding:10px 4px}.subscription h1{font-size:1.1rem}}.subscription h1{color:#2a2a2a;font-size:2.2rem;margin-bottom:32px;text-align:center}.subscription-table{background:#f9f9fb;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px #00000008;overflow:hidden;width:100%}.subscription-table td,.subscription-table th{padding:20px 18px;text-align:left;vertical-align:top}.subscription-table th:not(:first-child){text-align:center}.subscription-table th{background:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#333;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.subscription-table tr:not(:last-child) td{border-bottom:1px solid #ececec}.subscription-table td{background:#f9f9fb;color:#222;font-size:1rem}.subscription-table td:nth-child(2),.subscription-table th:nth-child(2){background:#f3f4f6}.subscription-table td:nth-child(3),.subscription-table th:nth-child(3){background:#ecfdf5}.subscription-table td:nth-child(4),.subscription-table th:nth-child(4){background:#fce4ec}.subscription-table ul{list-style:disc inside;margin:0;padding-left:20px}.subscription-table strong{font-size:1.1em}.subscription-table .plan-header-free{color:#4b5563}.subscription-table .plan-header-premium{color:#059669}.subscription-table .plan-header-unlimited{color:#7c3aed}.subscription-card{align-items:flex-start;background:#f9f9fb;border:2px solid #0000;border-radius:14px;box-shadow:0 2px 8px #00000008;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;padding:20px 18px 18px;transition:border .2s}.subscription-card b,.subscription-card strong{color:#333}@media (max-width:600px){.subscription{padding:12px 2px}.subscription-table td,.subscription-table th{color:#333;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:.97rem}.subscription h1{font-size:1.3rem}}.subscription-box{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:10px}.subscription-box h3{font-size:20px;margin-top:2px}.subscription h1,.subscription-box h3{font-family:Segoe UI,Roboto,Arial,sans-serif;margin-bottom:10px}.subscription h1{font-size:24px}.subscription h2{font-size:20px}.subscription h2,.subscription h3{font-family:Segoe UI,Roboto,Arial,sans-serif;margin-bottom:10px}.subscriptione p{font-size:16px;margin:5px 0}.button-sub{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:15px;margin:5px;padding:5px 10px;transition:background-color .3s ease}.upgrade-button{background:linear-gradient(135deg,#10b981,#059669 50%,#047857);border:none;border-radius:12px;box-shadow:0 4px 14px #05966966,0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:16px;padding:14px 28px;text-transform:uppercase;transition:all .2s ease;width:100%}.upgrade-button:hover{background:linear-gradient(135deg,#34d399,#10b981 50%,#059669);box-shadow:0 8px 20px #05966980,0 4px 8px #00000026;transform:translateY(-3px)}.upgrade-button:active{box-shadow:0 4px 12px #05966966;transform:translateY(-1px)}.table-upgrade-button{border-radius:10px;display:block;font-size:14px;margin:12px auto 0;padding:10px 24px;text-align:center;width:auto}.current-plan-badge{background:#05966926;color:#059669;font-weight:600;margin-top:16px}.coming-soon-badge,.current-plan-badge{border-radius:20px;font-size:14px;padding:8px 16px;text-align:center}.coming-soon-badge{background:#9ca3af26;color:#6b7280;display:block;font-weight:500;margin:12px auto 0;width:auto}.checkout-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.checkout-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.checkout-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 8px}.checkout-modal-header h2{color:#1f2937;flex:1 1;font-size:20px;font-weight:600;margin:0;min-width:0}.checkout-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:8px;transition:color .2s}.checkout-modal-close:hover{color:#1f2937}.checkout-modal-content{padding:8px 24px 24px}.checkout-modal-description{color:#6b7280;font-size:15px;margin:0 0 20px;padding-bottom:8px}.checkout-product-options{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.checkout-product-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .2s}.checkout-product-option:hover{background:#4a90e20a;border-color:#4a90e2}.checkout-product-option.selected{background:#4a90e214;border-color:#4a90e2}.checkout-product-radio{margin-right:14px;padding-top:2px}.radio-circle{border:2px solid #d1d5db;border-radius:50%;height:20px;position:relative;transition:all .2s;width:20px}.radio-circle.checked{border-color:#4a90e2}.radio-circle.checked:after{background:#4a90e2;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkout-product-info{flex:1 1}.checkout-product-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.checkout-product-price{color:#1f2937;font-size:16px;font-weight:400;margin-bottom:2px}.checkout-product-price-per-week{color:#1f2937;font-size:12px;font-weight:400;margin-top:2px}.checkout-product-description{color:#6b7280;font-size:13px;line-height:1.4;margin-top:6px}.checkout-product-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:4px 10px;text-transform:uppercase}.checkout-promotions{background:linear-gradient(135deg,#8b5cf614,#4a90e214);border:1px solid #8b5cf633;border-radius:12px;margin-bottom:12px;margin-top:0;padding:8px 20px 20px}.checkout-promotions h2{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.checkout-promotions p{color:#6b7280;font-size:14px;margin:0 0 16px}.checkout-promotion-notice{color:#1f2937!important;font-size:1em!important;font-weight:600!important;margin-bottom:16px!important;margin-top:4px!important}.checkout-promotion-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:14px 16px;transition:all .2s}.checkout-promotion-option:last-child{margin-bottom:0}.checkout-promotion-option:hover{background:#8b5cf60a;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;transform:translateY(-1px)}.checkout-promotion-info{flex:1 1}.checkout-promotion-name{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.checkout-promotion-duration{color:#6b7280;font-size:13px;line-height:1.4}.checkout-promotion-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.checkout-promotion-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.checkout-promotion-button:active{box-shadow:0 2px 6px #8b5cf64d;transform:translateY(0)}.checkout-error{background:#ef44441a;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 16px}.checkout-loading{color:#6b7280;font-size:15px;padding:24px 16px;text-align:center}.checkout-modal-actions{display:flex;gap:12px;margin-top:0}.checkout-cancel-button{background:#0000;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px 20px;transition:all .2s}.checkout-cancel-button:hover:not(:disabled){background:#f3f4f6}.checkout-confirm-button{background:linear-gradient(135deg,#4a90e2,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 12px #4a90e24d;color:#fff;cursor:pointer;flex:2 1;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s}.checkout-confirm-button:hover:not(:disabled){box-shadow:0 6px 16px #4a90e266;transform:translateY(-1px)}.checkout-cancel-button:disabled,.checkout-confirm-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.checkout-inline-continue-button{background:linear-gradient(135deg,#4a90e2,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 12px #4a90e24d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:0;margin-top:0;padding:14px 20px;transition:all .2s;width:100%}.checkout-inline-continue-button:hover:not(:disabled){box-shadow:0 6px 16px #4a90e266;transform:translateY(-1px)}.checkout-inline-continue-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.checkout-modal-footer{color:#9ca3af;font-size:13px;margin:20px 0 0;text-align:center}.restore-purchases-button{background:linear-gradient(135deg,#4a90e2,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px #4a90e24d;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .2s}.restore-purchases-button:hover{background:linear-gradient(135deg,#6366f1,#4a90e2);box-shadow:0 4px 12px #4a90e266;transform:translateY(-1px)}.restore-purchases-button:active{box-shadow:0 2px 6px #4a90e24d;transform:translateY(0)}.checkout-modal-legal-links{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px}.checkout-legal-link{background:none;border:none;color:#4a90e2!important;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:all .2s}.checkout-legal-link:hover{color:#6366f1!important;text-decoration:underline;transform:translateY(-1px)}.checkout-legal-divider{color:#9ca3af;font-size:14px;font-weight:500}@media (max-width:600px){.checkout-modal{margin:8px;max-height:85vh}.checkout-modal-header{padding:16px 20px 8px}.checkout-modal-header h2{font-size:18px}.checkout-modal-content{padding:8px 20px 20px}.checkout-product-option{padding:14px}.checkout-modal-actions{flex-direction:column-reverse}.checkout-cancel-button,.checkout-confirm-button{flex:none;width:100%}.checkout-promotions{margin-top:12px;padding:16px}.checkout-promotions h2{font-size:16px;text-align:center}.checkout-promotions p{font-size:13px;margin-bottom:8px;text-align:center}.checkout-promotion-option{align-items:center;flex-direction:column;gap:12px;padding:12px;text-align:center}.checkout-promotion-button{text-align:center;width:100%}}.oobe-overlay{-webkit-overflow-scrolling:touch;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#00000080;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;top:0;width:100vw;z-index:10000}.oobe-container{animation:oobe-fade-in .5s ease-out;background:var(--content-background-color);border:1px solid var(--content-border-color);border-radius:var(--container-border-radius);box-shadow:0 4px 24px #4c2e8a1f;color:var(--content-font-color);font-family:var(--content-font-family);margin:auto;max-width:600px;min-height:min-content;padding:32px;position:relative;text-align:center;width:100%}@keyframes oobe-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.oobe-header{margin-bottom:32px}.oobe-title{color:var(--primary-color);font-family:var(--font-family);font-size:2rem;font-weight:700;margin:0 0 12px}.oobe-subtitle{color:var(--text-color);font-size:1.1rem;line-height:1.5;margin:0}.oobe-section-header{color:var(--primary-color);font-family:var(--font-family);font-size:1.4rem;font-weight:600;line-height:1.3;margin:20px 0 16px}.oobe-features{grid-gap:20px;display:grid;gap:20px;margin-bottom:32px;text-align:left}.oobe-feature{align-items:flex-start;background:var(--background-color);border:1px solid var(--content-border-color);border-radius:var(--button-border-radius);display:flex;gap:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.oobe-feature:hover{box-shadow:0 4px 12px #4c2e8a14;transform:translateY(-2px)}.oobe-feature-icon{flex-shrink:0;font-size:2rem;line-height:1}.oobe-feature-content{flex:1 1}.oobe-feature-title{color:var(--primary-color);font-family:var(--font-family);font-size:1.1rem;font-weight:600;margin:0 0 8px}.oobe-feature-description{color:var(--text-color);font-size:.95rem;line-height:1.4;margin:0}.oobe-actions{display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin-bottom:24px}.oobe-button{border:none;border-radius:var(--button-border-radius);cursor:pointer;flex:1 1;font-family:var(--button-font-family);font-size:1rem;font-weight:600;max-width:180px;min-width:120px;padding:12px 24px;transition:all .2s ease}.oobe-button-primary{background:var(--primary-color);box-shadow:0 2px 8px #4c2e8a33;color:var(--button-text-color)}.oobe-button-primary:hover{box-shadow:0 4px 12px #4c2e8a4d;transform:translateY(-1px)}.oobe-button-secondary{background:#0000;border:1px solid var(--content-border-color);color:var(--text-color)}.oobe-button-secondary:hover{background:var(--background-color)}.oobe-footer{color:var(--dark-text-other);font-size:.95rem;margin:0;opacity:.8}.oobe-footer p{margin:0}.oobe-close{background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;font-size:1.5rem;line-height:1;padding:8px;position:absolute;right:16px;top:16px;transition:background .2s ease}.oobe-close:hover{background:var(--background-color)}@media (max-width:640px){.oobe-overlay{align-items:center;padding:12px}.oobe-container{max-height:90vh;min-height:auto;overflow-y:auto;padding:20px 16px}.oobe-title{font-size:1.4rem;line-height:1.3}.oobe-subtitle{font-size:.95rem;line-height:1.4}.oobe-actions{align-items:center;flex-direction:row;gap:8px;justify-content:center}.oobe-button{flex:1 1;font-size:.9rem;max-width:none;min-width:80px;padding:10px 16px;width:auto}.oobe-features{gap:12px}.oobe-feature{gap:12px;padding:12px}.oobe-feature-icon{font-size:1.5rem}.oobe-feature-title{font-size:1rem}.oobe-feature-description{font-size:.9rem}.oobe-header{margin-bottom:24px}}@media (max-height:700px){.oobe-overlay{align-items:center;padding-bottom:10px;padding-top:10px}.oobe-container{max-height:90vh;overflow-y:auto}.oobe-features,.oobe-header{margin-bottom:20px}}@media (max-height:600px){.oobe-container{padding:20px}.oobe-title{font-size:1.3rem;margin-bottom:8px}.oobe-subtitle{font-size:.95rem;margin-bottom:0}.oobe-features,.oobe-header{margin-bottom:16px}.oobe-features{gap:10px}.oobe-feature{padding:10px}.oobe-actions{margin-bottom:12px}}@media (max-width:480px){.oobe-overlay{padding:8px}.oobe-container{margin-bottom:15px;margin-top:5px;padding:16px 12px}.oobe-title{font-size:1.2rem}.oobe-subtitle{font-size:.9rem}.oobe-feature{gap:8px;padding:8px}.oobe-feature-title{font-size:.95rem}.oobe-feature-description{font-size:.85rem}.oobe-button{font-size:.9rem;min-width:70px;padding:8px 12px}}@media (max-height:500px) and (orientation:landscape){.oobe-overlay{align-items:center;padding:5px}.oobe-container{max-height:95vh;overflow-y:auto;padding:12px}.oobe-header{margin-bottom:12px}.oobe-title{font-size:1.1rem;margin-bottom:6px}.oobe-subtitle{font-size:.85rem}.oobe-features{gap:8px;margin-bottom:12px}.oobe-feature{padding:6px 8px}.oobe-feature-icon{font-size:1.2rem}.oobe-actions{flex-direction:row;gap:6px;margin-bottom:8px}.oobe-button{min-width:60px;padding:6px 10px}.oobe-button,.oobe-footer{font-size:.85rem}}.profile-oobe .oobe-feature-description{font-size:.9rem}.app-store-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.app-store-button{height:50px;width:auto}@media (max-width:400px){.app-store-buttons{flex-direction:column;gap:4px}.app-store-button{height:auto;max-width:90%;width:150px}}.leaderboard-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:20px;width:100%}.leaderboard-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.leaderboard-header h2{color:var(--primary-color);font-size:1.8em;font-weight:700;margin:0}.leaderboard-icon{height:48px;opacity:.9;width:48px}.leaderboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4b6cb7;border-top:4px solid var(--primary-color,#4b6cb7);height:48px;width:48px}.leaderboard-loading p{color:var(--text-color);font-size:1.1em}.leaderboard-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.empty-icon,.error-icon{height:120px;margin-bottom:20px;opacity:.7;width:120px}.leaderboard-error h3{color:var(--primary-color);font-size:1.5em;margin-bottom:12px}.leaderboard-error p{color:var(--text-color);font-size:1em;max-width:400px}.leaderboard-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.filter-button{align-items:center;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--button-border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:.9em;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.filter-button:hover{background-color:var(--hover-background-color);border-color:var(--primary-color);transform:translateY(-2px)}.filter-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--button-text-color)}.filter-icon{height:20px;width:20px}.current-user-card{background:var(--content-background-color);border:3px solid var(--primary-color);border-radius:20px;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-width:600px;overflow:hidden;padding:20px;position:relative;width:90%}.current-user-card:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-color));background:linear-gradient(90deg,var(--primary-color),var(--secondary-color,var(--primary-color)));content:"";height:4px;left:0;position:absolute;right:0;top:0}.current-user-header{border-bottom:2px solid var(--border-color);padding-bottom:12px;text-align:center}.current-user-header .user-position-label{color:var(--primary-color);font-size:.9em;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.current-user-content{align-items:center;display:flex;justify-content:space-between}.current-user-info{align-items:center;display:flex;flex:1 1;gap:16px}.user-rank-badge{color:var(--primary-color);font-size:2.5em;font-weight:900;min-width:80px;text-align:center;text-shadow:0 2px 4px #0000001a}.user-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.user-name{color:var(--text-color);font-size:.9em;font-weight:500;opacity:.9}.user-alias{color:var(--content-text-color);font-size:1.3em;font-weight:700}.user-score{align-items:center;background:var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #00000026;color:var(--button-text-color);display:flex;flex-direction:column;gap:4px;padding:12px 20px}.user-score-value{font-size:1.8em;font-weight:900;line-height:1}.score-label{font-size:.7em;font-weight:600;opacity:.9}.leaderboard-content{max-width:800px;width:100%}.no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-data p{color:var(--text-color);font-size:1.1em;margin:8px 0}.no-data-hint{color:var(--text-color);color:var(--color-secondary-text,var(--text-color));font-size:.9em!important;opacity:.7}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-entry{align-items:center;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.leaderboard-entry:hover{background-color:var(--hover-background-color);box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.leaderboard-entry.current-user{background-color:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color)}.leaderboard-entry.top-three{border-width:3px}.entry-rank{color:var(--primary-color);font-size:1.5em;font-weight:700;min-width:50px;text-align:center}.entry-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.entry-date{opacity:.7}.entry-stats{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.entry-score{color:var(--primary-color);font-size:1.4em;font-weight:700}.entry-score-label{font-size:.75em;font-weight:500}.entry-score-label,.leaderboard-footer{color:var(--text-color);color:var(--color-secondary-text,var(--text-color))}.leaderboard-footer{font-size:.9em;margin-top:24px;opacity:.8;text-align:center}.leaderboard-footer p{margin:0}@media (max-width:768px){.leaderboard-container{padding:12px}.leaderboard-header h2{font-size:1.4em}.leaderboard-icon{height:36px;width:36px}.leaderboard-filters{gap:8px}.filter-button{font-size:.85em;padding:8px 12px}.filter-icon{height:16px;width:16px}.filter-button span{display:none}.current-user-card{gap:12px;padding:16px}.current-user-content{flex-direction:column;gap:16px;text-align:center}.current-user-info{gap:12px;justify-content:center}.user-rank-badge{font-size:2em;min-width:60px}.user-alias{font-size:1.1em}.user-score{margin:0 auto;max-width:200px;padding:10px 16px;width:100%}.user-score-value{font-size:1.3em}.leaderboard-entry{gap:12px;padding:12px 16px}.entry-rank{font-size:1.2em;min-width:40px}.entry-name{font-size:1em}.entry-score{font-size:1.2em}.entry-score-label{font-size:.7em}}@media (max-width:480px){.leaderboard-container{padding:8px}.leaderboard-header{margin-bottom:16px}.leaderboard-header h2{font-size:1.2em}.leaderboard-filters{gap:6px}.filter-button{padding:6px 10px}.current-user-card{padding:12px 16px}.user-rank-badge{font-size:1.5em;min-width:50px}.user-alias{font-size:1em}.user-score-value{font-size:1.2em}.leaderboard-entry{gap:8px;padding:10px 12px}.entry-rank{font-size:1em;min-width:35px}.entry-name{font-size:.95em}.entry-score{font-size:1.1em}}.entry-name-container{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.entry-name{color:var(--content-font-color);color:var(--color-primary-text,var(--content-font-color));font-size:1.1em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-alias{color:var(--text-color);color:var(--color-secondary-text,var(--text-color));font-size:.85em;font-weight:500}@media (max-width:768px){.entry-name-container{align-items:center;flex-direction:column;gap:2px}}.leaderboard-share-button{margin-top:0}@media (max-width:768px){.leaderboard-share-button{margin-top:2px}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.mastery-course-row-responsive{align-items:center;display:flex;flex-direction:row;width:100%}@media (max-width:319px){.mastery-course-row-responsive{align-items:stretch;flex-direction:column;max-width:319px;width:100%}.mastery-course-row-text{margin-bottom:8px}}@media (max-width:800px){.mastery-bottom-spacer{display:block;height:350px;width:100%}}.mastery-bottom-spacer{display:block;height:400px;width:100%}@media (max-width:400px){.mastery-bottom-spacer{display:block;height:100px;width:100%}}.combined-mastery-container{display:flex;flex-direction:column;height:100%;width:100%}.mastery-mode-toggle{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:8px;display:flex;gap:0;margin:10px auto 4px;max-width:600px;overflow:hidden}.mastery-mode-toggle-btn{-webkit-touch-callout:none;background-color:var(--background-color);border:none;color:var(--text-color);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.mastery-mode-toggle-btn,.mastery-mode-toggle-btn:focus{-webkit-tap-highlight-color:transparent!important;outline:none!important}.mastery-mode-toggle-btn:focus{box-shadow:none!important}.mastery-mode-toggle-btn:active{-webkit-tap-highlight-color:transparent!important;outline:none!important}.mastery-mode-toggle-btn:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.mastery-mode-toggle-btn.active{background-color:var(--primary-color);color:var(--background-color)}.mastery-mode-content{flex:1 1;overflow-y:auto}.mastery{box-sizing:border-box;margin-bottom:2px;margin-top:2px;min-height:calc(100vh - 4px);padding-left:10px;padding-right:10px;text-align:center;width:calc(100% - 2px)}.mastery h1{font-size:24px;margin-bottom:10px}.mastery h2{font-size:1.2em;margin-bottom:5px;margin-top:2px}.mastery p{font-size:16px;margin:5px 0}.mastery select{background-color:var(--input-background-color);border-radius:var(--container-border-radius);color:var(--content-font-color);font-size:16px;margin:10px 0;max-width:100%;padding:10px;width:100%}.dropdown{margin:0 auto;max-width:600px;width:100%}.mastery-tile-container{gap:8px;margin:0 auto 10px;max-width:590px;padding:6px 10px 10px}.mastery-courses-box,.mastery-tile-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%}.mastery-courses-box{border:none;border-radius:8px;margin:0 auto;max-width:600px;padding-left:4px;padding-right:4px}.mastery-tiles-block{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin-bottom:0;width:100%}.mastery-tiles-block .mastery-tile{align-items:center;box-sizing:border-box;flex-direction:row;gap:6px;justify-content:space-between;margin:0;max-width:none;min-width:0;padding:6px 10px;width:calc(50% - 3px)}.mastery-tiles-block .mastery-tile-header{flex:1 1;font-size:.85em;margin-bottom:0;min-width:0;word-break:break-word}@media (max-width:480px){.mastery-tiles-block .mastery-tile{width:100%}}.mastery-tile{align-items:center;background:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:none;box-shadow:0 2px 8px #00000012;display:flex;flex-direction:column;font-size:.98em;justify-content:center;margin:0 auto 8px;max-width:250px;min-width:90px;padding:10px;text-align:left;width:95%}@media (max-width:376px){.mastery-tile{max-width:100%}}.mastery-tile-header{font-family:var(--header-font-family);font-weight:500;margin-bottom:2px}.mastery-tile-data,.mastery-tile-header{color:var(--content-font-color);font-size:1.2em}.mastery-grade-tile{flex-direction:row}.mastery-grade-tile,.mastery-grade-tile-header{align-items:center;color:var(--primary-color);display:flex;justify-content:center}.mastery-grade-tile-header{font-size:1.3em;font-weight:700;margin-bottom:10px;padding-top:.6em}.mastery-grade{background-color:var(--primary-color);color:#fff;font-size:1.5em;padding:.2em}.mastery-grade-tile-data{color:var(--tile-text-color);font-size:1em;font-weight:700;margin-top:5px}.advanced-mastery-coming-soon{margin:0 auto;max-width:1200px;padding:0 20px}.coming-soon-hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:40px;overflow:hidden;padding:40px 0;position:relative;text-align:center}.coming-soon-hero:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.coming-soon-image{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 20px #0003;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));height:120px!important;margin:0 auto 20px!important;width:120px!important}.coming-soon-overlay{position:relative;z-index:2}.coming-soon-title{color:#fff;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0 0 10px;text-shadow:0 2px 10px #0000004d}.coming-soon-subtitle{animation:pulse 2s ease-in-out infinite;color:#ffffffe6;font-size:1.5rem;font-weight:300;letter-spacing:3px;margin:0;text-transform:uppercase}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.coming-soon-content{text-align:center}.coming-soon-description{margin-bottom:50px}.coming-soon-description h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:2.5rem;font-weight:600;margin:0 0 15px}.coming-soon-description p{color:var(--text-color);font-size:1.3rem;line-height:1.6;margin:0;opacity:.8}.feature-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.feature-card{background:var(--input-background-color);border:2px solid #0000001a;border-radius:15px;overflow:hidden;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.feature-icon{display:block;filter:grayscale(.3);font-size:3rem;margin-bottom:15px;transition:filter .3s ease}.feature-card:hover .feature-icon{filter:grayscale(0);transform:scale(1.1)}.feature-card h3{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin:0 0 10px}.feature-card p{color:var(--text-color);font-size:1rem;line-height:1.5;margin:0;opacity:.8}.coming-soon-cta{background:linear-gradient(135deg,var(--light-gold) 0,var(--input-background-color) 100%);border:1px solid #fff3;border-radius:15px;padding:30px}.coming-soon-cta p{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 3px #ffffff80}@media (max-width:768px){.mastery-mode-toggle-btn{font-size:14px;padding:10px 16px}.coming-soon-title{font-size:2.5rem}.coming-soon-subtitle{font-size:1.2rem;letter-spacing:2px}.coming-soon-description h2{font-size:2rem}.feature-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:25px 15px}.coming-soon-cta p{font-size:1.3rem}}@media (max-width:480px){.advanced-mastery-coming-soon{padding:0 15px}.coming-soon-hero{margin-bottom:30px;padding:30px 0}.coming-soon-title{font-size:2rem}.coming-soon-subtitle{font-size:1rem;letter-spacing:1px}.coming-soon-description h2{font-size:1.7rem}.coming-soon-description p{font-size:1.1rem}}@media (hover:none) and (pointer:coarse){.mastery-mode-toggle-btn:hover{background-color:var(--background-color)!important;color:var(--text-color)!important}.mastery-mode-toggle-btn.active:hover,.mastery-mode-toggle-btn:hover{border-color:initial!important;box-shadow:none!important;opacity:1!important;transform:none!important}.mastery-mode-toggle-btn.active:hover{background-color:var(--primary-color)!important;color:var(--background-color)!important}.course-item:hover,.mastery-progress-button:hover,.mastery-topic-card:hover{border-color:initial!important;box-shadow:none!important;opacity:1!important;transform:none!important}}.advanced-mastery-premium-gate{box-sizing:border-box;margin:0 auto;max-width:800px;padding:0 20px;width:100%}.premium-gate-hero{background:linear-gradient(135deg,var(--primary-color) 0,#667eea 100%);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color,#667eea) 100%);border-radius:20px;box-shadow:0 8px 32px #00000026;margin:0 auto 30px;max-width:600px;overflow:hidden;padding:40px 0;position:relative;width:100%}.premium-gate-image{border:4px solid #ffffff4d;border-radius:50%;display:block;height:150px;margin:0 auto;object-fit:cover;width:150px}.premium-gate-overlay{margin-top:20px;text-align:center}.premium-gate-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.premium-gate-subtitle{color:#fffffff2;font-size:1.5rem;font-weight:600;margin-top:10px}.premium-gate-content{padding:20px 0}.premium-gate-description{margin-bottom:30px;text-align:center}.premium-gate-description h2{color:var(--color-primary-text);font-size:1.8rem;margin-bottom:10px}.premium-gate-description p{color:var(--color-secondary-text);font-size:1.1rem}.advanced-mastery-container{box-sizing:border-box;margin:0 auto;max-width:800px;padding:0 20px;width:100%}.advanced-mastery-courses-box{margin:0 auto;max-width:600px;width:100%}.advanced-mastery-course-section{background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;margin-bottom:16px;overflow:hidden}.advanced-mastery-course-header{align-items:center;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease}.advanced-mastery-course-header:hover{background-color:#00000005;background-color:var(--hover-background-color,#00000005)}.advanced-mastery-course-info{flex:1 1;min-width:0}.advanced-mastery-course-name{color:var(--color-primary-text);font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-mastery-course-school{color:var(--color-secondary-text);display:block;font-size:14px;margin-top:2px}.advanced-mastery-expand-icon{color:var(--color-secondary-text);font-size:10px;margin-left:10px}.advanced-mastery-course-content{border-top:1px solid var(--border-color);padding:0 20px 20px}.advanced-mastery-section{margin-top:15px}.advanced-mastery-section-title{align-items:center;color:var(--color-secondary-text);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.advanced-mastery-section-icon{font-size:16px}.advanced-mastery-topics-list{display:flex;flex-direction:column;gap:16px}.advanced-mastery-topic-container{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.advanced-mastery-topic-item{align-items:center;display:flex;gap:12px;padding:12px 15px}.advanced-mastery-topic-cards{border-top:1px solid var(--border-color);margin-top:0;padding:0 15px 15px}.advanced-mastery-topic-cards-header{align-items:center;color:var(--color-secondary-text);display:flex;font-size:12px;font-weight:600;gap:6px;padding:10px 0}.advanced-mastery-topic-cards-header:hover{color:var(--color-primary-text)}.advanced-mastery-topic-cards-expand-icon{font-size:10px;margin-left:auto}.advanced-mastery-topic-cards-header .advanced-mastery-section-icon{font-size:12px}.advanced-mastery-topic-rank{color:var(--primary-color);font-size:14px;font-weight:700;min-width:28px}.advanced-mastery-topic-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.advanced-mastery-topic-name{color:var(--content-font-color);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-mastery-topic-mastery{color:var(--content-font-color);font-size:12px}.advanced-mastery-topic-mastery-bar{background-color:var(--border-color);border-radius:3px;height:6px;overflow:hidden;width:60px}.advanced-mastery-topic-mastery-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:3px;height:100%;transition:width .3s ease}.advanced-mastery-topic-mastery-bar{background:linear-gradient(90deg,#ff6b6b,#ffa502)}.advanced-mastery-cards-list{display:flex;flex-direction:column;gap:8px}.advanced-mastery-topic-cards .advanced-mastery-card-item{background-color:var(--content-background-color);padding:10px 12px}.advanced-mastery-card-item{align-items:flex-start;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:12px 15px}.advanced-mastery-card-rank{color:#ff6b6b;font-size:13px;font-weight:700;min-width:24px;padding-top:2px}.advanced-mastery-card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.advanced-mastery-card-question-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-primary-text);display:-webkit-box;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.advanced-mastery-card-topic{color:var(--color-secondary-text);font-size:12px}.advanced-mastery-card-stats{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.advanced-mastery-card-failure-rate{color:#ff6b6b;font-size:13px;font-weight:600}.advanced-mastery-card-attempts{color:var(--color-secondary-text);font-size:11px}.advanced-mastery-empty,.advanced-mastery-empty-state{color:var(--color-secondary-text);padding:30px 20px;text-align:center}.advanced-mastery-empty p,.advanced-mastery-empty-state p{font-size:14px;margin:0}.advanced-mastery-card-item-full{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;padding:15px}.advanced-mastery-upgrade-button{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:block;font-size:1.1em;font-weight:700;margin:30px auto 0;padding:16px 48px;transition:all .3s ease}.advanced-mastery-upgrade-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.advanced-mastery-upgrade-button:active{transform:translateY(0)}.advanced-mastery-upgrade-shimmer{animation:advanced-mastery-shimmer-border 3s ease-in-out infinite}@keyframes advanced-mastery-shimmer-border{0%{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026}25%{border-color:var(--primary-color);box-shadow:0 0 8px 2px var(--primary-color),0 4px 12px #00000026}50%{border-color:var(--primary-color);box-shadow:0 0 12px 3px var(--primary-color),0 4px 12px #00000026}75%{border-color:var(--primary-color);box-shadow:0 0 8px 2px var(--primary-color),0 4px 12px #00000026}to{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026}}.advanced-mastery-card-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.advanced-mastery-card-header .advanced-mastery-card-rank{color:#ff6b6b;font-size:14px;font-weight:700;min-width:auto;padding-top:0}.advanced-mastery-card-topic-badge{background-color:var(--content-background-color);border:1px solid var(--border-color);border-radius:12px;color:var(--color-secondary-text);font-size:12px;padding:4px 10px}.advanced-mastery-card-question{color:var(--color-primary-text);font-size:15px;line-height:1.5;margin-bottom:12px}.advanced-mastery-card-question p{margin:0}.advanced-mastery-card-stats-inline{align-items:center;display:flex;font-size:12px;gap:6px;margin-left:auto}.advanced-mastery-card-stats-inline .advanced-mastery-card-failure-rate{color:#ff6b6b;font-weight:600}.advanced-mastery-card-stats,.advanced-mastery-card-stats-inline .advanced-mastery-card-attempts{color:var(--color-secondary-text)}.advanced-mastery-card-stats{border-top:1px solid var(--border-color);font-size:14px;margin-top:12px;padding-top:10px}@media (max-width:480px){.premium-gate-title{font-size:2rem}.premium-gate-subtitle{font-size:1.2rem}.premium-gate-description h2{font-size:1.5rem}.advanced-mastery-card-item,.advanced-mastery-topic-item{padding:10px 12px}.topic-mastery-bar{width:50px}.advanced-mastery-card-item-full{padding:12px}}.view-cards-container{display:flex;flex-direction:column;margin-top:10px;max-height:calc(100% - 2px);width:calc(100% - 2px)}.view-cards-main{align-items:center;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.cards-list{display:flex;flex-wrap:wrap;gap:10px}.card-item{background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--container-border-radius);box-sizing:border-box;color:var(--content-font-color);font-family:var(--content-font-family);margin-bottom:10px;max-width:800px;padding:10px;width:90%}.card-buttons button:focus,.card-buttons button:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.card-buttons button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.card-item p{margin:5px 0}.card-buttons{display:flex;justify-content:space-between;margin-top:10px}.card-buttons button{background-color:var(--content-background-color);border:none;font-size:16px;padding:10px 15px}.card-button-admin,.card-buttons button{border-radius:var(--button-border-radius);cursor:pointer}.card-button-admin{background-color:var(--primary-color)!important;border:none;color:var(--button-text-color);padding:5px 10px}.card-buttons-small{display:flex;justify-content:space-between;margin-top:0}.card-buttons-small button{background-color:var(--content-background-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;padding:5px 10px}.card-buttons-small button:focus,.card-buttons-small button:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.card-buttons-small button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.delete-card-confirmation-dialog{align-items:center;align-self:center;background-color:var(--popup-background-color);border:2px solid var(--border-color);border-radius:var(--container-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;font-family:var(--content-font-family);font-size:18px;margin:10px auto;max-width:min(500px,calc(100vw - 40px));min-width:280px;padding:20px;width:fit-content}@media (max-width:768px){.delete-card-confirmation-dialog{font-size:16px;margin:5px auto;max-width:calc(100vw - 20px);min-width:0;min-width:auto;padding:15px;width:auto}.delete-card-confirmation-dialog select{font-size:16px!important;padding:10px!important}.delete-card-confirmation-dialog button{font-size:14px;margin:5px;min-width:80px;padding:8px 12px}}.delete-card-confirmation-dialog button{border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:16px;margin:10px;padding:10px 15px}.view-cards-message{background-color:var(--primary-color)}.view-cards-error,.view-cards-message{align-self:center;border-radius:var(--container-border-radius);color:var(--button-text-color);font-family:var(--button-font-family);font-size:16px;margin-right:4px;margin-top:10px;max-width:800px;padding:10px;text-align:center;width:90%}.view-cards-error{background-color:var(--error-color)}.show-answer-button-container{margin-bottom:15px;text-align:center}.show-answer-button{border:1px solid var(--content-border-color);border-radius:4px;cursor:pointer;font-family:var(--content-font-family);font-size:12px;padding:8px 16px;transition:all .2s ease}.show-answer-button.hidden{background-color:var(--content-background-color);color:var(--content-font-color)}.show-answer-button.shown{background-color:var(--primary-color);color:var(--button-text-color)}.show-answer-button:hover{background-color:var(--hover-color);box-shadow:0 2px 4px #00000026;color:var(--hover-text-color);transform:translateY(-1px)}.show-answer-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.card-answer-content{margin-top:10px}.report-card-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-card-dialog{background-color:var(--input-background-color);border:1px solid var(--content-border-color);border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.report-card-dialog h3{margin-bottom:15px;margin-top:0}.report-card-form-group{margin-bottom:15px}.report-card-label{display:block;font-weight:700;margin-bottom:5px}.report-card-select,.report-card-textarea{background-color:var(--input-background-color);border:1px solid var(--content-border-color);border-radius:4px;color:var(--content-font-color);padding:8px;width:100%}.report-card-textarea{box-sizing:border-box;height:80px;resize:vertical}.report-card-char-counter{color:var(--muted-text-color);font-size:12px;margin-top:5px}.report-card-buttons{display:flex;gap:10px;justify-content:flex-end}.report-card-button-cancel{background-color:initial;border:1px solid var(--content-border-color);border-radius:4px;color:var(--content-font-color);cursor:pointer;padding:8px 16px}.report-card-button-submit{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.report-card-button-submit:enabled{background-color:var(--primary-color);color:#fff}.report-card-button-submit:disabled{background-color:var(--disabled-background-color);color:var(--disabled-text-color);cursor:not-allowed}:root{--flip-transition-time:0.6s}.flip-card,.flip-card-inner{perspective:1000px}.flip-card-inner{cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:70vh;margin-left:2px;margin-right:2px;margin-top:12px;max-height:var(--available-height);max-width:1000px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s ease-in-out;transition:transform var(--flip-transition-time) ease-in-out;width:90vw}.flipping-full-view-card{background-color:var(--content-background-color);border-radius:var(--card-border-radius)}.flipping-full-view-card.flipped{background-color:var(--input-background-color)}.flipping-full-view-card .flip-card-back,.flipping-full-view-card .flip-card-front{border:none}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--content-background-color);border-radius:var(--card-border-radius);box-sizing:border-box;color:var(--content-font-color);display:flex;flex-direction:column;grid-column:1;grid-row:1;transform:translateZ(0);will-change:transform}.flip-card-back{background-color:var(--input-background-color);transform:rotateY(180deg);-webkit-transform:rotateY(180deg) translateZ(0)}.flip-card-inner.flipped .flip-card-front{pointer-events:none}.flip-card-inner.flipped .flip-card-back{pointer-events:auto}.flip-card-header{color:var(--content-header-color);font-size:.8em;margin-top:10px;padding:0 15px}.flip-card-front-question,.flip-card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.flip-card-front-question{flex:1 1;flex-direction:column;font-family:var(--content-font-family);font-size:1.5em;margin-bottom:0;overflow:wrap;padding:20px}.flip-card-front-question.has-newlines{align-items:flex-start;box-sizing:border-box;justify-content:center;padding:20px;text-align:left;width:100%}.flip-card-answer{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:var(--content-font-family);font-size:1.5em;justify-content:center;margin-bottom:0;overflow:wrap;padding:20px 15px}.flip-card-answer.has-newlines{align-items:flex-start;box-sizing:border-box;justify-content:center;padding:20px;text-align:left;width:100%}.flip-card.full-view .flip-card-inner{max-width:max-content;transition:transform 0s ease-in-out}.flip-card-inner.flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg) translateZ(0)}.flip-card-icon{height:15px;width:15px}.flip-button-expand{border:1px solid var(--content-font-color);border-radius:5px;color:var(--content-font-color);margin:2px 2px 5vh}.button-details,.flip-button-expand{background-color:var(--content-background-color);cursor:pointer;height:30px}.button-details{border:none;border-radius:5px;color:var(--button-text-color);margin-top:4px;width:30px}.flip-card-back .button-details,.flip-card-back .flip-button-control,.flip-card-back .flip-button-expand{background-color:var(--input-background-color)}.button-details:hover{color:var(--hover-text-color)}.button-details:hover,.flip-button-expand:hover{background-color:var(--hover-color)}.flip-card-footer{align-items:center;box-sizing:border-box;display:flex;justify-content:center;width:100%}.flip-controls-container{color:var(--content-font-color);display:flex;justify-content:space-between;margin-top:auto;padding:20px 0;width:100%}.flip-hide-mobile-controls{display:none}.flip-hide-mobile-controls+*{padding-bottom:20px}.flip-card-back:has(.flip-hide-mobile-controls),.flip-card-front:has(.flip-hide-mobile-controls){padding-bottom:20px}@media (min-width:600px){.flip-hide-mobile-controls{display:flex!important}.flip-hide-mobile-controls+*{padding-bottom:0}.flip-card-back:has(.flip-hide-mobile-controls),.flip-card-front:has(.flip-hide-mobile-controls){padding-bottom:0}}.flip-button-control{background-color:var(--content-background-color);border:none;border-radius:45%;color:var(--button-text-color);cursor:pointer;height:50px;margin-left:10%;margin-right:10%;width:50px}.flip-button-control:disabled{background-color:var(--disabled-color);cursor:not-allowed}.flip-icon-control{height:30px;width:30px}.flip-button-control:not(:disabled):hover{background-color:var(--hover-color);color:var(--hover-text-color)}.instruction-image{height:100px;margin-bottom:5px;margin-top:5px;width:100px}@media(min-width:600px){.instruction-image{height:120px;width:120px}.instruction-header.arrow-right{right:80%!important;top:2%!important}.instruction-header.arrow-left{left:80%!important;top:2%!important}}@media(min-width:1024px){.instruction-image{height:150px;width:150px}.instruction-header.arrow-right{right:80%!important;top:2%!important}.instruction-header.arrow-left{left:80%!important;top:2%!important}}.instruction-header{align-items:center;border-radius:5px;color:#000;display:flex;flex-direction:column;justify-content:center;padding:2px;position:relative;z-index:2}.instruction-header.arrow-right{color:var(--study-tile-right-color);position:absolute;right:70%;top:2%;transform:rotate(-15deg)}.instruction-header.arrow-left{color:#daa520;left:70%;position:absolute;top:2%;transform:rotate(15deg)}.instruction-header span{background-color:var(--content-background-color);border:1px solid #0000001a;border-radius:4px;box-shadow:0 1px 3px #0003;color:inherit;font-weight:600;padding:4px 8px}.flip-card-front{position:relative;transition:all .3s ease}.flip-card-front.blurred:before{background-color:#0000000d;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.flipping-card-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}@supports (-webkit-touch-callout:none){.flip-card{transform:translateZ(0)}.flip-card-inner{transform-style:preserve-3d!important}.flip-card-back,.flip-card-front{backface-visibility:hidden!important;transform:translateZ(0)}.flip-card-back{transform:rotateY(180deg) translateZ(0)!important}}.card-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.no-cards{height:100%;padding:0}.filter-label{font-size:1.2em;margin-top:0;transition:opacity .2s ease}.button-tooltip.tooltip-active~* .filter-label,.button-tooltip:hover~* .filter-label,.card-container:has(.button-tooltip.tooltip-active) .filter-label,.card-container:has(.button-tooltip:hover) .filter-label{opacity:0;pointer-events:none}@media (max-width:600px){.filter-label{font-size:1em}}@media (max-width:400px){.filter-label{font-size:.7em}}@media (max-width:600px) and (max-height:700px){.welcome-box{margin-top:20vh}}@media (max-width:600px) and (min-height:800px){.welcome-box{margin:0}}.cards{flex-direction:column;margin:0;min-height:90%;padding:0}.card-stack,.cards{align-items:center;display:flex;justify-content:center;position:relative}.card-stack{padding:30px}.card-stack-layer-1{opacity:.75;transform:translateY(10px) translateX(-8px) scale(.97) rotate(-1.5deg);z-index:1}.card-stack-layer-2{opacity:.55;transform:translateY(20px) translateX(-16px) scale(.94) rotate(-3deg);z-index:2}.card-stack-layer-3{opacity:.35;transform:translateY(30px) translateX(-24px) scale(.91) rotate(-4.5deg);z-index:3}.card-stack-top{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));position:relative;transform:translateY(0) translateX(0) scale(1);z-index:10}.card-stack-top,.card-stack-top *,.card-stack-top .answer-card,.card-stack-top .answer-card-front,.card-stack-top .answer-card-inner,.card-stack-top .flip-card,.card-stack-top .flip-card-back,.card-stack-top .flip-card-front,.card-stack-top .flip-card-inner,.card-stack-top .react-draggable{opacity:1!important}.card-stack-top .answer-card.react-draggable-dragging,.card-stack-top .flip-card.react-draggable-dragging,.card-stack-top .react-draggable-dragging,.card-stack-top.react-draggable-dragging{opacity:.9!important}.card-container-header{flex-direction:column;justify-content:center;width:calc(100% - 2px)}.card-container-header,.card-container-main{align-items:center;box-sizing:border-box;color:var(--text-color);display:flex;font-size:calc(10px + 2vmin)}.card-container-main{background-color:var(--background-color);flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;width:100%}.card-container-config{display:flex;flex-direction:column;height:calc(100% - 4px);margin:0 10px;max-width:600px;text-align:center;width:calc(100% - 20px)}.card-container-config input[type=checkbox]{scale:1.5}.card-container-config select{background-color:var(--input-background-color);border-radius:var(--container-border-radius);color:var(--content-font-color)}.buttons-header{align-items:center;background-color:var(--background-color);display:flex;flex-wrap:wrap;justify-content:space-between;max-width:800px;padding:10px 20px;position:relative;width:calc(100% - 2px)}.buttons-left{display:flex;gap:20px;margin-left:10%}.buttons-center{display:flex;gap:4px;left:50%;position:absolute;transform:translateX(-50%)}.buttons-center .tooltip-container{margin:0 8px}.buttons-right{display:flex;gap:20px;margin-right:5%}@media (max-width:480px){.buttons-header{padding:8px 5px}.buttons-left,.buttons-right{gap:4px}.tiles-header{gap:6px;padding:1px 12px}}@media (min-width:481px) and (max-width:599px){.buttons-header{padding:8px 10px}.buttons-left,.buttons-right{gap:8px}.buttons-center{gap:12px}.buttons-center .tooltip-container{margin:0 4px}}@media (min-width:600px) and (max-width:767px){.buttons-header{padding:8px 15px}.buttons-center,.buttons-left,.buttons-right{gap:15px}}@media (min-width:768px){.buttons-header{margin-bottom:8px;margin-top:4px;padding:8px 20px}.buttons-left{gap:20px;margin-right:10%}.buttons-right{gap:20px}.buttons-center{gap:25px}.buttons-center .tooltip-container{margin:0 8px}.tiles-header{gap:12px;padding:3px 30px}}@media (min-width:1024px){.buttons-header{padding:8px 40px}.buttons-left,.buttons-right{gap:25px}.buttons-center{gap:30px}.buttons-center .tooltip-container{margin:0 10px}.tiles-header{gap:16px;padding:4px 40px}}.debug-panel{border:1px solid #fff;margin:20px;padding:10px;width:calc(80% - 4px)}.filter-box{border-color:var(--border-color);border:2px solid var(--border-color);border-radius:5px;font-size:.7em;margin:10px 0;padding:10px}.tiles-header{flex-wrap:wrap;gap:8px;margin-bottom:2px;margin-top:2px;padding:2px 20px;width:calc(100% - 2px)}.tile,.tiles-header{color:var(--primary-color);display:flex;justify-content:center}.tile{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 4px #0000001a;cursor:pointer;flex-direction:column;font-family:var(--font-family);font-size:16px;margin:2px;min-width:75px;padding:8px;text-align:center}.tile-left{background-color:var(--study-tile-left-background);border-bottom-left-radius:0;border-left:0;border-color:#daa520;border-top-left-radius:0;box-shadow:0 2px 4px #0000001a,-5px 0 10px #0000000d;color:#daa520;margin-left:-10px;padding-left:18px;position:relative}.tile-left:before{background-color:var(--primary-color);bottom:0;content:"";left:0;opacity:.3;position:absolute;top:0;width:4px}.tile-right{background-color:var(--study-tile-right-background);border-bottom-right-radius:0;border-right:0;border-color:var(--study-tile-right-color);border-top-right-radius:0;box-shadow:0 2px 4px #0000001a,5px 0 10px #0000000d;color:var(--study-tile-right-color);margin-right:-10px;padding-right:18px;position:relative}.tile-right:before{background-color:var(--primary-color);bottom:0;content:"";opacity:.3;position:absolute;right:0;top:0;width:4px}.tile-middle{align-items:center;border-radius:20px;color:var(--primary-color);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);font-size:16px;justify-content:center;margin:2px 2px 0;min-width:75px;padding:8px 8px 0;text-align:center}@media (min-width:600px){.tile-header{align-items:center;font-size:1.4em;font-weight:700}}.tile-header{align-items:center;font-size:1.1em;font-weight:700}.tile-back,.tile-data{color:var(--primary-color)}.tile-data{font-size:14px;font-weight:700}@media (hover:hover){.tile:hover{background-color:var(--hover-color)}.tile-left:hover{background-color:#edca73}.tile-right:hover{background-color:var(--study-tile-right-color);background-color:var(--study-tile-right-hover-color,var(--study-tile-right-color))}}@media (hover:none){.tile:active{background-color:var(--hover-color);transition:background-color .1s}}.card-front-content{margin-bottom:10vh}@media (min-height:600px){.card-front-content{margin-bottom:25vh}}@media (min-height:800px){.card-front-content{margin-bottom:30vh}}.button-reset{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-size:18px;margin-top:5px;padding:10px;width:100%}.button-reset:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.button-save{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-size:18px;margin-top:5px;padding:10px;width:100%}.button-save:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.button-practice{font-size:10px;margin:5px;padding:5px 10px}.home-icon{height:25px;margin-top:0;width:25px}@media (min-width:600px){.home-icon{height:30px;width:30px}}.icon-small{height:14px;margin-top:0;width:14px}.icon{height:25px;margin-top:0;width:25px}@media (min-width:600px){.icon{height:40px;margin-top:4px;width:40px}.icon-small{height:16px;margin-top:4px;width:16px}}.back-icon{height:25px;margin-top:0;width:25px}.button-header{align-items:center;background-color:var(--background-color);display:flex;height:25px;justify-content:center;margin:2px 5px;padding:18px;width:25px}.button-back,.button-header{border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer}.button-back{background-color:var(--primary-color);box-shadow:0 2px 4px #00000026;height:50px;margin-top:4px;padding:4px;transition:transform .2s,box-shadow .2s;width:100%;width:50px;z-index:10}.practice-icon{height:35px;margin-top:0;width:35px}.button-practice{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);box-shadow:0 2px 4px #00000026;color:var(--button-text-color);cursor:pointer;height:40px;margin-top:4px;padding:4px;transition:transform .2s,box-shadow .2s;width:40px}.button-practice:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0003;color:var(--hover-text-color);transform:translateY(-2px)}.button-header-admin{background-color:var(--secondary-color);font-size:10px;height:25px;left:10px;margin:5px;top:10px;width:25px}.button-header-admin,.button-header-home{border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer}.button-header-home{align-items:center;background-color:var(--background-color);display:flex;height:32px;justify-content:center;margin:2px 4px;min-width:55px;overflow:hidden;padding:2px 4px;position:relative;transition:all .3s ease}@media (min-width:600px) and (max-width:768px){.button-header-home{padding:4px 8px}}@media (min-width:769px){.button-header-home{height:36px;min-width:65px;padding:2px 10px}.button-header-home .button-label{font-size:1em}}@media (min-width:1200px){.button-header-home{height:38px;min-width:70px;padding:2px 12px}.button-header-home .button-label{font-size:1em}.button-header-home .button-content{gap:6px}}.button-header-home .button-content{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:center}.button-header-home .button-label{color:var(--primary-color);font-size:1.5em;font-weight:600;line-height:2;white-space:nowrap}.streak-preview-button{height:auto!important;padding-bottom:4px!important;padding-top:4px!important}.streak-mini-preview{align-items:center;display:flex;flex-direction:row;gap:3px;justify-content:center}.streak-mini-flame{display:block;flex-shrink:0;height:9px;width:9px}.button-header-home:before{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.button-admin{background-color:var(--secondary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-size:12px;margin:5px;padding:10px 20px}@media (hover:hover) and (min-width:769px){.button-header:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.button-header-home:hover,.button-header:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.button-header-home:hover{border-color:var(--secondary-color);box-shadow:0 6px 12px #00000040;transform:translateY(-3px)}.button-header-home:hover:before{opacity:1}}@media (max-width:768px){.button-header:hover{box-shadow:none!important}.button-header-home:hover,.button-header:hover{background-color:var(--background-color)!important;transform:none!important}.button-header-home:hover{border-color:var(--primary-color)!important;box-shadow:0 3px 6px #00000026!important}.button-header-home:hover:before{opacity:0!important}}@media (hover:none){.button-header:active{background-color:var(--hover-color);transition:background-color .1s}.button-header-home:active{box-shadow:0 2px 4px #0003;transform:translateY(-1px);transition:all .1s}}@media (hover:hover){.button-header:hover .button-back:hover{background-color:var(--hover-color);color:var(--hover-text-color)}}@media (hover:none){.button-header:hover .button-back:hover{background-color:var(--hover-color);color:var(--hover-text-color);transition:background-color .1s}}input[type=range]{appearance:none;background:var(--primary-color);height:20px;opacity:1;outline:none;transition:opacity .2s;width:100%}input[type=range]:hover{opacity:.7}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--secondary-color);cursor:pointer;height:30px;width:30px}.card-stack-background{background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--card-border-radius);height:70vh;margin-left:2px;margin-right:2px;max-height:var(--available-height);max-width:800px;pointer-events:none;position:absolute;width:90vw}.card-stack-placeholder{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px}.card-placeholder-header{color:var(--content-text-color);font-size:14px;margin-bottom:20px;opacity:.7;text-align:center}.card-placeholder-content{align-items:center;display:flex;flex:1 1;justify-content:center}.card-placeholder-lines{max-width:300px;width:100%}.card-placeholder-line{background-color:var(--content-border-color);border-radius:6px;height:12px;margin-bottom:10px;opacity:.3}.card-placeholder-line-long{width:90%}.card-placeholder-line-medium{width:70%}.card-placeholder-line-short{width:50%}.tile-left-container .tooltip-text{left:100%!important}.tile-right-container .tooltip-text{left:0}.study-view-upgrade-shimmer{animation:study-view-shimmer-border 3s ease-in-out infinite}@keyframes study-view-shimmer-border{0%{border-color:#e0e0e0;border-color:var(--color-accent-border,#e0e0e0);box-shadow:0 0 0 0 #e0e0e0;box-shadow:0 0 0 0 var(--color-accent-border,#e0e0e0)}25%{border-color:var(--primary-color);box-shadow:0 0 8px 2px var(--primary-color)}50%{border-color:var(--primary-color);box-shadow:0 0 12px 3px var(--primary-color)}75%{border-color:var(--primary-color);box-shadow:0 0 8px 2px var(--primary-color)}to{border-color:#e0e0e0;border-color:var(--color-accent-border,#e0e0e0);box-shadow:0 0 0 0 #e0e0e0;box-shadow:0 0 0 0 var(--color-accent-border,#e0e0e0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes flameShimmer{0%{filter:drop-shadow(0 0 2px rgba(255,165,0,0)) brightness(1)}50%{filter:drop-shadow(0 0 8px rgba(255,165,0,.8)) brightness(1.2)}to{filter:drop-shadow(0 0 2px rgba(255,165,0,0)) brightness(1)}}.flame-active{animation:flameShimmer 1.2s ease-in-out infinite}.create-card-container{display:flex;flex-direction:column;margin-left:4px;margin-right:4px;max-height:calc(100% - 4px);width:calc(100% - 8px)}.create-card{display:flex;flex-direction:column;margin:0;overflow-y:auto;padding:0}.create-card select,.create-card textarea{background-color:var(--input-background-color);color:var(--content-font-color);font-family:var(--content-font-family)}.create-card textarea{border-radius:var(--container-border-radius)}.create-card h2{font-size:1.5em}.create-card h2,.create-card h3{color:var(--text-color);margin-bottom:5px;margin-top:2px;text-align:center}.create-card h3{font-size:1.2em}.create-card button{font-family:var(--button-font-family);font-size:1em;margin-bottom:10px;margin-top:5px}.create-card select{appearance:none;border-radius:var(--container-border-radius);font-size:16px;margin:2px 0;padding:12px;width:100%}@media (max-width:600px){.create-card select{font-size:16px;padding:14px}}.create-card-form
.button-question{border:none;border-radius:var(--button-border-radius);cursor:pointer;display:block;font-size:1em;margin:10px auto;width:50px}.create-meta-box{display:flex;flex-direction:column;margin:0 auto 10px;max-width:600px;padding:4px}.create-card-form .form-group{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5px}.create-card-form .form-group label{color:var(--text-color);display:block;font-size:.7em;margin:0 auto 2px;max-width:600px}.create-card-form .form-group-checkbox{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:10px;margin-top:5px}.create-card-form .form-group-checkbox label{align-items:center;font-size:.7em;margin-left:10px}.create-card-form .form-group-checkbox input[type=checkbox]{accent-color:var(--primary-color);margin-left:5px;margin-right:5px;transform:scale(1.5);width:auto}.create-card-form
.form-group input,.form-group select{box-sizing:border-box;max-width:1200px;padding:8px;width:100%}.create-card-form
.choice-group{align-items:center;display:flex;margin-bottom:10px}.create-card-form
.choice-group input[type=text]{flex:1 1;margin-right:10px}.create-card-form textarea{margin-top:10px;min-height:50px;resize:vertical;width:calc(100% - 10px)}.create-card-form
button{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;padding:10px;width:100%}.create-card-form
button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}@media (max-width:600px){.create-card-form .choice-group{align-items:flex-start;flex-direction:column}.create-card-form .choice-group input[type=text],.create-card-form .choice-group label{margin-bottom:5px;margin-right:0}.create-card-form .choice-group button{width:100%}}.question-container .form-group:not(.question-group):not(.answer-group){align-items:stretch!important;max-width:none!important;width:100%!important}.upload-file-container{margin-top:20px;min-height:100vh;width:100vw}.upload-file,.upload-file-container{align-items:center;display:flex;flex-direction:column}.upload-file{background-color:var(--input-background-color);border-radius:8px;box-shadow:0 0 10px #0000001a;justify-content:center;margin:0 5%;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:20px}.upload-file>*{text-align:center}.upload-file-form{align-items:center;align-self:center;display:flex;flex-direction:column;width:auto}.upload-file-form .form-group,.upload-file-form .form-group input,.upload-file-form .form-group select{margin-left:auto;margin-right:auto;text-align:center;width:auto!important}.upload-file-form .choice-group,.upload-file-form .form-group input,.upload-file-form .form-group select,.upload-file-form button{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;width:auto!important}.upload-file-form .choice-group{align-items:center;display:flex;justify-content:center;width:auto!important}.upload-file-form .choice-group input[type=text]{flex:initial;width:auto!important}.cancel-button{background-color:var(--error-color)}.cancel-button,.create-cards-button{border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);font-size:18px;margin-top:5px;padding:10px;width:calc(50% - 20px)}.create-cards-button{background-color:var(--primary-color);margin-left:5px}.upload-meta-box{display:flex;flex-direction:column;margin:0 auto}.upload-form-meta .form-group{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5px}.upload-form-meta .form-group label{color:var(--text-color);display:block;margin:0 auto 2px 12px}.file-upload-container{align-items:center;background-color:var(--input-background-color);border:2px dashed #ccc;border-radius:8px;color:var(--content-font-color);display:flex;flex-direction:column;padding:20px;transition:border-color .3s ease}.file-upload-container:hover{border-color:var(--hover-color)}.file-upload-label{background-color:var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;margin-bottom:10px;padding:10px 20px;transition:background-color .3s ease}.file-upload-label:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.file-upload-input-hidden{display:none}.file-upload-drag-area{color:var(--content-font-color);font-size:.9em;margin-top:10px;text-align:center}.upload-file-button{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);font-size:18px;margin-right:5px;margin-top:5px;padding:10px;width:calc(50% - 20px)}.upload-file-button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.upload-file h1{color:var(--text-color);font-family:var(--font-family);text-align:center}.upload-file-form .form-group{margin-bottom:15px}.upload-file-container select{background-color:var(--input-background-color);border-radius:var(--container-border-radius);color:var(--content-font-color)}.upload-wait{color:var(--text-color);font-family:var(--content-font-family)}.reset-flow-button{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);font-size:18px;margin-left:5px;margin-top:5px;padding:10px;width:calc(50% - 20px)}.reset-flow-button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.upload-file-container input[type=file]{background-color:var(--background-color);border:none;border-radius:var(--container-border-radius);color:var(--text-color);cursor:pointer;font-family:var(--content-font-family);font-size:18px;margin-right:5px;margin-top:5px;padding:10px;width:calc(50% - 20px)}.upload-file-form .form-group label{color:var(--text-color);display:block;margin-bottom:5px}.form-group select,.upload-file-form
.form-group input{background-color:var(--input-background-color);box-sizing:border-box;padding:8px;width:100%}.upload-file-form
.choice-group{align-items:center;display:flex;margin-bottom:10px}.upload-file-form
.choice-group input[type=text]{background-color:var(--input-background-color);flex:1 1;margin-right:10px}.upload-file-form
.choice-group label{color:#000;margin-right:10px}.upload-file-form
.choice-group button{background-color:var(--error-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);padding:5px 10px}.upload-file-form
.choice-group button:hover{background-color:var(--error-hover-color)}.upload-file-form
button{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);padding:10px;width:100%}.upload-file-form
button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.upload-file-form
button[type=submit]{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);padding:10px;width:100%}.upload-file-form
button[type=submit]:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.error-message,.upload-message{font-family:var(--content-font-family)}.upload-message{text-align:center}@media (max-width:600px){.upload-file-form .choice-group{align-items:flex-start;flex-direction:column}.upload-file-form .choice-group input[type=text],.upload-file-form .choice-group label{margin-bottom:5px;margin-right:0}.upload-file-form .choice-group button{width:100%}}.spinner{height:40px;margin:10px auto;position:relative;width:40px}.double-bounce1,.double-bounce2{animation:bounce 2s ease-in-out infinite;background-color:var(--primary-color);border-radius:50%;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.double-bounce2{animation-delay:-1s}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.upload-file-form .choice-group input[type=text],.upload-file-form .form-group input,.upload-file-form .form-group select,.upload-file-form button{max-width:100%;width:auto!important}.upload-file-form .choice-group{justify-content:center!important}.combined-create-container{display:flex;flex-direction:column;height:100%;width:100%}.create-mode-toggle{border:2px solid var(--primary-color);border-radius:8px;display:flex;gap:0;margin:0 auto 10px;max-width:600px;overflow:hidden}.create-mode-toggle,.mode-toggle-btn{background-color:var(--background-color)}.mode-toggle-btn{border:none;color:var(--text-color);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.mode-toggle-btn:hover{background-color:var(--hover-color)}.mode-toggle-btn.active{background-color:var(--primary-color);color:var(--background-color)}.create-mode-content{flex:1 1;overflow-y:auto}@media (max-width:768px){.mode-toggle-btn{font-size:14px;padding:10px 16px}}.card-inner{cursor:pointer;height:70vh;margin-left:2px;margin-right:2px;margin-top:4px;max-height:var(--available-height);max-width:1000px;min-height:20vh;min-width:80vw;position:relative;width:90vw}.answer-full-view-card{background-color:var(--content-background-color);border-radius:var(--card-border-radius)}.answer-full-view-card .card-inner{max-width:fit-content;overflow:visible}.card-front{align-items:center;background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--card-border-radius);box-sizing:border-box;color:var(--content-font-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.card-front-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:10px;width:100%}.card-front-question{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--content-font-family);font-size:1.2em;margin-left:5px;margin-right:5px}.card-front-question,.card-front-question.has-newlines{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;padding:20px;word-break:break-word}.card-front-question.has-newlines{align-items:flex-start;text-align:left;width:100%}.card-front-choices{align-items:center;display:flex;flex-direction:column;margin-bottom:0;margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.card-front-choices button{word-wrap:break-word;background-color:var(--button-background-color);color:var(--button-text-color);display:flex;font-family:var(--button-font-family);font-size:.75em;justify-content:left;overflow-wrap:break-word;white-space:normal;width:100%;word-break:break-word}.card-header{align-items:center;background-color:var(--content-background-color);box-sizing:border-box;color:var(--content-header-color);display:flex;font-size:.8em;justify-content:center;margin-bottom:10px;margin-top:5px}.answer-button-choice{word-wrap:break-word;-webkit-touch-callout:none;background-color:var(--input-background-color)!important;border:1px solid var(--content-font-color);border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--content-font-color)!important;margin:5px;overflow-wrap:break-word;padding:10px 20px;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none;white-space:normal;word-break:break-word}.answer-button-choice,.answer-button-choice:focus{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-choice:focus{box-shadow:none!important}.answer-button-choice:active,.answer-button-choice:focus{background-color:inherit!important;border-color:inherit!important}.answer-button-choice:active{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-choice:hover:not(:disabled){background-color:var(--hover-color)!important;color:var(--hover-text-color)!important}.answer-button-choice-correct{background-color:green!important;color:#fff!important}.answer-button-choice-incorrect{background-color:red!important;color:#fff!important}.answer-button-choice-disabled{background-color:var(--disabled-color)!important}.answer-icon{height:15px;width:15px}.details-container{align-items:center;color:var(--content-font-color);display:flex;font-size:1em;justify-content:center}.answer-button-details{background-color:var(--content-background-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;height:30px;margin-top:4px;width:30px}.answer-button-details,.answer-button-details:focus{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-details:focus{background-color:inherit!important;box-shadow:none!important}.answer-button-details:active,.answer-button-expand{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-expand{background-color:var(--content-background-color);border:1px solid var(--content-font-color);border-radius:var(--button-border-radius);color:var(--content-font-color);cursor:pointer;height:30px;margin:2px}.answer-button-expand:focus{background-color:inherit!important;border-color:inherit!important;box-shadow:none!important}.answer-button-expand:active,.answer-button-expand:focus{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-details:hover{color:var(--hover-text-color)}.answer-button-details:hover,.answer-button-expand:hover{background-color:var(--hover-color)}.controls-container{color:var(--content-font-color);display:flex;justify-content:space-between;margin-bottom:0;margin-top:0}.hide-mobile-controls{display:none}@media (min-width:600px){.hide-mobile-controls{display:flex!important}}.answer-button-control{-webkit-touch-callout:none;background-color:var(--content-background-color);border:none;border-radius:45%;color:var(--button-text-color);cursor:pointer;height:50px;margin-left:10%;margin-right:10%;-webkit-user-select:none;user-select:none;width:50px}.answer-button-control,.answer-button-control:focus{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-control:focus{background-color:inherit!important;box-shadow:none!important}.answer-button-control:active{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-control:disabled{cursor:not-allowed;visibility:hidden}.answer-icon-control{height:30px;width:30px}.answer-button-control:not(:disabled):hover{background-color:var(--hover-color);color:var(--hover-text-color)}.card-feedback{word-wrap:break-word;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--header-font-family);margin-bottom:0;margin-top:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.card-feedback,.card-footer{box-sizing:border-box;font-size:1em}.card-footer{color:var(--content-font-color);margin-bottom:2vh;margin-top:1vh;width:100%}.instruction-answer-image{height:100px;margin-bottom:5px;margin-top:5px;width:100px}@media(min-width:600px){.instruction-answer-image{height:120px;width:120px}.instruction-answer-header.arrow-left{left:80%!important;top:2%!important}}@media(min-width:1024px){.instruction-answer-image{height:150px;width:150px}.instruction-answer-header.arrow-left{left:80%!important;top:2%!important}}.instruction-answer-header{align-items:center;border-radius:var(--button-border-radius);color:#000;display:flex;flex-direction:column;justify-content:center;padding:2px;position:relative;z-index:2}.instruction-answer-header.arrow-left{color:#daa520;left:70%;position:absolute;top:2%;transform:rotate(15deg)}.instruction-answer-header span{background-color:var(--content-background-color);border:1px solid #0000001a;border-radius:4px;box-shadow:0 1px 3px #0003;color:inherit;font-weight:600;padding:4px 8px}.card-front{position:relative;transition:all .3s ease}.card-front.blurred:before{background-color:#0000000d;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.answer-card-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.answer-full-view-card .card-front{border:none;overflow:visible}.card-scroll-indicator{background:#000000b3;border-radius:20px;color:#fff;font-size:16px;font-weight:700;opacity:.8;padding:8px 6px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:100}.card-scroll-indicator span{display:block;line-height:1}@media (hover:none) and (pointer:coarse){.answer-button-choice:hover,.answer-button-choice:hover:not(:disabled){background-color:var(--input-background-color)!important;border:1px solid var(--content-font-color);box-shadow:none!important;color:var(--content-font-color)!important;opacity:1!important;transform:none!important}.answer-button-choice-correct:hover{background-color:green!important}.answer-button-choice-correct:hover,.answer-button-choice-incorrect:hover{border:1px solid var(--content-font-color);box-shadow:none!important;color:#fff!important;opacity:1!important;transform:none!important}.answer-button-choice-incorrect:hover{background-color:red!important}.answer-button-choice-disabled:hover{background-color:var(--disabled-color)!important;border:1px solid var(--content-font-color);box-shadow:none!important;color:var(--content-font-color)!important;opacity:1!important;transform:none!important}.answer-button-control:hover,.answer-button-control:not(:disabled):hover,.answer-button-details:hover,.answer-button-expand:hover{background-color:var(--input-background-color)!important;border:1px solid var(--content-font-color);box-shadow:none!important;color:var(--content-font-color)!important;opacity:1!important;transform:none!important}}.decks-container{display:flex;flex-direction:column;margin-top:10px;max-height:calc(100% - 2px);width:calc(100% - 2px)}.decks-container h2{margin-bottom:2px;margin-top:2px}.deck-buttons-small{display:flex;justify-content:flex-end;margin-top:0}.deck-buttons-small button{background-color:var(--content-background-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;padding:5px 10px}.deck-buttons button:focus,.deck-buttons button:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.deck-buttons button:disabled,.deck-buttons button[disabled]{opacity:.5;pointer-events:none}.deck-buttons button:disabled:active,.deck-buttons button:disabled:focus,.deck-buttons button:disabled:hover,.deck-buttons button[disabled]:active,.deck-buttons button[disabled]:focus,.deck-buttons button[disabled]:hover{background-color:initial;box-shadow:none;color:#000;color:initial;transform:none}.deck-buttons button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.deck-button-admin{background-color:var(--primary-color)!important;border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;padding:5px 10px}.deck-buttons-small button:focus,.deck-buttons-small button:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.deck-buttons-small button:disabled,.deck-buttons-small button[disabled]{opacity:.5;pointer-events:none}.deck-buttons-small button:disabled:active,.deck-buttons-small button:disabled:focus,.deck-buttons-small button:disabled:hover,.deck-buttons-small button[disabled]:active,.deck-buttons-small button[disabled]:focus,.deck-buttons-small button[disabled]:hover{background-color:initial;box-shadow:none;color:#000;color:initial;transform:none}.deck-buttons-small button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.create-deck{background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--button-border-radius);box-shadow:0 2px 4px #0000001a;color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);font-size:18px;font-weight:700;font-weight:600;justify-content:center;letter-spacing:.5px;margin:0 auto 10px;min-width:140px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:fit-content}.create-deck:hover{background-color:var(--hover-color);border-color:var(--hover-color);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.create-deck:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.decks-main{align-items:center;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.decks-list{display:flex;flex-wrap:wrap;gap:10px}.deck-item{background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--container-border-radius);box-shadow:0 3px 6px #00000026;box-sizing:border-box;color:var(--content-font-color);font-family:var(--content-font-family);margin-bottom:8px;margin-top:8px;max-width:800px;padding:10px;position:relative;transform:translateZ(0);width:90%}.deck-item:before{bottom:-2px;left:2px;opacity:.9;right:-2px;top:2px;z-index:-1}.deck-item:after,.deck-item:before{background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--container-border-radius);content:"";position:absolute}.deck-item:after{bottom:-4px;left:4px;opacity:.7;right:-4px;top:4px;z-index:-2}.deck-item p{margin:5px 0}.course,.subject,.success-rate,.topic{font-size:14px}.deck-buttons{display:flex;justify-content:space-between;margin-top:10px}.deck-buttons button{background-color:var(--content-background-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:16px;padding:10px 15px}.decks-message{background-color:var(--primary-color)}.decks-error,.decks-message{border-radius:var(--container-border-radius);color:var(--button-text-color);font-family:var(--button-font-family);font-size:16px;margin-top:10px;padding:10px;text-align:center}.decks-error{background-color:var(--error-color)}.deck-confirmation-dialog{align-items:center;align-self:center;background-color:var(--popup-background-color);border:2px solid var(--border-color);border-radius:var(--container-border-radius);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;font-family:var(--content-font-family);font-size:18px;margin:10px auto;max-width:min(500px,calc(100vw - 40px));min-width:280px;padding:20px;width:fit-content}@media (max-width:768px){.deck-confirmation-dialog{font-size:16px;margin:5px auto;max-width:calc(100vw - 20px);min-width:0;min-width:auto;padding:15px;width:auto}.deck-confirmation-dialog select{font-size:16px!important;padding:10px!important}.deck-confirmation-dialog button{font-size:14px;margin:5px;min-width:80px;padding:8px 12px}}.deck-confirmation-dialog button{border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:16px;margin:10px;padding:10px 15px}.report-deck-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-deck-dialog{background-color:var(--input-background-color);border:1px solid var(--content-border-color);border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.report-deck-dialog h3{margin-bottom:15px;margin-top:0}.report-deck-form-group{margin-bottom:15px}.report-deck-label{display:block;font-weight:700;margin-bottom:5px}.report-deck-select,.report-deck-textarea{background-color:var(--input-background-color);border:1px solid var(--content-border-color);border-radius:4px;color:var(--content-font-color);padding:8px;width:100%}.report-deck-textarea{box-sizing:border-box;height:80px;resize:vertical}.report-deck-char-counter{color:var(--muted-text-color);font-size:12px;margin-top:5px}.report-deck-buttons{display:flex;gap:10px;justify-content:flex-end}.report-deck-button-cancel{background-color:initial;border:1px solid var(--content-border-color);border-radius:4px;color:var(--content-font-color);cursor:pointer;padding:8px 16px}.report-deck-button-submit{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.report-deck-button-submit:enabled{background-color:var(--primary-color);color:#fff}.report-deck-button-submit:disabled{background-color:var(--disabled-background-color);color:var(--disabled-text-color);cursor:not-allowed}.create-deck-view-container{display:flex;flex-direction:column;margin-left:4px;margin-right:4px;max-height:calc(100% - 4px);overflow:hidden;width:calc(100% - 8px)}.create-deck-view{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;width:100%}.create-deck-view select,.create-deck-view textarea{background-color:var(--input-background-color);font-family:var(--content-font-family)}.create-deck-view textarea{border-radius:var(--container-border-radius);box-sizing:border-box;color:var(--content-font-color);width:400px}.create-deck-view h2{font-size:1.5em}.create-deck-view h2,.create-deck-view h3{color:var(--text-color);margin-bottom:5px;margin-top:2px;text-align:center}.create-deck-view h3{font-size:1.2em}.create-deck-view-container button{font-family:var(--button-font-family);font-size:1em;margin:5px auto 10px;max-width:600px}.create-deck-view select{appearance:none;border-radius:var(--container-border-radius);font-size:16px;margin:2px 0;padding:12px;width:100%}@media (max-width:600px){.create-deck-view select{font-size:16px;padding:14px}.create-deck-view-form .form-group{max-width:100%;width:90%}.create-deck-view textarea{width:100%}.create-deck-view-form button{max-width:100%;width:90%}}.create-deck-view-form
.button-question{border:none;border-radius:var(--button-border-radius);cursor:pointer;display:block;font-size:1em;margin:10px auto;width:50px}.question-container{border:4px solid var(--border-color);border-radius:var(--container-border-radius);display:flex;flex-direction:column;margin:5px auto 10px;max-width:1200px;padding:4px}.create-deck-view-form .form-group{box-sizing:border-box;margin-bottom:5px;width:400px}.create-deck-view-form .form-group label{color:var(--text-color);display:block;font-size:.7em;margin-bottom:2px;text-align:center}.create-deck-view-form .form-group-checkbox{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:10px;margin-top:5px}.create-deck-view-form .form-group-checkbox label{align-items:center;font-size:.7em;margin-left:10px}.create-deck-view-form .form-group-checkbox input[type=checkbox]{accent-color:var(--primary-color);margin-left:5px;margin-right:5px;transform:scale(1.5);width:auto}.create-deck-view-form{align-items:center;display:flex;flex-direction:column;margin-top:12px;width:100%}.create-deck-view-form
.form-group input,.form-group select{box-sizing:border-box;padding:8px;width:100%}.create-deck-view-form
.choice-group{align-items:center;display:flex;margin-bottom:10px}.create-deck-view-form
.choice-group input[type=text]{flex:1 1;margin-right:10px}.create-deck-view-form textarea{margin-top:10px;min-height:50px;resize:vertical;width:calc(100% - 10px)}.create-deck-view-form
button{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;max-width:400px;padding:10px;width:calc(100% - 10px)}.create-deck-view-form
button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.error-message{color:var(--error-color);text-align:center}.template-confirmation-dialog button{border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:16px;margin:10px;padding:10px 15px}@media (max-width:600px){.create-deck-view-form .choice-group{align-items:flex-start;flex-direction:column}.create-deck-view-form .choice-group input[type=text],.create-deck-view-form .choice-group label{margin-bottom:5px;margin-right:0}.create-deck-view-form .choice-group button{width:100%}}.question-answer-row{align-items:flex-start;display:flex;gap:15px}.answer-group,.question-group{box-sizing:border-box;flex:1 1;min-width:0;padding:0 5px}.answer-group textarea,.question-group textarea{box-sizing:border-box;margin:10px 0 0;width:100%}@media (max-width:768px){.question-answer-row{flex-direction:column;gap:10px}.answer-group,.question-group{flex:none;padding:0;width:100%}}.question-container .form-group textarea{box-sizing:border-box;margin:5px 0;width:100%}.create-button-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:600px}.study-home-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:1200px;padding:10px 20px;width:100%}.study-home-form{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;margin-top:8px;max-width:800px;padding:10px 32px 32px;text-align:center;width:100%}.study-home-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.study-home-header h2{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.study-home-icon{height:48px;opacity:.8;width:48px}.study-home-content p{color:var(--text-color);font-size:.8em;margin-bottom:24px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:var(--text-color);display:block;font-size:.8em;font-weight:600;margin-bottom:8px}.form-select{appearance:none;background-color:var(--input-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border-color);border-radius:var(--button-border-radius);color:var(--text-color);font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.form-select:disabled{background-color:var(--disabled-background);color:var(--disabled-text);cursor:not-allowed;opacity:.6}.checkbox-group{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:0;min-height:44px;padding:2px;transition:background-color .2s ease}.checkbox-group:hover{background-color:var(--hover-background-color);color:var(--hover-color)}.form-checkbox{accent-color:var(--primary-color);cursor:pointer;height:24px;margin-right:12px;width:24px}.form-checkbox:hover{accent-color:var(--hover-color)}.checkbox-label{color:var(--text-color);flex:1 1;font-size:16px;font-weight:600;line-height:2.4;margin:0!important}.checkbox-label,.start-studying-button{align-items:center;cursor:pointer;display:flex}.start-studying-button{background:var(--primary-color);border:none;border-radius:var(--button-border-radius);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);color:var(--button-text-color);font-size:1em;font-weight:700;gap:12px;justify-content:center;margin:16px auto 0;max-width:200px;padding:16px 24px;transition:all .2s ease;width:100%}.start-studying-button:hover:not(.disabled){background-color:var(--hover-color)!important;box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4);color:var(--hover-text-color)!important;transform:translateY(-2px)}.start-studying-button:active:not(.disabled){transform:translateY(0)}.start-studying-button.disabled{background:var(--disabled-background);box-shadow:none;color:var(--disabled-text);cursor:not-allowed;opacity:.6}.button-icon{height:24px;width:24px}.study-progress-section{box-sizing:border-box;margin-bottom:0;margin-top:0;max-width:800px;padding:0 24px 4px;width:100%}.study-progress-header{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:18px}.study-progress-header h3{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.share-icon-button{align-items:center;background:#0000;border:none;border-radius:var(--button-border-radius);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.share-icon-button:hover{background-color:var(--hover-color)}.share-icon-small{height:18px;margin-left:0;margin-top:0;padding-left:0;width:18px}@media (min-width:600px){.share-icon-small{height:20px;margin-top:4px;width:20px}}.recent-activity-section{box-sizing:border-box;margin-bottom:24px;max-width:800px;padding:24px;width:100%}.recent-activity-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:18px}.recent-activity-header h3{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.school-rankings-section{box-sizing:border-box;margin-bottom:0;margin-top:0;max-width:800px;padding:4px 24px 0;width:100%}.school-rankings-header{margin-bottom:20px;text-align:center}.school-rankings-section{text-align:center}.school-rankings-header h3{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.rankings-preview-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.ranking-preview-entry{align-items:center;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;cursor:pointer;display:flex;gap:16px;min-height:60px;padding:15px 20px;transition:all .2s ease}.ranking-preview-entry:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.ranking-preview-entry.current-user,.ranking-preview-entry:hover{background-color:#00000005;background-color:var(--hover-background-color,#00000005)}.ranking-preview-entry.current-user{border-color:var(--primary-color)}.ranking-preview-rank{color:var(--primary-color);font-size:24px;font-weight:700;min-width:48px;text-align:center}.ranking-preview-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.ranking-preview-name{color:var(--content-text-color);font-size:16px;font-weight:600}.ranking-preview-alias,.ranking-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-preview-alias{color:var(--secondary-text-color);font-size:14px}.ranking-preview-score{color:var(--primary-color);font-size:20px;font-weight:700;min-width:60px;text-align:right}.view-full-leaderboard-button{align-items:center;background:var(--primary-color);border:none;border-radius:var(--button-border-radius);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);color:var(--button-text-color);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 32px;transition:all .2s ease}.view-full-leaderboard-button:hover{background-color:var(--hover-color);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4);color:var(--hover-text-color);transform:translateY(-2px)}.view-full-leaderboard-button:active{transform:translateY(0)}.study-stats-section{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;margin-bottom:24px;max-width:800px;padding:24px;width:100%}.study-stats-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.study-stats-header h3{color:var(--primary-color);font-size:1.2em;font-weight:700;margin:0}.stats-icon{height:32px;opacity:.8;width:32px}.stats-grid{box-sizing:border-box;display:flex;gap:10px;margin:0 auto;max-width:600px;padding-left:4px;padding-right:4px;width:100%}.stat-card{background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:60px;padding:15px 20px;position:relative;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.stat-number{color:var(--primary-color);color:var(--color-primary-text,var(--primary-color));font-size:24px;font-weight:700;margin-bottom:5px}.stat-label{color:var(--text-color);color:var(--color-secondary-text,var(--text-color));font-size:12px;font-weight:500}.course-activity-list{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.course-activity-item{align-items:center;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;box-sizing:border-box;display:flex;justify-content:space-between;max-width:400px;min-height:60px;min-width:0;padding:15px 20px;position:relative;transition:all .2s ease}.course-activity-item:hover{background-color:#00000005;background-color:var(--hover-background-color,#00000005);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.course-info{flex:1 1;margin-right:15px;min-width:0;overflow:hidden;text-align:center}.course-name{color:var(--content-font-color);color:var(--color-primary-text,var(--content-font-color));font-size:16px;font-weight:600;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.course-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.activity-badge{background:var(--primary-color);border-radius:12px;color:var(--button-text-color);font-size:.5em;font-weight:500;padding:2px 8px}.activity-badge.today{background:#10b981}.activity-badge.week{background:var(--secondary-color)}.activity-badge.no-progress{background:#6b7280;opacity:.8}.success-rate{color:var(--text-color);font-size:.8em;opacity:.7}@media (max-width:768px){.recent-activity-section,.school-rankings-section,.study-home-form,.study-progress-section,.study-stats-section{max-width:calc(100vw - 40px)}.course-activity-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.rankings-preview-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:480px){.study-home-container{gap:4px;min-height:auto;padding:2px 16px 20px}.recent-activity-section,.school-rankings-section,.study-home-form,.study-progress-section,.study-stats-section{max-width:calc(100vw - 32px);padding:8px 16px 16px}.study-progress-section,.study-stats-section{margin-bottom:0;margin-top:0;max-width:calc(100vw - 32px);padding-bottom:2px;padding-top:0}.study-home-header h2{font-size:1.2em}.form-select{font-size:14px;padding:10px 12px}.start-studying-button{font-size:1em;max-width:200px;padding:14px 20px}.stats-grid{flex-direction:row;gap:6px;padding-left:2px;padding-right:2px}.stat-number{font-size:20px}.stat-card{min-height:50px;padding:12px 16px;padding:8px}.study-stats-header h3{font-size:1.2em}.course-activity-list{gap:8px;grid-template-columns:1fr}.course-stats{align-items:center;flex-direction:row;justify-content:center}.course-activity-item{align-items:center;flex-direction:column;min-height:auto;padding:12px 16px;text-align:center}.course-info{margin-bottom:8px;margin-right:0;overflow:hidden;text-align:center;width:100%}.course-name{font-size:14px;margin-bottom:6px;max-width:100%}.checkbox-group{min-height:48px;padding:4px}.form-checkbox{height:24px;width:24px}.checkbox-label{font-size:16px;line-height:2.75}.school-rankings-section{padding:20px}.school-rankings-header h3{font-size:1.1em}.rankings-preview-list{gap:10px;grid-template-columns:1fr}.ranking-preview-entry{gap:12px;padding:14px}.ranking-preview-rank{font-size:20px;min-width:40px}.ranking-preview-name{font-size:14px}.ranking-preview-alias{font-size:12px}.ranking-preview-score{font-size:18px;min-width:50px}.view-full-leaderboard-button{font-size:14px;gap:8px;padding:14px 24px}}.no-cards{color:var(--text-color);font-size:24px;margin:0 4px;min-height:80vh;padding:20px 0}.no-cards,.no-cards-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.no-cards-container{color:var(--content-text-color);margin:10px}.no-cards-container,.welcome-link{font-family:var(--content-font-family);font-size:18px}.welcome-link{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);box-shadow:0 2px 4px #00000026;color:var(--button-text-color);cursor:pointer;display:inline-block;font-weight:700;margin:4px 0;outline:none;padding:10px 24px;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.welcome-link:focus,.welcome-link:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.welcome-link:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.course-action-btn{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);box-shadow:0 2px 4px #00000026;color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:var(--content-font-family);font-size:16px;margin:0 0 4px;outline:none;padding:10px 24px;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.course-action-btn:focus,.course-action-btn:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.course-action-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.join-course{margin-bottom:2px;margin-top:2px;min-height:calc(100vh - 4px);text-align:center;width:calc(100% - 2px)}.course-box,.join-course{box-sizing:border-box;padding-left:10px;padding-right:10px}.course-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px auto;max-width:600px;width:100%}.course-select,.school-select{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:var(--container-border-radius);box-sizing:border-box;color:var(--content-font-color);font-size:16px;margin:10px 0;max-width:600px;padding:10px;width:100%}.join-course h1{font-size:24px;margin-bottom:10px}.course-box label{color:var(--text-color);display:block;font-size:20px;font-weight:700;margin-bottom:5px}.course-box-search{background-color:var(--input-background-color);border:1px solid var(--border-color);box-sizing:border-box;color:var(--content-font-color);font-size:16px;margin:10px 0;padding:10px;width:100%}.autocomplete-item,.course-box-search{border-radius:var(--container-border-radius);max-width:600px}.autocomplete-item{background:#fff;background-color:var(--input-background-color);border-bottom:1px solid #ccc;cursor:pointer;margin:2px auto 0;padding:8px}.autocomplete-item:hover{background-color:var(--hover-color)!important;color:var(--hover-text-color)!important;cursor:pointer}.btn-primary{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;margin-bottom:10px;margin-top:10px;padding:10px 20px}.btn-primary:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.button-link{background-color:var(--button-background-color);border:2px solid var(--link-color);border-radius:var(--button-border-radius);color:var(--link-color);cursor:pointer;display:inline-block;font-family:var(--content-font-family);font-size:18px;font-weight:700;margin:1px 0;padding:2px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}.button-link:hover{background-color:var(--hover-background-color);color:var(--hover-color)}.search-results{align-items:center;display:flex;flex-direction:column;margin:0 auto}.autocomplete-dropdown,.search-results{max-width:600px;width:100%}.selected-course{color:var(--text-color);font-size:16px;margin:10px auto}.error,.selected-course{font-family:var(--content-font-family);max-width:600px}.error{color:var(--error-color);margin:10px auto 0}.message{color:var(--text-color);margin-top:10px}.join-course-loading-indicator{color:var(--text-color);font-family:var(--content-font-family);font-size:14px}.selected-course-card{background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:10px;max-width:100%;min-height:60px;padding:15px 20px;transition:all .2s ease;width:100%}.selected-course-card.with-margin-top{margin-top:10px}.selected-course-info{flex:1 1;margin-bottom:8px;min-width:0;text-align:center}.selected-course-text{color:var(--content-font-color);color:var(--color-primary-text,var(--content-font-color));font-size:16px;font-weight:400;line-height:1.4;margin-bottom:8px}.selected-course-name{font-weight:600}.selected-course-school{font-weight:400;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-course-loading,.selected-course-school{color:#888;color:var(--color-secondary-text,#888);font-size:14px}.selected-course-loading{margin-top:8px}.selected-course-spinner{display:inline-block;margin-right:8px}.selected-course-spinner-icon{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:12px;width:12px}.selected-course-actions{display:flex;justify-content:center;margin-bottom:0;margin-top:0}.selected-course-button{min-width:120px}.share-course-button{align-items:center;background:#0000;border:none;border-radius:var(--button-border-radius);color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:var(--content-font-family);font-size:14px;font-weight:500;justify-content:center;margin-left:8px;padding:6px 12px;transition:background-color .2s ease;vertical-align:middle}.share-course-button:hover{background-color:var(--hover-color)}.share-course-button span{line-height:1;margin-left:6px}.share-course-icon{flex-shrink:0;height:18px;margin:0;padding:0;width:18px}@media (min-width:600px){.share-course-icon{height:20px;width:20px}}.waitlist-form{align-items:center;border:1px solid var(--border-color);border-radius:var(--container-border-radius);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:10px auto;max-width:600px;padding-left:24px;padding-right:24px;width:100%}.waitlist-form .form-group{margin-bottom:15px;width:100%}.waitlist-form .form-group label{color:var(--text-color);display:block;font-weight:700;margin-bottom:5px}.waitlist-form .form-group input{background-color:var(--input-background-color);border-radius:var(--container-border-radius);color:var(--content-font-color)}.waitlist-form .message{color:var(--text-color);display:block;font-weight:700;margin-bottom:5px}.waitlist-form .form-control{border:1px solid var(--border-color);border-radius:var(--container-border-radius);box-sizing:border-box;padding:8px;width:100%}.waitlist-form .error{color:var(--error-color);margin-bottom:15px}.waitlist-form .btn-primary{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;margin-top:10px;padding:10px 20px}.waitlist-form .btn-primary:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.waitlist-form .button-container{display:flex;justify-content:center;width:100%}.waitlist-suggestion{align-items:center;background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--primary-color);display:flex;font-size:14px;gap:12px;justify-content:space-between;margin-bottom:8px;margin-top:8px;padding:10px 12px}.waitlist-suggestion .btn-secondary{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;flex-shrink:0;font-size:13px;padding:6px 14px;white-space:nowrap}.waitlist-suggestion .btn-secondary:hover{background-color:var(--hover-color);color:var(--hover-text-color)}@media (max-width:480px){.waitlist-suggestion{align-items:flex-start;flex-direction:column}.waitlist-suggestion .btn-secondary{width:100%}}.course-row-responsive{align-items:center;display:flex;flex-direction:row;width:100%}@media (max-width:600px){.course-row-responsive{align-items:stretch;flex-direction:column;width:100%}.course-row-text{margin-bottom:8px}}.responsive-course-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}@media (max-width:600px){.responsive-course-buttons{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:flex-start}.responsive-course-buttons button{flex-shrink:0;margin:0!important;min-width:0!important;padding:8px 10px!important}}.my-courses{box-sizing:border-box;font-family:var(--content-font-family);margin-bottom:2px;margin-top:2px;min-height:calc(100vh - 4px);padding-left:10px;padding-right:10px;text-align:center;width:calc(100% - 2px)}.my-courses h1{font-size:24px;margin-bottom:10px}.course-confirmation-dialog{align-items:center;border:1px solid var(--error-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:0 auto 10px;max-width:600px;padding:10px}.course-confirmation-dialog button{border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:16px;margin:10px;padding:10px 15px}.courses-box{align-items:center;border:none;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding-left:4px;padding-right:4px}.courses-box,.my-course-list{box-sizing:border-box;width:100%}.my-course-list{list-style-type:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0 2px 12px;text-align:left}.my-course-item{align-self:stretch;background-color:var(--content-background-color);box-shadow:0 2px 8px #00000012;box-sizing:border-box;justify-content:space-between;margin-bottom:10px;max-width:100%;min-height:60px;padding:15px 20px;position:relative;transition:all .2s ease;width:100%}.my-course-item,.no-courses-tile{align-items:center;border:2px solid var(--border-color);border-radius:12px;display:flex}.no-courses-tile{background:var(--content-background-color);box-shadow:none;box-shadow:0 2px 8px #00000012;flex-direction:column;font-size:.98em;justify-content:center;margin:0 auto 8px;max-width:250px;min-width:90px;padding:10px;text-align:center;width:95%}@media (max-width:376px){.no-courses-tile{max-width:100%}}.no-courses-tile-header{color:var(--primary-color);font-weight:500;margin-bottom:2px}.no-courses-tile-data,.no-courses-tile-header{font-family:var(--font-family);font-size:1.2em;text-align:center}.no-courses-tile-data{color:var(--content-font-color);margin-top:4px}.button-profile{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;font-family:var(--button-font-family);font-size:15px;margin:5px;padding:5px 10px;transition:background-color .3s ease}.course-buttons{display:flex;justify-content:space-between;margin-top:10px}.course-buttons button{background-color:var(--content-background-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:16px;margin:10px;padding:10px 15px;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.course-buttons button:focus,.course-buttons button:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.course-buttons button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.course-buttons button:disabled,.course-buttons button[disabled]{opacity:.5;pointer-events:none}.course-buttons button:disabled:active,.course-buttons button:disabled:focus,.course-buttons button:disabled:hover,.course-buttons button[disabled]:active,.course-buttons button[disabled]:focus,.course-buttons button[disabled]:hover{background-color:initial;box-shadow:none;color:#000;color:initial;transform:none}.combined-course-container{display:flex;flex-direction:column;height:100%;width:100%}.course-mode-toggle{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:8px;display:flex;gap:0;margin:10px auto 4px;max-width:600px;overflow:hidden}.course-mode-toggle-btn{background-color:var(--background-color);border:none;color:var(--text-color);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.course-mode-toggle-btn:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.course-mode-toggle-btn.active{background-color:var(--primary-color);color:var(--background-color)}.course-mode-content{flex:1 1;overflow-y:auto}@media (max-width:768px){.course-mode-toggle-btn{font-size:14px;padding:10px 16px}}@media (hover:none) and (pointer:coarse){.course-mode-toggle-btn:hover{background-color:var(--background-color)!important;color:var(--text-color)!important}.course-mode-toggle-btn.active:hover,.course-mode-toggle-btn:hover{border-color:initial!important;box-shadow:none!important;opacity:1!important;transform:none!important}.course-mode-toggle-btn.active:hover{background-color:var(--primary-color)!important;color:var(--background-color)!important}}.view-card-templates-container{background:var(--content-background-color);box-sizing:border-box;color:var(--content-font-color);display:flex;flex-direction:column;font-family:var(--content-font-family);height:100vh;overflow:hidden;padding:10px;width:100%}.admin-header-section{border-bottom:1px solid var(--content-border-color);margin-bottom:15px;padding-bottom:10px}.admin-header-section h2{font-size:1.5em;margin:0 0 5px}.admin-header-section p{color:var(--text-color);font-size:.9em;margin:2px 0}.admin-filter-section{background-color:var(--secondary-background-color);border:1px solid var(--content-border-color);border-radius:4px;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:10px}.admin-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-checkbox-label,.admin-filter-label{color:var(--content-font-color);font-weight:500;margin:0}.admin-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:6px}.admin-show-raw-checkbox,.admin-show-reviewed-checkbox{cursor:pointer;margin:0;transform:scale(1.1)}.admin-raw-markup{background-color:var(--secondary-background-color);font-family:monospace;font-size:13px;margin:0;overflow-x:auto;padding:8px;white-space:pre-wrap;word-break:break-word}.admin-deck-filter-select,.admin-raw-markup{border:1px solid var(--content-border-color);border-radius:4px}.admin-deck-filter-select{background-color:var(--content-background-color);color:var(--content-font-color);cursor:pointer;font-size:14px;min-width:200px;padding:6px 12px}.admin-deck-filter-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.admin-filter-info{color:#666;font-size:12px;font-style:italic}.admin-button-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.admin-button-controls button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-height:36px;padding:8px 16px;transition:all .2s ease}.admin-btn-approve-all{background-color:#28a745;color:#fff}.admin-btn-approve-all:hover:not(:disabled){background-color:#218838}.admin-btn-reject-selected{background-color:#dc3545;color:#fff}.admin-btn-reject-selected:hover:not(:disabled){background-color:#c82333}.admin-btn-next-page{background-color:#007bff;color:#fff}.admin-btn-next-page:hover:not(:disabled){background-color:#0056b3}.admin-btn-next-course{background-color:#6f42c1;color:#fff}.admin-btn-next-course:hover{background-color:#5a2d91}.admin-btn-cancel{background-color:#6c757d;color:#fff}.admin-btn-cancel:hover{background-color:#545b62}.admin-btn-next-course-large{background-color:#6f42c1;color:#fff;font-size:16px;padding:12px 24px}.admin-btn-next-course-large:hover{background-color:#5a2d91}button:disabled{cursor:not-allowed;opacity:.6}.admin-message-bar{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-bottom:15px;padding:10px;text-align:center}.admin-confirmation-dialog{background-color:var(--popup-background-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:15px;padding:20px;text-align:center}.admin-confirmation-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.admin-btn-confirm{background-color:#dc3545;color:#fff}.admin-btn-confirm:hover{background-color:#c82333}.admin-cards-table-container{border:1px solid var(--content-border-color);border-radius:4px;flex:1 1;overflow:auto}.admin-cards-review-table{background-color:var(--content-background-color);border-collapse:collapse;font-size:13px;width:100%}.admin-cards-review-table td,.admin-cards-review-table th{border:1px solid var(--content-border-color);padding:8px;text-align:left;vertical-align:top}.admin-cards-review-table th{border-bottom:2px solid var(--content-border-color);font-weight:600;position:sticky;top:0;z-index:10}.admin-col-select{text-align:center;width:80px}.admin-col-question{width:35%}.admin-col-answers{width:50%}.admin-col-actions{text-align:center;width:100px}.admin-card-row.rejected{background-color:#fff5f5}.admin-card-row.reviewed{background-color:#f8f9fa;opacity:.8}.admin-card-row.rejected .admin-col-answers,.admin-card-row.rejected .admin-col-question{opacity:.7;text-decoration:line-through}.admin-rejection-checkbox{margin-right:8px;transform:scale(1.2)}.admin-row-number{color:#666;display:block;font-size:11px;margin-top:2px}.admin-question-content{line-height:1.4}.admin-available-date,.admin-deck-info,.admin-topic-info{color:#666;font-size:11px;font-style:italic;margin-top:4px}.admin-reviewed-indicator{color:#28a745;font-size:11px;margin-top:4px}.admin-reviewed-indicator strong{font-weight:700}.admin-answers-list{display:flex;flex-direction:column;gap:4px}.admin-answer-option{align-items:flex-start;border-radius:3px;display:flex;gap:6px;line-height:1.3;padding:4px 6px}.admin-answer-option.correct{background-color:#d4edda;border-left:3px solid #28a745;font-weight:500}.admin-answer-option.incorrect{background-color:#f8f9fa}.admin-choice-label{color:#495057;font-weight:600;min-width:20px}.admin-choice-text{flex:1 1}.admin-correct-indicator{color:#28a745;font-weight:700;margin-left:4px}.admin-btn-toggle{border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;min-width:60px;padding:4px 12px}.admin-btn-reject{background-color:#dc3545;color:#fff}.admin-btn-reject:hover{background-color:#c82333}.admin-btn-restore{background-color:#28a745;color:#fff}.admin-btn-restore:hover{background-color:#218838}.admin-reviewed-label{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:3px;color:#28a745;font-size:12px;font-weight:600;padding:4px 8px}.admin-no-cards-message{align-items:center;color:#666;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.admin-no-cards-message p{font-size:18px;margin-bottom:20px}@media (max-width:768px){.view-card-templates-container{padding:5px}.admin-header-section h2{font-size:1.3em}.admin-button-controls{align-items:stretch;flex-direction:column}.admin-button-controls button{margin-bottom:5px;width:100%}.admin-filter-section{gap:8px}.admin-filter-row{align-items:stretch;flex-direction:column;gap:8px}.admin-deck-filter-select{min-width:auto;width:100%}.admin-cards-review-table{font-size:11px}.admin-col-question{width:40%}.admin-col-answers{width:45%}.admin-cards-review-table td,.admin-cards-review-table th{padding:6px 4px}}@media print{.admin-button-controls,.admin-confirmation-dialog{display:none}.admin-cards-table-container{border:none;overflow:visible}.admin-cards-review-table{page-break-inside:auto}.admin-card-row{page-break-inside:avoid}}.course-management{margin:0 auto;max-width:1000px;padding:20px}.course-management h1{color:var(--text-color);margin-bottom:20px}.course-management-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.course-management-create{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:20px;width:100%}.course-management-header h1{margin:0}.school-selector{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:16px}.school-selector label{color:var(--text-color);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.school-dropdown{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.school-dropdown:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.school-dropdown:focus,.school-dropdown:hover{border-color:var(--primary-color)}.courses-section{margin-top:24px}.courses-section h3{color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:16px}.courses-list{margin-top:20px}.courses-table-container{padding:0}.courses-table{background-color:var(--card-background);border:1px solid var(--border-color);border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.courses-table thead{background-color:#f8f9fa;color:var(--text-color)}.courses-table td,.courses-table th{border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.courses-table th{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.courses-table tbody tr:hover{background-color:var(--hover-color)}.courses-table tbody tr:last-child td{border-bottom:none}.actions-cell{align-items:center;display:flex;flex-direction:row;gap:8px}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.btn-small{font-size:12px}.btn-primary-management{background-color:var(--primary-color);color:#fff}.btn-primary-management:hover{background-color:#0056b3;background-color:var(--primary-hover-color,#0056b3)}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn:disabled{cursor:not-allowed;opacity:.6}.error{background-color:#f8d7da;border:1px solid #f1aeb5;border-radius:4px;color:#721c24}.error,.success{margin-bottom:16px;padding:12px}.success{background-color:#d1edff;border:1px solid #b8daff;border-radius:4px;color:#0c5460}.create-course-section{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:16px;text-align:center}.create-course-section h3{color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:16px}.course-management-delete-dialog{background-color:#fff;background-color:var(--card-background,#fff);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;max-width:400px;padding:24px;width:90%}.course-management-delete-dialog h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 16px}.course-management-delete-dialog p{color:var(--text-color);line-height:1.5;margin:0 0 16px}.course-management-delete-dialog .warning-text{color:#dc3545;font-weight:500;margin-bottom:24px}@media (max-width:768px){.course-management{padding:10px}.course-management-header{align-items:flex-start;flex-direction:column;gap:10px}.school-dropdown{font-size:14px;max-width:100%;padding:10px 12px}.school-selector label{font-size:14px}.courses-section h3{font-size:16px}.courses-table{font-size:14px}.courses-table td,.courses-table th{padding:8px}.actions-cell{flex-direction:column;gap:4px}.btn-small{text-align:center;width:100%}.course-management-delete-dialog{margin:20px;padding:20px}.confirmation-buttons{flex-direction:column-reverse;gap:8px}.confirmation-buttons .btn{min-width:0;min-width:auto;width:100%}}.create-course-form{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin:0 auto;max-width:600px;padding:20px}.create-course-form .form-group{margin-bottom:15px}.create-course-form .form-group label{color:#000;display:block;font-weight:700;margin-bottom:5px}.create-course-form .form-control{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.create-course-form .form-text{color:#6c757d;font-size:12px;margin-top:4px}.create-course-form .error{color:red;margin-bottom:15px}.create-course-form .success{color:green;margin-bottom:15px}.create-course-form .btn-primary{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.create-course-form .btn-primary:hover{background-color:var(--hover-color)}.create-course-form .btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.button-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.books-section{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.books-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.books-list{margin-bottom:20px}.book-item{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.book-details{flex-grow:1}.book-details strong{color:#333;display:block;margin-bottom:4px}.book-details div{color:#666;font-size:14px;margin-bottom:2px}.admin-course-decks-section,.topics-section{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.admin-course-decks-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.admin-course-decks-list{margin-bottom:20px}.admin-course-deck-item{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.admin-course-deck-details{flex-grow:1}.admin-course-deck-details strong{color:#333;display:block;margin-bottom:4px}.add-admin-course-deck-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px}.admin-course-deck-input-group{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.admin-course-deck-input{flex:1 1;min-width:150px}.text-warning{color:#ffc107!important;font-weight:500}.topics-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.topic-management-toggle{margin-bottom:15px}.topics-list{margin-bottom:20px}.topic-item{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.topic-details{flex-grow:1}.topic-details strong{color:#333;display:block;margin-bottom:4px}.topic-details div{color:#666;font-size:14px;margin-bottom:2px}.add-topic-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px}.topic-input-group{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.topic-input{flex:1 1;min-width:150px}.topic-delete-dialog{background-color:#fff;background-color:var(--card-background,#fff);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;max-width:450px;padding:24px;width:90%}.topic-delete-dialog h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 16px}.topic-delete-dialog p{color:var(--text-color);line-height:1.5;margin:0 0 16px}.topic-delete-dialog .warning-text{color:#dc3545;font-weight:500;margin-bottom:24px}.confirmation-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.confirmation-buttons .btn{min-width:100px;padding:10px 20px}.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.btn-secondary:hover{background-color:#545b62}.btn-secondary:disabled{background-color:#adb5bd;cursor:not-allowed}.add-book-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px}.book-input-group{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.book-input{flex:1 1;min-width:150px}@media (max-width:768px){.book-input-group{flex-direction:column}.book-input{width:100%}.book-item{flex-direction:column;gap:10px}.book-item .btn-small{align-self:flex-start}.topic-input-group{flex-direction:column}.topic-input{width:100%}.topic-item{flex-direction:column;gap:10px}.topic-item .btn-small{align-self:flex-start}.admin-course-deck-input-group{flex-direction:column}.admin-course-deck-input{width:100%}.admin-course-deck-item{flex-direction:column;gap:10px}.admin-course-deck-item .btn-small{align-self:flex-start}}.theme-demo{margin:0 auto;max-width:1000px;padding:20px}.theme-demo h2{margin-bottom:20px;text-align:center}.theme-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.theme-buttons button{background:#fff;border:2px solid #ccc;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.theme-buttons button:hover{opacity:.8;transform:translateY(-2px)}.theme-buttons button.active{background-color:#007bff;border-color:#007bff;color:#fff}.theme-preview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.asset-preview{background:#f9f9f9;border:2px solid #ddd;border-radius:8px;padding:15px;text-align:center}.asset-preview h3{font-size:16px;margin:0 0 10px}.preview-image{max-height:100px;max-width:100%;object-fit:contain}.theme-info{background:#f0f8ff;border:1px solid #ddd;border-radius:8px;margin-top:30px;padding:20px}.theme-info h3{color:#333;margin-top:0}.theme-info ul{margin:10px 0;padding-left:20px}.theme-info li{margin:5px 0}@media (max-width:600px){.mobile-bottom-spacer{display:block;height:120px;width:100%}.login-container{align-items:normal!important;display:block!important;height:auto;justify-content:normal!important;min-height:100vh;overflow-y:auto}}@media (max-height:925px){.husky-study-heading{margin-top:0}}.login-button{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:var(--font-family)!important;font-size:18px!important;font-weight:600;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}@media (max-width:768px){.google-login-button{display:none!important}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.google-login-button{display:none!important}}}.login-button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.login-container{align-items:center;background-color:var(--background-color);color:var(--content-font-color);display:flex;flex-direction:column;justify-content:center;min-height:80vh}.email-form{border:2px solid var(--border-color);border-radius:var(--container-border-radius);margin:10px;max-width:600px;padding:10px}.waitlist-link,.waitlist-link a{color:var(--header-background-color);cursor:pointer;text-decoration:underline;transition:color .2s}.waitlist-link a:hover,.waitlist-link:hover{color:var(--hover-color)}.change-school-link{background-color:var(--background-color)!important;color:var(--content-font-color)!important;cursor:pointer;font-family:var(--content-font-family)!important;font-size:14px!important;margin:0!important;padding:0!important;text-align:center!important;text-decoration:underline!important;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.change-school-link:focus,.change-school-link:hover{color:var(--button-text-color)!important;color:var(--primary-color,var(--button-text-color))!important}.invite-form{border:2px solid var(--border-color);border-radius:var(--container-border-radius);margin:10px;padding:10px 20px}.invite-form h2{margin-bottom:5px}.invite-form a{text-decoration:none}.invite-form a:hover{color:var(--hover-color);text-decoration:underline}.login-container input{background-color:var(--input-background-color);border-radius:var(--container-border-radius);color:var(--content-font-color);margin:10px 0;padding:10px;width:calc(100% - 20px)}.login-container button{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:var(--button-font-family);font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.login-search-results{margin:0 auto}.login-course-box,.login-search-results{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}.login-course-box{box-sizing:border-box;justify-content:center;margin:10px auto;padding-left:10px;padding-right:10px}.login-course-box label{color:var(--text-color);display:block;font-size:20px;font-weight:700;margin-bottom:5px}.login-course-search{background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:var(--container-border-radius);box-sizing:border-box;color:var(--content-font-color);font-size:16px;margin:10px 0;padding:10px}.login-autocomplete-dropdown,.login-course-search{max-width:600px;width:100%}.login-autocomplete-item{background:#fff;background-color:var(--input-background-color);border-bottom:1px solid #ccc;border-radius:var(--container-border-radius);cursor:pointer;margin:2px auto 0;max-width:600px;padding:8px}.login-autocomplete-item:hover{background-color:var(--hover-color)!important;color:var(--hover-text-color)!important;cursor:pointer}.login-selected-course-card{background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:10px;max-width:100%;min-height:60px;padding:15px 20px;transition:all .2s ease;width:100%}.login-selected-course-info{flex:1 1;margin-bottom:8px;min-width:0;text-align:center}.login-selected-course-text{color:var(--content-font-color);color:var(--color-primary-text,var(--content-font-color));font-size:16px;font-weight:400;line-height:1.4;margin-bottom:8px}.login-selected-course-name{font-size:18px;font-weight:600}.login-selected-course-actions{display:flex;justify-content:center;margin-bottom:0;margin-top:0}.login-course-action-btn{background-color:var(--primary-color);border:none;border-radius:var(--button-border-radius);box-shadow:0 2px 4px #00000026;color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:var(--content-font-family);font-size:24px;margin:0 0 4px;min-width:120px;outline:none;padding:10px 24px;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.login-course-action-btn:focus,.login-course-action-btn:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.login-course-action-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.login-skip-button{background:none!important;border:none!important;color:var(--primary-color)!important;cursor:pointer;font-family:var(--content-font-family)!important;font-size:14px!important;font-weight:400!important;margin-bottom:2px;margin-top:2px;padding:2px 8px!important;text-decoration:underline;transition:all .2s ease}.login-skip-button:hover{background-color:var(--hover-color)!important;border-radius:var(--container-border-radius)!important;color:var(--hover-text-color)!important;text-decoration:none!important}.combined-brain-games-container{display:flex;flex-direction:column;height:100%;width:100%}.brain-games-mode-toggle{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:8px;display:flex;gap:0;margin:10px auto 4px;max-width:600px;overflow:hidden}.brain-games-mode-toggle-btn{background-color:var(--background-color);border:none;color:var(--text-color);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.brain-games-mode-toggle-btn:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.brain-games-mode-toggle-btn.active{background-color:var(--primary-color);color:var(--background-color)}.brain-games-mode-content{flex:1 1;overflow-y:auto}@media (max-width:768px){.brain-games-mode-toggle-btn{font-size:14px;padding:10px 16px}}.brain-games-exercise-tile-content{min-width:0}.brain-games-exercise-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.brain-games-exercise-icon-img{border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;height:20px;object-fit:contain;padding:1px;width:20px}.brain-games-exercise-name{margin-bottom:2px;min-width:180px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.brain-games-exercise-desc{min-width:0;text-align:left;word-break:break-word}.brain-games-mastery-btn{background:var(--primary-color);border:none;border-radius:6px;box-shadow:0 1px 4px #00000014;color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:inherit;font-family:var(--button-font-family,inherit);font-size:15px;font-weight:600;margin:0;padding:4px 14px;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;vertical-align:middle}.brain-games-mastery-btn:focus,.brain-games-mastery-btn:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.brain-games-mastery-info{margin-bottom:24px;text-align:center}.brain-games-mastery-info-text{font-size:16px;margin:0}.brain-games-mastery-link{font-size:16px}.brain-games-back-overlay-btn{align-items:center;background:var(--primary-color);border:4px solid var(--border-color);border-radius:var(--button-border-radius);bottom:10%;box-shadow:0 2px 4px #0000001a;color:var(--button-text-color);cursor:pointer;display:flex;height:50px;justify-content:center;left:18px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;outline:none;padding:0;position:absolute;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;width:50px;z-index:10}.brain-games-back-overlay-btn:focus,.brain-games-back-overlay-btn:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px)}.brain-games-bg{background-color:var(--background-color);justify-content:center;min-height:100vh}.brain-games-bg,.brain-games-content-box{align-items:center;display:flex;flex-direction:column}.brain-games-content-box{box-sizing:border-box;margin:0 auto;max-width:700px;padding:24px;width:100%}.brain-games-title{color:var(--primary-color);color:var(--content-header-color,var(--primary-color));margin-bottom:4px;margin-top:0;text-align:center}.brain-games-desc{color:var(--content-font-color);font-size:18px;margin-bottom:24px;text-align:center}.brain-games-exercise-list{margin-bottom:32px}.brain-games-exercise-header{color:var(--primary-color);color:var(--content-header-color,var(--primary-color));font-size:20px;margin-bottom:12px;margin-top:0}.brain-games-exercise-ul{list-style:none;margin:0;padding:0}.brain-games-exercise-tile{align-items:center;background-color:var(--content-background-color);border:1.5px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px;opacity:1;padding:16px 20px;transition:opacity .2s}.brain-games-exercise-tile-disabled{opacity:.6}.brain-games-exercise-tile-premium{background:linear-gradient(135deg,var(--content-background-color) 0,#d4af3712 100%);border-color:#d4af378c;box-shadow:0 2px 12px #d4af3724}.brain-games-exercise-name{color:var(--content-font-color);font-size:17px;font-weight:600}.brain-games-exercise-desc{color:var(--content-font-color);font-size:15px;margin-top:2px}.brain-games-exercise-play{margin-left:24px}.brain-games-exercise-play,.brain-games-exercise-tutorial{background:var(--primary-color);border:none;border-radius:6px;box-shadow:0 1px 4px #00000014;color:var(--button-text-color);cursor:pointer;font-family:inherit;font-family:var(--button-font-family,inherit);font-size:15px;font-weight:600;padding:8px 18px}.brain-games-exercise-tutorial{margin-left:8px}.brain-games-exercise-buttons{align-items:center;display:flex;gap:8px}.brain-games-exercise-tile-content{display:flex;flex:1 1;flex-direction:column}@media (max-width:600px){.brain-games-exercise-tile{align-items:stretch;flex-direction:column;gap:10px;margin-left:12px;margin-right:12px}.brain-games-exercise-play,.brain-games-exercise-tutorial{align-self:center;margin-left:0;margin-top:10px;max-width:100%;min-width:120px;width:auto}.brain-games-exercise-buttons{justify-content:center;margin-top:10px;width:100%}.brain-games-exercise-coming-soon,.brain-games-exercise-tile .braingame-premium-badge{align-self:center;margin-left:0;margin-top:4px}}.brain-games-exercise-play:focus,.brain-games-exercise-play:hover,.brain-games-exercise-tutorial:focus,.brain-games-exercise-tutorial:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0000002e;color:var(--hover-text-color);transform:translateY(-2px);transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.brain-games-exercise-coming-soon{color:#444;color:var(--content-header-color,var(--primary-color,#444));font-size:15px;font-style:italic;margin-left:16px;opacity:.85}.brain-games-iframe-container{margin-top:30px}.brain-games-iframe{border:2px solid var(--border-color);border-radius:10px;border-radius:var(--card-border-radius,10px);min-height:500px}.brain-games-iframe-back-row{margin-top:10px;text-align:right}.brain-games-iframe-back{background:#eee;background:var(--disabled-color,#eee);border:none;border-radius:5px;border-radius:var(--button-border-radius,5px);color:#444;color:var(--content-font-color,#444);cursor:pointer;font-family:inherit;font-family:var(--button-font-family,inherit);font-size:14px;margin-right:2px;padding:6px 16px}body.brain-games-view{overflow:hidden}.brain-games-view .App{height:100vh;overflow:hidden}.brain-games-container{display:flex;flex-direction:column;margin:0 auto;max-width:100%;min-height:calc(100vh - 4px);padding:0;width:100%}.brain-games-header{border-bottom:1px solid #eaeaea;margin-bottom:0;padding:10px 0;text-align:center}.brain-games-header h1{color:var(--primary-color);font-size:24px;margin:0}.brain-games-content{display:flex;flex:1 1;flex-direction:column;margin:0;overflow:hidden;padding:0}.brain-games-iframe-container{flex:1 1;height:100%;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.brain-games-iframe{border:none;border-radius:0;bottom:0;height:100%;left:0;padding-left:0;padding-right:0;position:absolute;right:0;top:0;width:100%}.brain-games-progression{margin-bottom:2px;margin-top:2px;min-height:calc(100vh - 4px);text-align:center;width:calc(100% - 2px)}.brain-games-progression,.braingame-tile-container{box-sizing:border-box;padding-left:10px;padding-right:10px}.braingame-tile-container{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:0 auto 10px;max-width:590px;padding-bottom:10px;width:100%}.braingame-tiles-block{display:flex;flex-wrap:wrap;gap:0;justify-content:flex-start;margin-bottom:0;width:100%}.braingame-tile{align-items:center;background:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:none;box-shadow:0 2px 8px #00000012;display:flex;flex-direction:column;font-size:.98em;justify-content:center;margin:0 auto 8px;max-width:150px;min-width:90px;padding:8px;text-align:left;width:95%}@media (max-width:400px){.braingame-tile{max-width:150px}}@media (max-width:350px){.braingame-tile{max-width:100%}}.braingame-tile-header{color:var(--primary-color);font-family:var(--header-font-family);font-size:1.2em;font-weight:500;margin-bottom:2px}.braingame-tile-data{color:var(--content-font-color);font-size:1.2em}.working-memory-training{color:var(--primary-color);color:var(--content-header-color,var(--primary-color));margin-bottom:12px;margin-top:0}.braingame-progression-section{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:14px;box-sizing:border-box;margin-bottom:24px;padding:16px 14px 10px;width:100%}.braingame-progression-section-premium{background:linear-gradient(135deg,var(--content-background-color) 0,#d4af3712 100%);border-color:#d4af3799;box-shadow:0 2px 12px #d4af3726}.braingame-premium-badge{align-items:center;background:linear-gradient(135deg,#ffeb7859,#d4af3759);border:1.5px solid #d4af3780;border-radius:20px;color:#b8860b;display:inline-flex;flex-shrink:0;font-size:.75em;font-weight:700;gap:3px;letter-spacing:.04em;overflow:hidden;padding:2px 9px;position:relative;white-space:nowrap}.braingame-premium-badge:after{animation:braingame-badge-shimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff8b4a6 50%,#0000);border-radius:inherit;content:"";height:100%;left:-75%;pointer-events:none;position:absolute;top:0;width:50%}@keyframes braingame-badge-shimmer{0%{left:-75%}60%{left:125%}to{left:125%}}.braingame-tile-premium-locked{background:linear-gradient(135deg,var(--content-background-color) 0,#d4af370f 100%)!important;border-color:#d4af3773!important;box-sizing:border-box!important;gap:6px;margin:0!important;max-width:100%!important;padding:14px 16px!important;text-align:center;width:100%!important}@media (hover:none) and (pointer:coarse){.brain-games-mode-toggle-btn:hover{background-color:var(--background-color)!important;color:var(--text-color)!important}.brain-games-mode-toggle-btn.active:hover,.brain-games-mode-toggle-btn:hover{border-color:initial!important;box-shadow:none!important;opacity:1!important;transform:none!important}.brain-games-mode-toggle-btn.active:hover{background-color:var(--primary-color)!important;color:var(--background-color)!important}}