body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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{text-align:center;height:100vh;display:flex;flex-direction:column}html,body{height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family)}#root{height:100%}nav{background:var(--background-color);border:none;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;padding:2px 20px;flex-shrink:0;position:relative;z-index:100}.nav-wrapper{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.nav-content{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.nav-scroll-arrow{display:none}.nav-alert-badge{position:absolute;top:-.5em;right:-1.5em;min-width:16px;height:16px;padding:0 3px;background:#e53e3e;color:#fff;border-radius:8px;font-size:10px;font-weight:700;line-height:16px;text-align:center;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;box-sizing:border-box;z-index:10}@media(max-width:880px){nav{background:var(--background-color);padding:8px 15px;position:relative}.nav-wrapper{display:flex;align-items:center;width:100%;position:relative}.nav-content{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-right:40px}.nav-content::-webkit-scrollbar{display:none}.nav-content .nav-logo{width:40px;height:40px;margin-right:15px;flex-shrink:0;border-radius:50%;box-shadow:0 3px 10px #0003;border:2px solid rgba(255,255,255,.3)}.nav-button{padding:10px 18px;font-size:14px;margin:2px 4px;white-space:nowrap;min-width:fit-content}.nav-button:last-child{margin-right:25px}.nav-button-admin{padding:10px 18px;font-size:14px;margin:2px 4px;white-space:nowrap;min-width:fit-content}.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;color:var(--button-text-color)!important;box-shadow:0 4px 12px #4b2e884d!important}.nav-button-admin-active,.nav-button-admin.nav-button-admin-active{background:var(--primary-color)!important;color:var(--button-text-color)!important;box-shadow:0 4px 12px #613bb166!important}}.App-header{background-color:var(--background-color);border:1px solid var(--border-color);margin-top:10%;margin-bottom:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--text-color)}.App-main{background-color:var(--background-color);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--text-color)}.app-main-content{flex:1;overflow-y:auto;overflow-x:hidden;height:0}.oobelight-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--popup-background-color, #fff);border:1px solid var(--border-color);border-radius:var(--button-border-radius);padding:10px;z-index:9999;box-shadow:0 0 10px #0000001a;font-family:var(--content-font-family);overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 100px);width:90%;align-items:flex-start}.terms-button{background-color:var(--secondary-color);border:none;color:var(--button-text-color);padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:0 2px 4px;cursor:pointer;border-radius:var(--button-border-radius);font-family:var(--button-font-family)}.terms-iframe{width:90%;height:400px;border:1px solid #ccc;border-radius:var(--container-border-radius);background:#fff;padding:10px}@media(max-height:700px){.terms-iframe{height:320px}}.nav-button{background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);border:1px solid rgba(255,255,255,.2);border-radius:var(--button-border-radius);color:var(--text-color);padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;font-weight:600;margin:4px 6px;cursor:pointer;font-family:var(--font-family);transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden;flex-shrink:0}.nav-button:hover{background:var(--hover-color);color:var(--hover-text-color);transform:translateY(-2px);box-shadow:0 4px 12px #4b2e884d;border-color:var(--primary-color)}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.nav-button:hover:before{left:100%}.nav-button:after{content:"";margin-left:0;color:transparent}.nav-button-admin{background:var(--primary-color);border:1px solid var(--secondary-color);border-radius:var(--button-border-radius);color:var(--button-text-color);padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;font-weight:600;margin:4px 6px;cursor:pointer;font-family:var(--button-font-family);transition:all .3s ease;box-shadow:0 2px 6px #613bb14d;position:relative;overflow:hidden;flex-shrink:0}.nav-button-admin:hover{background:var(--hover-color);color:var(--hover-text-color);transform:translateY(-2px);box-shadow:0 4px 12px #613bb166}.nav-button-admin:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.nav-button-admin:hover:before{left:100%}.nav-button-super-admin{background-color:var(--error-color);border:none;color:var(--button-text-color);padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:var(--button-border-radius);font-family:var(--button-font-family);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;color:var(--button-text-color)!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #4b2e884d!important}@media(max-width:880px){.nav-scroll-arrow{display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-color);font-size:20px;font-weight:700;pointer-events:none;opacity:.9;background:linear-gradient(to left,var(--background-color) 60%,transparent);padding:5px 5px 5px 15px;z-index:10}}.nav-button-admin-active,.nav-button-admin.nav-button-admin-active{background:var(--primary-color)!important;color:var(--button-text-color)!important;box-shadow:0 4px 12px #613bb166!important}.nav-logo{width:50px;height:50px;margin-right:20px;border-radius:50%;box-shadow:0 3px 10px #0003;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.nav-logo:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000004d}.share-dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#3c3c3c52;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;font-family:var(--font-family)}.share-dialog-content{background:var(--content-background-color);padding:16px;border-radius:var(--container-border-radius);box-shadow:0 2px 16px #4c2e8a14;max-width:90vw;max-height:80vh;overflow:auto;border:1px solid var(--content-border-color);color:var(--content-font-color);font-family:var(--content-font-family)}.share-dialog-header{color:var(--primary-color);margin:0 0 12px;font-weight:700;font-size:1.2em;font-family:var(--font-family)}.share-dialog-title{color:var(--text-color);margin:0 0 12px;font-weight:600;font-size:1.1em;font-family:var(--font-family)}.share-dialog-message{background:var(--light-background-color);padding:12px;border-radius:6px;margin-bottom:16px;border:1px solid var(--content-border-color);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;font-size:.95em;line-height:1.4;text-align:left;max-width:100%}.share-dialog-buttons{display:flex;gap:12px;justify-content:center}.share-dialog-copy-button{padding:10px 20px;font-size:.95em;background:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;box-shadow:0 1px 4px #4c2e8a0f;transition:background .2s;font-family:var(--button-font-family)}.share-dialog-copy-button:hover{opacity:.9}.share-dialog-close-button{padding:10px 20px;font-size:.95em;background:transparent;color:var(--text-color);border:1px solid var(--content-border-color);border-radius:var(--button-border-radius);cursor:pointer;transition:background .2s;font-family:var(--button-font-family)}.share-dialog-close-button:hover{background:var(--light-background-color)}.payment-result-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#3c3c3c52;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;transition:background .3s;font-family:var(--font-family)}.payment-result-modal{background:var(--content-background-color);border-radius:var(--container-border-radius);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #4c2e8a1a;text-align:center;border:1px solid var(--content-border-color);color:var(--content-font-color);font-family:var(--content-font-family)}.payment-result-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.payment-result-header h2{margin:0;font-size:20px;font-weight:700;color:var(--primary-color);font-family:var(--font-family)}.payment-result-close{background:none;border:none;font-size:28px;color:var(--text-color);cursor:pointer;padding:0;line-height:1;transition:color .2s;opacity:.6}.payment-result-close:hover{opacity:1}.payment-result-content{padding:24px;display:flex;flex-direction:column;align-items:center}.payment-result-image{width:120px;height:120px;object-fit:contain;margin-bottom:20px}.payment-result-message{font-size:16px;color:var(--text-color);margin-bottom:12px;line-height:1.5;font-family:var(--content-font-family)}.payment-result-submessage{font-size:14px;color:var(--text-color);opacity:.7;margin-bottom:24px;line-height:1.5;font-family:var(--content-font-family)}.payment-result-actions{display:flex;gap:12px;justify-content:center;width:100%}.payment-result-button{flex:1;max-width:200px;padding:14px 28px;border:1px solid var(--border-color);background:var(--content-background-color);color:var(--text-color);border-radius:var(--button-border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--button-font-family)}.payment-result-button.success{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--button-text-color);border:none;box-shadow:0 2px 8px #4c2e8a33}.payment-result-button.success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4c2e8a4d;background:var(--hover-color);color:var(--hover-text-color)}.payment-result-button:hover{background:var(--hover-color);color:var(--hover-text-color);transform:translateY(-1px)}@media(max-width:600px){.payment-result-modal{max-height:85vh;margin:8px}.payment-result-header{padding:16px 20px}.payment-result-header h2{font-size:18px}.payment-result-content{padding:20px}}.spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000059;z-index:9999;display:flex;align-items:center;justify-content:center}.spinner{border:8px solid #f3f3f3;border-top:8px solid var(--primary-color, #4b6cb7);border-radius:50%;width:70px;height:70px;animation:spin 1s linear infinite}@font-face{font-family:Encode Sans Compressed;src:local("Encode Sans Compressed"),url(/static/encodesanscompressed-900-black-webfont-CikMtioc.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: white;--button-text-color: white;--error-color: red;--error-hover-color: #cc0000;--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: white;--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}.themed-circle-image{width:80px!important;height:80px!important;margin:0 auto 20px!important;margin-top:var(--default-margin)!important;border-radius:24px;border:2px solid var(--primary-color);background:var(--background-color);box-shadow:0 4px 24px #0000001a,0 1.5px 6px 0 var(--primary-color);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.themed-circle-image-big,.themed-circle-image-logo{width:200px!important;height:200px!important;margin:4px auto 20px!important;border-radius:24px;border:2px solid var(--primary-color);background:var(--background-color);box-shadow:0 4px 24px #0000001a,0 1.5px 6px 0 var(--primary-color);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}@media(max-width:600px){.themed-circle-image-logo{width:100px!important;height:100px!important;margin:0 auto!important}}.rating-prompt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#3c3c3c52;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:10000;display:flex;align-items:center;justify-content:center;transition:background .3s;font-family:var(--font-family)}.rating-prompt-content{background:var(--content-background-color);padding:32px 24px;border-radius:var(--container-border-radius);box-shadow:0 4px 20px #4c2e8a1a;max-width:90vw;width:400px;text-align:center;border:1px solid var(--content-border-color);color:var(--content-font-color);font-family:var(--content-font-family)}.rating-prompt-content h2{color:var(--primary-color);margin-bottom:16px;margin-top:0;font-weight:700;font-size:1.4em;font-family:var(--font-family)}.rating-prompt-content p{margin-bottom:24px;color:var(--text-color);font-size:1.1em;line-height:1.4;font-family:var(--content-font-family)}.rating-prompt-subtext{font-size:.9em;color:var(--text-color);margin:0;font-style:italic}.rating-prompt-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.rating-prompt-button{padding:12px 24px;font-size:1em;border:none;border-radius:var(--button-border-radius);cursor:pointer;min-width:200px;transition:all .2s;font-weight:500;font-family:var(--button-font-family)}.rating-prompt-button.positive{background:var(--primary-color);color:var(--button-text-color);box-shadow:0 2px 8px #4c2e8a33}.rating-prompt-button.negative{background:var(--primary-color);color:var(--button-text-color);border:1px solid var(--border-color)}.rating-prompt-button.dismiss{padding:4px 14px;margin-top:8px;min-width:0px;background:var(--content-background-color);color:var(--text-color);border:1px solid var(--border-color);font-size:.8em}.rating-prompt-button:hover{background:var(--hover-color);color:var(--hover-text-color);transform:translateY(-1px);box-shadow:0 4px 12px #4c2e8a4d}@media(max-width:480px){.rating-prompt-content{padding:24px 20px;width:95vw}.rating-prompt-button{min-width:180px;font-size:.95em}}.settings-checkbox-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:90%;margin-bottom:2px}@media(max-width:600px){.overlay{padding:0;height:100vh;min-height:100vh}}.user-profile{margin:10px auto 2px;text-align:center;box-sizing:border-box;font-family:var(--content-font-family);min-height:calc(100vh - 4px);width:calc(100% - 2px);max-width:640px;padding-left:10px;padding-right:10px}.profile-header{display:flex;justify-content:space-between;align-items:center;width:100%;@media(max-width:600px){.dialog-box{width:100vw;max-width:100vw;max-height:100vh;height:100vh;padding:4px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}.details-box h1,.details-box h2,.details-box h3{margin-bottom:4px;margin-top:4px;font-size:1em}.settings-section-header{margin-bottom:1px;font-size:.95em}.settings-subsection-header{margin-bottom:1px;font-size:.9em}.button-profile,.settings-save-button{margin:2px;padding:6px 8px;font-size:.9em;min-height:32px;min-width:70px}.details-box p{margin:2px 0;font-size:.9em}}.profile-header h1{order:1;text-align:center;width:100%}.profile-header .tooltip-container{order:2;align-self:center}}@media(max-width:600px){.profile-header{justify-content:center;position:relative}.header-spacer{position:absolute;left:10px;visibility:hidden}.profile-header h1{text-align:center;padding:0 50px;box-sizing:border-box}.profile-header .header-buttons-column{position:absolute;right:10px;top:50%;transform:translateY(-50%)}}.header-buttons-column{display:flex;flex-direction:column;gap:8px;align-items:center}.settings-button{background:var(--primary-color);border:none;cursor:pointer;padding:8px;border-radius:var(--button-border-radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.settings-button:hover{background-color:#0000001a}.settings-button img{width:24px;height:24px;filter:var(--icon-filter)}.help-button{background:var(--primary-color);border:none;cursor:pointer;padding:8px;border-radius:var(--button-border-radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.help-button img{width:24px;height:24px;filter:var(--icon-filter)}.course-confirmation-dialog{border:1px solid var(--error-color);border-radius:8px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.course-confirmation-dialog button{font-size:16px;padding:10px 15px;margin:10px;border:none;border-radius:var(--button-border-radius);cursor:pointer}.profile-box{border:var(--card-border-width, 1px) solid var(--border-color);border-radius:14px;margin:8px auto 12px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.user-courses{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.user-courses h3{font-size:20px;margin-bottom:5px;margin-top:2px;font-family:var(--font-family)}.profile-box h3{font-size:20px;margin-bottom:10px;margin-top:2px;font-family:var(--font-family)}.user-profile h1{font-size:24px;margin-bottom:10px;font-family:var(--font-family)}.user-profile h2{font-size:20px;margin-bottom:10px;font-family:var(--font-family)}.user-profile h3{font-family:var(--font-family);margin-bottom:10px}.user-profile p{font-size:16px;margin:5px 0}.profile-link{color:var(--link-color);font-weight:700;text-decoration:none;background-color:var(--button-background-color);border-radius:var(--button-border-radius);display:inline-block;text-align:center;cursor:pointer;transition:background-color .3s,color .3s;margin-bottom:5px;margin-top:5px}.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);font-size:.9em;text-decoration:underline;cursor:pointer;padding:0;font-weight:600;transition:opacity .2s ease,color .2s ease}.redeem-link-button:hover{opacity:.8;color:var(--primary-color)}.redeem-link-button:active{opacity:.6}.share-invite-link-button{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0 8px;margin-top:0;font-size:.95em;border-radius:var(--button-border-radius);color:var(--content-font-color);font-weight:500;cursor:pointer;transition:opacity .2s ease,color .2s ease}.share-invite-link-button:hover{opacity:.8;background-color:var(--hover-color);color:var(--hover-text-color)}.share-invite-link-button:active{opacity:.6}.invite-terms-disclaimer a{color:var(--link-color);text-decoration:underline;font-weight:600}.invite-terms-disclaimer a:hover{opacity:.85}.overlay{position:fixed;top:0;left:0;width:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;height:100vh}.overlay~* .tooltip-container,.user-profile:has(.overlay) .tooltip-container,.user-profile.dialog-open .tooltip-container{z-index:50!important}.overlay~* .tooltip-container:hover,.user-profile:has(.overlay) .tooltip-container:hover,.user-profile.dialog-open .tooltip-container:hover{z-index:50!important}.overlay~* .tooltip-text,.user-profile:has(.overlay) .tooltip-text,.user-profile.dialog-open .tooltip-text{z-index:50!important}.details-box{display:flex;flex-direction:column;background-color:var(--content-background-color)}.promotions-box a,.details-box a{color:var(--link-color);font-weight:700;text-decoration:none;background-color:var(--button-background-color);border-radius:var(--button-border-radius);display:inline-block;text-align:center;cursor:pointer;transition:background-color .3s,color .3s}.dialog-box{background-color:var(--content-background-color);border-radius:var(--container-border-radius);padding:16px;width:90vw;max-width:400px;max-height:90vh;box-shadow:0 4px 6px #0000001a;text-align:center;z-index:1010;display:flex;flex-direction:column;overflow-y:auto}.dialog-box.subscription-dialog{background-color:transparent;padding:0;box-shadow:none}@media(min-width:601px){.dialog-box.subscription-dialog{max-width:900px;width:80vw;min-width:520px}}@media(max-width:600px){.dialog-box{width:98vw;max-width:98vw;max-height:98vh;padding:10px}.details-box h1,.details-box h2,.details-box h3{margin-bottom:6px;margin-top:6px;font-size:1.1em}.settings-section-header{margin-bottom:2px;font-size:1em}.settings-subsection-header{margin-bottom:1px;font-size:.95em}.button-profile,.settings-save-button{margin:4px;padding:8px 12px;font-size:.95em;min-height:36px;min-width:80px}.details-box p{margin:4px 0;font-size:.95em}}.button-profile-delete{background-color:var(--content-background-color)!important;color:var(--primary-color)!important;max-width:200px}.button-profile{background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;padding:5px 10px;margin:5px;border-radius:var(--button-border-radius);font-size:15px;cursor:pointer;transition:background-color .3s ease}.button-profile:hover,.button-profile:focus,.settings-save-button:hover,.settings-save-button:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.button-profile:active,.settings-save-button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.settings-button:hover,.settings-button:focus,.help-button:hover,.help-button:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.settings-button:active,.help-button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.button-wide{width:100%}.select-box-profile{width:95%;padding:10px;font-size:16px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;margin-bottom:10px}.checkbox-label{display:flex;align-items:center;margin-bottom:0;padding:2px;cursor:pointer;min-height:44px}.checkbox-input{width:24px;height:24px;margin-right:12px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-input:hover{accent-color:var(--hover-color)}.checkbox-label:hover{background-color:var(--hover-background-color);color:var(--hover-color);border-radius:4px}.settings-save-button{padding:12px 24px;font-size:16px;min-height:48px;min-width:120px}.settings-section-header{margin-bottom:4px;color:var(--content-header-color);font-size:18px}.settings-subsection-header{margin-bottom:2px;font-size:14px}@media(max-width:600px){.select-box-profile{font-size:14px}}.premium-shimmer{position:relative;overflow:hidden}.premium-shimmer:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 20%,rgba(255,235,120,.4) 40%,rgba(255,245,150,.8) 50%,rgba(255,235,120,.4) 60%,transparent 80%);animation:shimmer 5s ease-in-out infinite;border-radius:inherit;pointer-events:none}.badge-shimmer{position:relative;overflow:hidden}.badge-shimmer:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 20%,rgba(255,255,255,.4) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 60%,transparent 80%);animation:shimmer 3s ease-in-out infinite;border-radius:inherit;pointer-events:none}@keyframes shimmer{0%,to{transform:translate(-100%) skew(-25deg)}50%{transform:translate(100%) skew(-25deg)}}.rank-display{font-size:1.4em;font-weight:700;color:var(--primary-color);cursor:default;transition:opacity .2s ease,transform .1s ease}.rank-clickable{cursor:pointer}.rank-clickable:hover{opacity:.8;transform:translateY(-1px)}.rank-clickable:active{transform:translateY(0);opacity:.9}.edit-icon-button{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:var(--button-border-radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.edit-icon-button:hover{background-color:var(--hover-color)}.edit-icon-small{width:18px;height:18px;margin-top:0;margin-left:0;padding-left:0}@media(min-width:600px){.edit-icon-small{width:20px;height:20px;margin-top:4px}}.clipboard-icon-small{width:24px;height:24px;margin-top:2px;margin-left:0;padding-left:0;margin-right:0;padding-right:0}@media(min-width:600px){.clipboard-icon-small{width:26px;height:26px;margin-top:6px;margin-right:0;padding-right:0}}.qrcode-icon-small{width:25px;height:25px;margin-top:0;margin-left:0;padding-left:0;margin-right:0;padding-right:0}@media(min-width:600px){.qrcode-icon-small{width:25px;height:25px;margin-top:2px;margin-right:0;padding-right:0}}.public-profile-back-icon{width:25px;height:25px;margin-top:0}.public-profile-button-header{background-color:var(--background-color);color:var(--button-text-color);border:4px solid var(--border-color);margin:2px 5px;border-radius:var(--button-border-radius);cursor:pointer;width:25px;height:25px;display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:0 2px 4px #0000001a}.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);color:var(--hover-text-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}}@media(max-width:768px){.public-profile-button-header:hover{background-color:var(--primary-color)!important;transform:none!important;box-shadow:0 2px 4px #0000001a!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%{box-shadow:0 0 0 0 var(--color-accent-border, #e0e0e0);border-color:var(--color-accent-border, #e0e0e0)}25%{box-shadow:0 0 2px 1px var(--primary-color);border-color:var(--primary-color)}50%{box-shadow:0 0 4px 2px var(--primary-color);border-color:var(--primary-color)}75%{box-shadow:0 0 2px 1px var(--primary-color);border-color:var(--primary-color)}to{box-shadow:0 0 0 0 var(--color-accent-border, #e0e0e0);border-color:var(--color-accent-border, #e0e0e0)}}.profile-header{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--input-background-color);border-radius:14px;padding:16px 12px 14px;box-sizing:border-box;margin:0 auto 8px;border:var(--card-border-width, 1px) solid var(--border-color);box-shadow:0 2px 10px #00000012}.profile-header-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0}.profile-header h1{margin-top:0;text-align:center;width:100%}.badges-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;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{width:auto!important;height:auto!important;max-width:64px!important;max-height:64px!important}.badges-grid .profile-badge-title{font-size:.72em!important;letter-spacing:.2px!important}}.profile-menu-list{width:100%;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:var(--card-border-width, 1px) solid var(--border-color);margin:4px 0 0}.profile-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;border-bottom:var(--card-border-width, 1px) solid var(--border-color);font-family:var(--button-font-family);font-size:1em;color:var(--primary-color);cursor:pointer;text-align:left;transition:background-color .15s ease;box-sizing:border-box;min-height:48px}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover,.profile-menu-item:focus{background-color:var(--hover-color);color:var(--hover-text-color);outline:none}.profile-menu-item:active{background-color:var(--hover-color);color:var(--hover-text-color)}.profile-menu-item-chevron{font-size:1.3em;font-weight:300;color:var(--secondary-text-color, #bbb);line-height:1;flex-shrink:0}.profile-menu-item-danger,.profile-menu-item-danger .profile-menu-item-chevron{color:var(--error-color, #d32f2f)}@media(max-width:600px){.profile-menu-item{padding:13px 14px;font-size:.97em}}.profile-about-box{padding:14px}.alert-notifications-box{padding:12px 16px;margin-bottom:4px}.alert-notifications-title{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.profile-alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#e53e3e;color:#fff;border-radius:9px;font-size:11px;font-weight:700;line-height:1;box-sizing:border-box}.alert-notifications-scroll{max-height:360px;overflow-y:auto;width:100%;padding-right:2px}.alert-notifications-expand-footer{display:inline-block;background:none;border:none;padding:8px 4px 2px;margin:4px auto 0;font:inherit;font-size:.9em;font-weight:600;color:var(--primary-color);cursor:pointer}.alert-notifications-expand-footer:hover{text-decoration:underline}.alert-notifications-expand-arrow{margin-left:2px}.alert-notifications-overflow-label{text-align:center;font-size:.85em;letter-spacing:.05em;color:var(--text-secondary-color, var(--secondary-text-color));padding:6px 0 2px}.alert-notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px;margin-bottom:8px;border-radius:12px;border:1px solid var(--color-accent-border, #e0e0e0);background:var(--input-background-color);box-sizing:border-box;box-shadow:0 1px 4px #0000000f}.alert-sender-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:var(--button-text-color, #fff);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1em;line-height:1}.alert-sender-avatar--image{background:var(--content-background-color, var(--input-background-color));border:1px solid var(--color-accent-border, #e0e0e0)}.alert-sender-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px;margin-bottom:4px}.alert-sender-name-button{background:none;border:none;cursor:pointer;padding:0;font:inherit;font-weight:700;font-size:.95em;color:var(--primary-color);text-decoration:underline}.alert-sender-name-text{font-weight:700;font-size:.95em;color:var(--text-color)}.alert-type-context{font-size:.85em;color:var(--text-secondary-color, var(--secondary-text-color));font-weight:400}.alert-message-body{font-size:.9em;color:var(--content-font-color, var(--text-color));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{background:none;border:none;font-size:1.4em;line-height:1;cursor:pointer;padding:0 2px;color:var(--text-secondary-color, var(--text-color));opacity:.6;flex-shrink:0;align-self:flex-start}.alert-dismiss-button:hover{opacity:1}.alert-date-label{flex-shrink:0;font-size:.75em;color:var(--text-secondary-color, var(--secondary-text-color));white-space:nowrap;line-height:1.4}.reachout-container{display:flex;flex-direction:column;align-items:center;margin:10px 0 4px}.reachout-button{background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reachout-success{font-size:.9em;color:var(--content-text-color);font-weight:600}.upsell-carousel-pips{display:flex;justify-content:center;gap:8px;margin-top:10px}.upsell-carousel-pip{width:10px;height:10px;border-radius:50%;border:1px solid var(--border-color);padding:0;background:var(--content-font-color);opacity:.55;cursor:pointer;transition:opacity .2s ease,background .2s ease,transform .2s ease}.upsell-carousel-pip:hover{opacity:.8}.upsell-carousel-pip.active{background:var(--primary-color);border-color:var(--primary-color);opacity:1;transform:scale(1.15)}.upsell-carousel-pip:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.subscription-card ul,.subscription-card ul ul,.subscription-table ul,.subscription-table ul ul{list-style:none;padding-left:0;margin-left:0}.subscription-card li,.subscription-table li{position:relative;padding:.5em .5em .5em 2.8em;margin-bottom:.7em;font-size:1.08em;background:#4a90e20a;border-radius:8px;transition:background .2s,box-shadow .2s;min-height:1.5em;box-shadow:0 1px 4px #4a90e20a;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.subscription-card li:hover,.subscription-table li:hover{background:#4a90e21f;box-shadow:0 2px 8px #4a90e21a}.subscription-card li:before,.subscription-table li:before{content:"✔";color:#4a90e2;font-size:1.3em;font-weight:700;position:absolute;left:.6em;top:50%;transform:translateY(-50%);background:none;border-radius:0;box-shadow:none}.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;margin-bottom:.4em;font-size:.98em}.subscription-card li.heart-bullet:before,.subscription-table li.heart-bullet:before{content:"❤️";font-size:1em;margin-left:0}.subscription{max-width:100%;width:100%;box-sizing:border-box;margin:0 auto;padding:0;background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014,0 1.5px 6px #0000000a;font-family:Segoe UI,Roboto,Arial,sans-serif;overflow-x:auto}.subscription-mobile-spacer{height:15vh;box-sizing:border-box}.subscription-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px 4px;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:18px 18px 0 0}.subscription-header h1{margin:0;font-size:1.5rem;color:#2a2a2a;flex:1}.subscription-close-button{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;margin:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;border-radius:6px;line-height:1;flex-shrink:0}.subscription-close-button:hover{color:#1f2937;background:#0000000d}.subscription>:not(.subscription-header){padding:16px 24px}@media(min-width:1100px){.subscription{max-width:1100px}}.subscription-cards{display:flex;flex-direction:column;gap:20px;margin:0 auto;width:100%;max-width:420px;box-sizing:border-box;padding:0 8px}@media(max-width:400px){.subscription-cards{padding:0 4px;gap:12px}.subscription-card{padding:12px 10px 10px}.subscription-card li,.subscription-table li{font-size:.85em;padding:.3em .3em .3em 2.2em;margin-bottom:.4em;min-height:1.3em}.subscription-card li:before,.subscription-table li:before{left:.3em;font-size:1em}.subscription-card .plan-price{font-size:18px;margin-bottom:12px}.plan-price-alt{font-size:.75rem;margin-top:-10px;margin-bottom: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;padding-top:.4em;padding-bottom:.4em;margin-bottom:.5em}.subscription-card .plan-price{font-size:20px;margin-bottom:16px}.plan-price-alt{font-size:.8rem;margin-top:-14px;margin-bottom:12px}}.subscription-card h2{margin:0 0 4px;font-size:1.3rem}.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{font-size:.85rem;color:#6b7280;text-align:center;margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.plan-subtitle-premium{color:#059669}.plan-subtitle-unlimited{color:#7c3aed}.plan-subtitle-table{font-size:.8rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.plan-price-alt{font-size:.85rem;color:#6b7280;text-align:center;margin-top:-20px;margin-bottom:16px;font-style:italic}.plan-price-alt-table{font-size:.8rem;color:#6b7280;font-style:italic}.subscription-footnote{font-size:.85rem;color:#6b7280;text-align:center;margin-top:24px;font-style:italic}.subscription-card .plan-price{font-size:1.1rem;text-align:center;margin-bottom:24px;font-size:24px;color:#222;font-family:Segoe UI,Roboto,Arial,sans-serif}.subscription-card ul{margin:0;padding-left:18px;font-size:1rem;color:#333}.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;justify-content:center;gap:32px;max-width:100%}.subscription-card{min-width:220px;flex:1 1 0;align-items:flex-start}}@media(max-width:600px){.subscription{padding:4px 0;border-radius:10px}.subscription-table th,.subscription-table td{padding:10px 4px;font-size:.97rem}.subscription h1{font-size:1.1rem}}.subscription h1{text-align:center;margin-bottom:32px;font-size:2.2rem;color:#2a2a2a}.subscription-table{width:100%;border-collapse:separate;border-spacing:0;background:#f9f9fb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000008}.subscription-table th,.subscription-table td{padding:20px 18px;text-align:left;vertical-align:top}.subscription-table th:not(:first-child){text-align:center}.subscription-table th{background:#f5f5f5;color:#333;font-size:1.1rem;font-weight:600;border-bottom:2px solid #e0e0e0;letter-spacing:.02em}.subscription-table tr:not(:last-child) td{border-bottom:1px solid #ececec}.subscription-table td{font-size:1rem;color:#222;background:#f9f9fb}.subscription-table th:nth-child(2),.subscription-table td:nth-child(2){background:#f3f4f6}.subscription-table th:nth-child(3),.subscription-table td:nth-child(3){background:#ecfdf5}.subscription-table th:nth-child(4),.subscription-table td:nth-child(4){background:#fce4ec}.subscription-table ul{margin:0;padding-left:20px;list-style:disc inside}.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{background:#f9f9fb;border-radius:14px;box-shadow:0 2px 8px #00000008;padding:20px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;border:2px solid transparent;transition:border .2s;font-family:Segoe UI,Roboto,Arial,sans-serif;color:#333}.subscription-card strong,.subscription-card b{color:#333}@media(max-width:600px){.subscription{padding:12px 2px}.subscription-table th,.subscription-table td{color:#333;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:.97rem}.subscription h1{font-size:1.3rem}}.subscription-box{border:1px solid #e0e0e0;border-radius:8px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.subscription-box h3{font-size:20px;margin-bottom:10px;margin-top:2px;font-family:Segoe UI,Roboto,Arial,sans-serif}.subscription h1{font-size:24px;margin-bottom:10px;font-family:Segoe UI,Roboto,Arial,sans-serif}.subscription h2{font-size:20px;margin-bottom:10px;font-family:Segoe UI,Roboto,Arial,sans-serif}.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;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;border:none;padding:5px 10px;margin:5px;border-radius:8px;font-size:15px;cursor:pointer;transition:background-color .3s ease}.upgrade-button{margin-top:16px;padding:14px 28px;font-size:16px;font-weight:700;width:100%;background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;border:none;border-radius:12px;box-shadow:0 4px 14px #05966966,0 2px 4px #0000001a;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.upgrade-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #05966980,0 4px 8px #00000026;background:linear-gradient(135deg,#34d399,#10b981,#059669)}.upgrade-button:active{transform:translateY(-1px);box-shadow:0 4px 12px #05966966}.table-upgrade-button{display:block;margin:12px auto 0;width:auto;padding:10px 24px;font-size:14px;text-align:center;border-radius:10px}.current-plan-badge{margin-top:16px;padding:8px 16px;background:#05966926;color:#059669;border-radius:20px;font-size:14px;font-weight:600;text-align:center}.coming-soon-badge{display:block;margin:12px auto 0;width:auto;padding:8px 16px;background:#9ca3af26;color:#6b7280;border-radius:20px;font-size:14px;font-weight:500;text-align:center}.checkout-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.checkout-modal{background:#fff;border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.checkout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 8px;border-bottom:1px solid #e5e7eb}.checkout-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2937;flex:1;min-width:0}.checkout-modal-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:8px;min-width:44px;min-height:44px;line-height:1;transition:color .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkout-modal-close:hover{color:#1f2937}.checkout-modal-content{padding:8px 24px 24px}.checkout-modal-description{margin:0 0 20px;color:#6b7280;font-size:15px;padding-bottom:8px}.checkout-view-toggle{display:flex;margin:0 auto 16px;border:1.5px solid #4a90e2;border-radius:6px;overflow:hidden;width:fit-content}.checkout-view-toggle-btn{padding:6px 18px;border:none;background-color:#fff;color:#1f2937;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s}@media(hover:hover){.checkout-view-toggle-btn:hover:not(:disabled){background-color:#f3f8ff;color:#2563eb;box-shadow:inset 0 0 0 1px #4a90e22e}}.checkout-view-toggle .checkout-view-toggle-btn.active{background-color:#4a90e2;color:#fff}.checkout-view-toggle-btn:focus-visible{outline:2px solid rgba(74,144,226,.5);outline-offset:2px}.checkout-view-toggle .checkout-view-toggle-btn.active:hover:not(:disabled),.checkout-view-toggle .checkout-view-toggle-btn.active:focus,.checkout-view-toggle .checkout-view-toggle-btn.active:focus-visible,.checkout-view-toggle .checkout-view-toggle-btn.active:active{background-color:#4a90e2;color:#fff;box-shadow:none;outline:none}.checkout-view-toggle-btn:disabled{opacity:.6;cursor:not-allowed}@media(hover:none),(pointer:coarse){.checkout-view-toggle-btn:hover:not(:disabled){background-color:#fff;color:#1f2937;box-shadow:none}.checkout-view-toggle .checkout-view-toggle-btn.active:hover:not(:disabled){background-color:#4a90e2;color:#fff;box-shadow:none}}.checkout-product-options{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.checkout-product-option{display:flex;align-items:flex-start;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.checkout-product-option:hover{border-color:#4a90e2;background:#4a90e20a}.checkout-product-option.selected{border-color:#4a90e2;background:#4a90e214}.checkout-product-radio{margin-right:14px;padding-top:2px}.radio-circle{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;transition:all .2s;position:relative}.radio-circle.checked{border-color:#4a90e2}.radio-circle.checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#4a90e2;border-radius:50%}.checkout-product-info{flex:1}.checkout-product-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.checkout-product-price{font-size:16px;font-weight:400;color:#1f2937;margin-bottom:2px}.checkout-product-price-per-week{font-size:12px;color:#1f2937;font-weight:400;margin-top:2px}.checkout-product-description{font-size:13px;color:#6b7280;margin-top:6px;line-height:1.4}.checkout-product-badge{display:inline-block;margin-top:8px;padding:4px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.checkout-promotions{margin-top:0;margin-bottom:12px;padding:8px 20px 20px;border-radius:12px;background:linear-gradient(135deg,#8b5cf614,#4a90e214);border:1px solid rgba(139,92,246,.2)}.checkout-promotions h2{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.checkout-promotions p{font-size:14px;color:#6b7280;margin:0 0 16px}.checkout-promotion-notice{font-size:1em!important;color:#1f2937!important;margin-top:4px!important;margin-bottom:16px!important;font-weight:600!important}.checkout-promotion-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:12px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;transition:all .2s;gap:16px}.checkout-promotion-option:last-child{margin-bottom:0}.checkout-promotion-option:hover{border-color:#8b5cf6;background:#8b5cf60a;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.checkout-promotion-info{flex:1}.checkout-promotion-name{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.checkout-promotion-duration{font-size:13px;color:#6b7280;line-height:1.4}.checkout-promotion-button{padding:10px 20px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #8b5cf64d;white-space:nowrap}.checkout-promotion-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.checkout-promotion-button:active{transform:translateY(0);box-shadow:0 2px 6px #8b5cf64d}.checkout-error{padding:12px 16px;background:#ef44441a;color:#dc2626;border-radius:8px;font-size:14px;margin-bottom:16px}.checkout-loading{padding:24px 16px;text-align:center;color:#6b7280;font-size:15px}.checkout-modal-actions{display:flex;gap:12px;margin-top:0}.checkout-cancel-button{flex:1;padding:14px 20px;border:1px solid #e5e7eb;background:transparent;color:#374151;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.checkout-cancel-button:hover:not(:disabled){background:#f3f4f6}.checkout-confirm-button{flex:2;padding:14px 20px;border:none;background:linear-gradient(135deg,#4a90e2,#6366f1);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4a90e24d}.checkout-confirm-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4a90e266}.checkout-confirm-button:disabled,.checkout-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkout-inline-continue-button{width:100%;padding:14px 20px;margin-top:0;margin-bottom:0;border:none;background:linear-gradient(135deg,#4a90e2,#6366f1);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4a90e24d}.checkout-inline-continue-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4a90e266}.checkout-inline-continue-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkout-modal-footer{margin:20px 0 0;text-align:center;font-size:13px;color:#9ca3af}.restore-purchases-button{margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#4a90e2,#6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4a90e24d;display:inline-block}.restore-purchases-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a90e266;background:linear-gradient(135deg,#6366f1,#4a90e2)}.restore-purchases-button:active{transform:translateY(0);box-shadow:0 2px 6px #4a90e24d}.checkout-modal-legal-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.checkout-legal-link{color:#4a90e2!important;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s;background:none;border:none;padding:0;cursor:pointer}.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{max-height:85vh;margin:8px}.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{padding:16px;margin-top:12px}.checkout-promotions h2{font-size:16px;text-align:center}.checkout-promotions p{font-size:13px;margin-bottom:8px;text-align:center}.checkout-promotion-option{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:12px}.checkout-promotion-button{width:100%;text-align:center}.checkout-view-toggle{width:100%}.checkout-view-toggle-btn{flex:1;padding:8px 12px;font-size:14px}}.oobe-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.oobe-container{width:100%;max-width:600px;min-height:min-content;background:var(--content-background-color);border-radius:var(--container-border-radius);box-shadow:0 4px 24px #4c2e8a1f;border:1px solid var(--content-border-color);padding:32px;text-align:center;font-family:var(--content-font-family);color:var(--content-font-color);position:relative;animation:oobe-fade-in .5s ease-out;margin:auto}@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-size:2rem;font-weight:700;margin:0 0 12px;font-family:var(--font-family)}.oobe-subtitle{color:var(--text-color);font-size:1.1rem;margin:0;line-height:1.5}.oobe-section-header{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin:20px 0 16px;font-family:var(--font-family);line-height:1.3}.oobe-features{display:grid;gap:20px;margin-bottom:32px;text-align:left}.oobe-feature{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--background-color);border-radius:var(--button-border-radius);border:1px solid var(--content-border-color);transition:transform .2s ease,box-shadow .2s ease}.oobe-feature:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4c2e8a14}.oobe-feature-icon{font-size:2rem;line-height:1;flex-shrink:0}.oobe-feature-content{flex:1}.oobe-feature-title{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 8px;font-family:var(--font-family)}.oobe-feature-description{color:var(--text-color);font-size:.95rem;margin:0;line-height:1.4}.oobe-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:nowrap}.oobe-button{padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:var(--button-border-radius);cursor:pointer;transition:all .2s ease;font-family:var(--button-font-family);min-width:120px;flex:1;max-width:180px}.oobe-button-primary{background:var(--primary-color);color:var(--button-text-color);box-shadow:0 2px 8px #4c2e8a33}.oobe-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4c2e8a4d}.oobe-button-secondary{background:transparent;color:var(--text-color);border:1px solid var(--content-border-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{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:8px;border-radius:50%;transition:background .2s ease;line-height:1}.oobe-close:hover{background:var(--background-color)}@media(max-width:640px){.oobe-overlay{padding:12px;align-items:center}.oobe-container{padding:20px 16px;max-height:90vh;min-height:auto;overflow-y:auto}.oobe-title{font-size:1.4rem;line-height:1.3}.oobe-subtitle{font-size:.95rem;line-height:1.4}.oobe-actions{flex-direction:row;align-items:center;gap:8px;justify-content:center}.oobe-button{width:auto;max-width:none;padding:10px 16px;flex:1;min-width:80px;font-size:.9rem}.oobe-features{gap:12px}.oobe-feature{padding:12px;gap: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-top:10px;padding-bottom:10px}.oobe-container{max-height:90vh;overflow-y:auto}.oobe-header,.oobe-features{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-header{margin-bottom:16px}.oobe-features{gap:10px;margin-bottom:16px}.oobe-feature{padding:10px}.oobe-actions{margin-bottom:12px}}@media(max-width:480px){.oobe-overlay{padding:8px}.oobe-container{padding:16px 12px;margin-top:5px;margin-bottom:15px}.oobe-title{font-size:1.2rem}.oobe-subtitle{font-size:.9rem}.oobe-feature{padding:8px;gap:8px}.oobe-feature-title{font-size:.95rem}.oobe-feature-description{font-size:.85rem}.oobe-button{padding:8px 12px;font-size:.9rem;min-width:70px}}@media(max-height:500px)and (orientation:landscape){.oobe-overlay{padding:5px;align-items:center}.oobe-container{padding:12px;max-height:95vh;overflow-y:auto}.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{margin-bottom:8px;gap:6px;flex-direction:row}.oobe-button{padding:6px 10px;font-size:.85rem;min-width:60px}.oobe-footer{font-size:.85rem}}.profile-oobe .oobe-feature-description{font-size:.9rem}.app-store-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.app-store-button{height:50px;width:auto}@media(max-width:400px){.app-store-buttons{flex-direction:column;gap:4px}.app-store-button{height:auto;width:150px;max-width:90%}}.streak-history{display:flex;justify-content:center;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto;padding:12px 16px;box-sizing:border-box;border:2px solid var(--primary-color);border-radius:12px;background:linear-gradient(135deg,var(--input-background-color) 0%,rgba(var(--primary-color-rgb),.05) 100%);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a;backdrop-filter:blur(4px)}.streak-history__day{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px}.streak-history__flame-shell{position:relative;display:flex;justify-content:center;align-items:center;width:28px;height:28px}.streak-history__flame-shell--inactive{opacity:.3;filter:grayscale(1)}.streak-history__flame{width:12px;height:12px;transition:all .3s ease}.streak-history__flame-shell--active .streak-history__flame{width:24px;height:24px}.streak-history__missed{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);color:var(--text-color);font-size:12px;font-weight:700;line-height:1;pointer-events:none}.streak-history__day-label{color:var(--secondary-text-color);font-size:.75em;font-weight:600}@media(max-width:400px){.streak-history{gap:3px;padding:12px}}.streak-summary{box-sizing:border-box}.streak-summary__state--pending{opacity:.52;filter:grayscale(.35)}.streak-summary__state--zero{opacity:.72}.streak-summary--compact{display:inline-flex;align-items:center;justify-content:center;min-width:20px;color:var(--primary-color);transition:opacity .2s ease,filter .2s ease}.streak-summary__compact-count{font-size:1.2rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.streak-summary__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.streak-summary--expanded{display:flex;flex-direction:column;width:100%;max-width:360px;margin:0 auto 12px}.streak-summary__primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;padding:12px 18px;border:2px solid var(--primary-color);border-radius:14px;background:linear-gradient(135deg,var(--input-background-color) 0%,rgba(var(--primary-color-rgb),.08) 100%);box-shadow:0 4px 12px #0000001a;transition:opacity .2s ease,filter .2s ease}.streak-summary__primary-flame{width:54px;height:54px;flex:0 0 auto}.streak-summary__primary-copy{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:7px}.streak-summary__primary-count{color:var(--primary-color);font-size:2.6rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.streak-summary__primary-label{color:var(--text-color);font-size:1rem;font-weight:700}.streak-summary__primary-status{grid-column:1 / -1;margin-top:5px;color:var(--secondary-text-color);font-size:.78rem;font-weight:600}.streak-summary__primary-best{grid-column:1 / -1;display:inline-flex;align-items:center;gap:3px;margin-top:3px;color:var(--secondary-text-color);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.streak-summary--weekly{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:360px;min-height:46px;margin:12px auto 0;padding:9px 16px;border:1px solid rgba(var(--primary-color-rgb),.55);border-radius:12px;background:linear-gradient(135deg,var(--input-background-color) 0%,rgba(var(--primary-color-rgb),.1) 100%);box-shadow:0 2px 8px #00000014;transition:opacity .2s ease,filter .2s ease}.streak-summary__weekly-count{color:var(--primary-color);font-size:1.35rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.streak-summary__weekly-label{color:var(--text-color);font-size:.9rem;font-weight:700}.streak-summary__weekly-best{display:inline-flex;align-items:center;gap:3px;margin-left:8px;color:var(--secondary-text-color);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.streak-summary__best-flame{width:.95em;height:.95em;flex:0 0 auto}.streak-summary__weekly-status{margin-left:auto;color:var(--secondary-text-color);font-size:.72rem;font-weight:600}@media(max-width:400px){.streak-summary__primary{min-height:76px;padding:10px 14px}.streak-summary__primary-flame{width:46px;height:46px}.streak-summary__primary-count{font-size:2.25rem}.streak-summary--weekly{padding:9px 12px}.streak-summary__weekly-status{font-size:.68rem}}.streak-details{display:flex;flex-direction:column;align-items:stretch;width:100%}.profile-streak-card{padding:0!important;overflow:hidden}.profile-streak-toggle{position:relative;display:flex;justify-content:center;align-items:center;gap:16px;width:100%;padding:14px 16px;box-sizing:border-box;border:0;background:transparent;color:var(--text-color);cursor:pointer;text-align:center}.profile-streak-toggle__main{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.profile-streak-toggle__flame{width:34px;height:34px;flex:0 0 auto;transition:opacity .2s ease,filter .2s ease}.profile-streak-toggle__flame--inactive{opacity:.3;filter:grayscale(1)}.profile-streak-toggle__copy{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.profile-streak-toggle__title{font-size:20px;font-weight:700;font-family:var(--font-family)}.profile-streak-toggle__count{display:flex;align-items:baseline;gap:5px;color:var(--secondary-text-color);font-size:.82rem;font-weight:600}.profile-streak-toggle__best{display:inline-flex;align-items:center;gap:3px;color:var(--secondary-text-color);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.profile-streak-toggle__best-flame{width:.95em;height:.95em;flex:0 0 auto}.profile-streak-toggle__chevron{position:absolute;right:16px;top:50%;color:var(--secondary-text-color);font-size:1.45rem;line-height:1;transform:translateY(-50%) rotate(0);transition:transform .2s ease}.profile-streak-toggle__chevron--expanded{transform:translateY(-50%) rotate(180deg)}.profile-streak-details{padding:0 16px 16px;border-top:1px solid var(--border-color)}.profile-streak-details__tagline{display:block;margin:12px 0 16px;color:var(--secondary-text-color);font-size:.9em;font-style:italic;text-align:center}@media(max-width:400px){.profile-streak-toggle{padding:12px}.profile-streak-toggle__chevron{right:12px}.profile-streak-details{padding:0 8px 12px}}.tooltip-container{position:relative;display:inline-block;z-index:100}.tooltip-text{visibility:hidden;width:120px;background-color:var(--tooltip-background);color:var(--tooltip-text);font-family:var(--content-font-family);font-size:var(--tooltip-text-size);text-align:center;border-radius:var(--container-border-radius);padding:5px;position:absolute;z-index:200;top:calc(100% + 10px);left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;pointer-events:none}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-container:hover{z-index:200}.tooltip-container.tooltip-active .tooltip-text{visibility:visible!important;opacity:1!important}.tooltip-container.tooltip-active{z-index:200}.tooltip-container.tooltip-fading .tooltip-text{visibility:visible;opacity:0;transition:opacity .5s ease-out}@media(hover:none){.tooltip-container:hover .tooltip-text{visibility:hidden;opacity:0}}.leaderboard-container{display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:1000px;margin:0 auto;box-sizing:border-box}.leaderboard-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:center}.leaderboard-header h2{color:var(--primary-color);font-size:1.8em;font-weight:700;margin:0}.leaderboard-icon{width:48px;height:48px;opacity:.9}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color, #4b6cb7);border-radius:50%;animation:spin 1s linear infinite}.leaderboard-loading p{color:var(--text-color);font-size:1.1em}.leaderboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px 20px}.error-icon,.empty-icon{width:120px;height:120px;margin-bottom:20px;opacity:.7}.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;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.filter-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--button-border-radius);color:var(--text-color);font-size:.9em;font-weight:600;cursor:pointer;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{width:20px;height:20px}.current-user-card{background:var(--content-background-color);border:3px solid var(--primary-color);border-radius:20px;padding:20px;margin-bottom:24px;width:90%;max-width:600px;display:flex;flex-direction:column;gap:16px;box-shadow:0 6px 20px #0000001a;position:relative;overflow:hidden}.current-user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color, var(--primary-color)))}.current-user-header{text-align:center;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.current-user-header .user-position-label{font-size:.9em;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.current-user-content{display:flex;justify-content:space-between;align-items:center}.current-user-info{display:flex;align-items:center;gap:16px;flex:1}.user-rank-badge{font-size:2.5em;font-weight:900;color:var(--primary-color);text-shadow:0 2px 4px rgba(0,0,0,.1);min-width:80px;text-align:center}.user-details{display:flex;flex-direction:column;gap:4px;flex:1}.user-name{font-size:.9em;opacity:.9;font-weight:500;color:var(--text-color)}.user-alias{font-size:1.3em;font-weight:700;color:var(--content-text-color)}.user-score{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:var(--primary-color);color:var(--button-text-color);border-radius:12px;box-shadow:0 4px 12px #00000026}.user-score-value{font-size:1.8em;font-weight:900;line-height:1}.score-label{font-size:.7em;opacity:.9;font-weight:600}.leaderboard-content{width:100%;max-width:800px}.no-data{display:flex;flex-direction:column;align-items:center;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(--color-secondary-text, var(--text-color));font-size:.9em!important;opacity:.7}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-entry{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;transition:all .2s ease;cursor:pointer}.leaderboard-entry:hover{background-color:var(--hover-background-color);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.leaderboard-entry.current-user{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.05)}.leaderboard-entry.top-three{border-width:3px}.entry-rank{font-size:1.5em;font-weight:700;min-width:50px;text-align:center;color:var(--primary-color)}.entry-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.entry-date{opacity:.7}.entry-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.entry-score{font-size:1.4em;font-weight:700;color:var(--primary-color)}.entry-score-label{font-size:.75em;color:var(--color-secondary-text, var(--text-color));font-weight:500}.leaderboard-footer{margin-top:24px;text-align:center;color:var(--color-secondary-text, var(--text-color));font-size:.9em;opacity:.8}.leaderboard-footer p{margin:0}@media(max-width:768px){.leaderboard-container{padding:12px}.leaderboard-header h2{font-size:1.4em}.leaderboard-icon{width:36px;height:36px}.leaderboard-filters{gap:8px}.filter-button{padding:8px 12px;font-size:.85em}.filter-icon{width:16px;height:16px}.filter-button span{display:none}.current-user-card{padding:16px;gap:12px}.current-user-content{flex-direction:column;gap:16px;text-align:center}.current-user-info{justify-content:center;gap:12px}.user-rank-badge{font-size:2em;min-width:60px}.user-alias{font-size:1.1em}.user-score{padding:10px 16px;width:100%;max-width:200px;margin:0 auto}.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}}.share-icon-small{width:18px;height:18px;margin-top:0;margin-left:0}.entry-name-container{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.entry-name{font-size:1.1em;font-weight:600;color:var(--color-primary-text, var(--content-font-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-alias{font-size:.85em;font-weight:500;color:var(--color-secondary-text, var(--text-color))}@media(max-width:768px){.entry-name-container{flex-direction:column;align-items:center;gap:2px}}.leaderboard-share-button{margin-top:0}@media(max-width:768px){.leaderboard-share-button{margin-top:2px}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/static/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/static/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/static/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/static/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/static/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/static/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/static/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/static/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/static/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/static/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/static/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/static/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/static/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/static/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/static/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/static/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/static/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/static/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/static/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/static/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/static/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/static/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/static/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/static/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/static/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/static/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/static/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/static/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/static/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/static/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/static/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/static/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/static/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/static/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/static/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/static/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/static/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/static/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/static/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/static/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/static/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/static/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/static/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.47"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;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 .smash{display:inline;line-height:0}.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;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{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}.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{display:flex;flex-direction:row;align-items:center;width:100%}@media(max-width:319px){.mastery-course-row-responsive{flex-direction:column;align-items:stretch;width:100%;max-width:319px}.mastery-course-row-text{margin-bottom:8px}}@media(max-width:800px){.mastery-bottom-spacer{height:350px;width:100%;display:block}}.mastery-bottom-spacer{height:400px;width:100%;display:block}@media(max-width:400px){.mastery-bottom-spacer{height:100px;width:100%;display:block}}.combined-mastery-container{width:100%;height:100%;display:flex;flex-direction:column}.mastery-mode-toggle{display:flex;gap:0;margin:10px auto 4px;max-width:600px;border:2px solid var(--primary-color);border-radius:8px;overflow:hidden;background-color:var(--background-color)}.mastery-mode-toggle-btn{flex:1;padding:12px 24px;border:none;background-color:var(--background-color);color:var(--text-color);cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;white-space:nowrap;min-width:120px;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none!important}.mastery-mode-toggle-btn:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important;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;overflow-y:auto}.mastery{margin-top:2px;margin-bottom:2px;text-align:center;box-sizing:border-box;min-height:calc(100vh - 4px);width:calc(100% - 2px);padding-left:10px;padding-right:10px}.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);max-width:100%;width:100%;padding:10px;font-size:16px;margin:10px 0}.dropdown{max-width:600px;margin:0 auto;width:100%}.mastery-tile-container{margin:0 auto 10px;padding:6px 10px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:590px;width:100%;box-sizing:border-box;gap:8px}.mastery-courses-box{border:none;border-radius:8px;margin:0 auto;padding-left:4px;padding-right:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;width:100%;box-sizing:border-box}.mastery-tiles-block{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin-bottom:0;width:100%}.mastery-tiles-block .mastery-tile{flex-direction:row;justify-content:space-between;align-items:center;padding:6px 10px;margin:0;min-width:0;width:calc(50% - 3px);max-width:none;box-sizing:border-box;gap:6px}.mastery-tiles-block .mastery-tile-header{font-size:.85em;flex:1;min-width:0;margin-bottom:0;word-break:break-word}@media(max-width:480px){.mastery-tiles-block .mastery-tile{width:100%}}.mastery-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin:0 auto 8px;background:var(--content-background-color);box-shadow:none;min-width:90px;width:95%;max-width:250px;font-size:.98em;text-align:left;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012}@media(max-width:376px){.mastery-tile{max-width:100%}}.mastery-tile-header{font-size:1.2em;font-weight:500;font-family:var(--header-font-family);margin-bottom:2px;color:var(--content-font-color)}.mastery-tile-data{font-size:1.2em;color:var(--content-font-color)}.mastery-grade-tile{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--primary-color)}.mastery-grade-tile-header{font-size:1.3em;font-weight:700;margin-bottom:10px;color:var(--primary-color);display:flex;align-items:center;justify-content:center;padding-top:.6em}.mastery-grade{color:#fff;background-color:var(--primary-color);padding:.2em;font-size:1.5em}.mastery-grade-tile-data{font-size:1em;font-weight:700;color:var(--tile-text-color);margin-top:5px}.advanced-mastery-coming-soon{padding:0 20px;max-width:1200px;margin:0 auto}.coming-soon-hero{position:relative;text-align:center;margin-bottom:40px;padding:40px 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.coming-soon-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.coming-soon-image{width:120px!important;height:120px!important;margin:0 auto 20px!important;border-radius:50%;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0003;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.coming-soon-overlay{position:relative;z-index:2}.coming-soon-title{color:#fff;font-size:3rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:-1px}.coming-soon-subtitle{color:#ffffffe6;font-size:1.5rem;font-weight:300;margin:0;text-transform:uppercase;letter-spacing:3px;animation:pulse 2s ease-in-out infinite}@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{color:var(--primary-color);font-size:2.5rem;font-weight:600;margin:0 0 15px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-description p{color:var(--text-color);font-size:1.3rem;line-height:1.6;margin:0;opacity:.8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:50px}.feature-card{background:var(--input-background-color);border-radius:15px;padding:30px 20px;text-align:center;transition:all .3s ease;border:2px solid rgba(0,0,0,.1);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026;border-color:var(--primary-color)}.feature-icon{font-size:3rem;margin-bottom:15px;display:block;filter:grayscale(.3);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-radius:15px;padding:30px;border:1px solid rgba(255,255,255,.2)}.coming-soon-cta p{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 3px rgba(255,255,255,.5)}@media(max-width:768px){.mastery-mode-toggle-btn{padding:10px 16px;font-size:14px}.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{grid-template-columns:1fr;gap:20px}.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{padding:30px 0;margin-bottom:30px}.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;border-color:initial!important;opacity:initial!important;transform:none!important;box-shadow:initial!important}.mastery-mode-toggle-btn.active:hover{background-color:var(--primary-color)!important;color:var(--background-color)!important;border-color:initial!important;opacity:initial!important;transform:none!important;box-shadow:initial!important}.mastery-topic-card:hover,.course-item:hover,.mastery-progress-button:hover{border-color:initial!important;opacity:initial!important;transform:none!important;box-shadow:initial!important}}.advanced-mastery-premium-gate{width:100%;max-width:800px;margin:0 auto;padding:0 20px;box-sizing:border-box}.premium-gate-hero{position:relative;width:100%;max-width:600px;margin:0 auto 30px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000026;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color, #667eea) 100%);padding:40px 0}.premium-gate-image{width:150px;height:150px;object-fit:cover;border-radius:50%;display:block;margin:0 auto;border:4px solid rgba(255,255,255,.3)}.premium-gate-overlay{text-align:center;margin-top:20px}.premium-gate-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.premium-gate-subtitle{color:#fffffff2;font-size:1.5rem;margin-top:10px;font-weight:600}.premium-gate-content{padding:20px 0}.premium-gate-description{text-align:center;margin-bottom:30px}.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{width:100%;max-width:800px;margin:0 auto;padding:0 20px;box-sizing:border-box}.advanced-mastery-courses-box{width:100%;max-width:600px;margin:0 auto}.advanced-mastery-course-section{margin-bottom:16px;border-radius:12px;overflow:hidden;border:2px solid var(--border-color);background-color:var(--content-background-color);box-shadow:0 2px 8px #00000012}.advanced-mastery-course-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease}.advanced-mastery-course-header:hover{background-color:var(--hover-background-color, rgba(0, 0, 0, .02))}.advanced-mastery-course-info{flex:1;min-width:0}.advanced-mastery-course-name{font-size:16px;font-weight:600;color:var(--color-primary-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-mastery-course-school{font-size:14px;color:var(--color-secondary-text);display:block;margin-top:2px}.advanced-mastery-expand-icon{font-size:10px;color:var(--color-secondary-text);margin-left:10px}.advanced-mastery-course-content{padding:0 20px 20px;border-top:1px solid var(--border-color)}.advanced-mastery-section{margin-top:15px}.advanced-mastery-section-title{font-size:14px;font-weight:600;color:var(--color-secondary-text);margin:0 0 12px;display:flex;align-items:center;gap:8px}.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-radius:12px;border:1px solid var(--border-color);overflow:hidden}.advanced-mastery-topic-item{display:flex;align-items:center;gap:12px;padding:12px 15px}.advanced-mastery-topic-cards{padding:0 15px 15px;border-top:1px solid var(--border-color);margin-top:0}.advanced-mastery-topic-cards-header{font-size:12px;font-weight:600;color:var(--color-secondary-text);padding:10px 0;display:flex;align-items:center;gap:6px}.advanced-mastery-topic-cards-header:hover{color:var(--color-primary-text)}.advanced-mastery-topic-cards-expand-icon{margin-left:auto;font-size:10px}.advanced-mastery-topic-cards-header .advanced-mastery-section-icon{font-size:12px}.advanced-mastery-topic-rank{font-size:14px;font-weight:700;color:var(--primary-color);min-width:28px}.advanced-mastery-topic-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.advanced-mastery-topic-name{font-size:14px;font-weight:500;color:var(--content-font-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-mastery-topic-mastery{font-size:12px;color:var(--content-font-color)}.advanced-mastery-topic-mastery-bar{width:60px;height:6px;background-color:var(--border-color);border-radius:3px;overflow:hidden}.advanced-mastery-topic-mastery-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:3px;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{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.advanced-mastery-card-rank{font-size:13px;font-weight:700;color:#ff6b6b;min-width:24px;padding-top:2px}.advanced-mastery-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.advanced-mastery-card-question-text{font-size:13px;font-weight:500;color:var(--color-primary-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.advanced-mastery-card-topic{font-size:12px;color:var(--color-secondary-text)}.advanced-mastery-card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.advanced-mastery-card-failure-rate{font-size:13px;font-weight:600;color:#ff6b6b}.advanced-mastery-card-attempts{font-size:11px;color:var(--color-secondary-text)}.advanced-mastery-empty,.advanced-mastery-empty-state{text-align:center;padding:30px 20px;color:var(--color-secondary-text)}.advanced-mastery-empty p,.advanced-mastery-empty-state p{margin:0;font-size:14px}.advanced-mastery-card-item-full{background-color:var(--background-color);border-radius:12px;border:1px solid var(--border-color);padding:15px;margin-bottom:12px}.advanced-mastery-upgrade-button{display:block;margin:30px auto 0;padding:16px 48px;font-size:1.1em;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:2px solid var(--primary-color);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.advanced-mastery-upgrade-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.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%{box-shadow:0 4px 12px #00000026;border-color:var(--primary-color)}25%{box-shadow:0 0 8px 2px var(--primary-color),0 4px 12px #00000026;border-color:var(--primary-color)}50%{box-shadow:0 0 12px 3px var(--primary-color),0 4px 12px #00000026;border-color:var(--primary-color)}75%{box-shadow:0 0 8px 2px var(--primary-color),0 4px 12px #00000026;border-color:var(--primary-color)}to{box-shadow:0 4px 12px #00000026;border-color:var(--primary-color)}}.advanced-mastery-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.advanced-mastery-card-header .advanced-mastery-card-rank{font-size:14px;font-weight:700;color:#ff6b6b;min-width:auto;padding-top:0}.advanced-mastery-card-topic-badge{font-size:12px;color:var(--color-secondary-text);background-color:var(--content-background-color);padding:4px 10px;border-radius:12px;border:1px solid var(--border-color)}.advanced-mastery-card-question{font-size:15px;color:var(--color-primary-text);line-height:1.5;margin-bottom:12px}.advanced-mastery-card-question p{margin:0}.advanced-mastery-card-stats-inline{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12px}.advanced-mastery-card-stats-inline .advanced-mastery-card-failure-rate{color:#ff6b6b;font-weight:600}.advanced-mastery-card-stats-inline .advanced-mastery-card-attempts{color:var(--color-secondary-text)}.advanced-mastery-card-stats{font-size:14px;color:var(--color-secondary-text);margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color)}@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-topic-item,.advanced-mastery-card-item{padding:10px 12px}.topic-mastery-bar{width:50px}.advanced-mastery-card-item-full{padding:12px}}.study-home-container{display:flex;flex-direction:column;align-items:center;padding:10px 20px;gap:10px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.study-home-form{margin-top:8px;background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:0 32px 32px;max-width:800px;width:100%;box-shadow:0 4px 12px #0000001a;text-align:center;box-sizing:border-box;overflow:hidden}.study-mode-tabs{display:flex;margin:0 -32px 20px}.study-mode-tab{flex:1;padding:14px 24px;border:none;background:transparent;color:var(--color-secondary-text, #888);font-size:1rem;font-weight:600;cursor:pointer;transition:color .15s ease,border-bottom .15s ease;border-bottom:3px solid color-mix(in srgb,var(--color-secondary-text, #888) 50%,transparent);margin-bottom:-2px}.study-mode-tab:hover{color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.study-mode-tab.active{color:var(--primary-color);border-bottom:3px solid var(--primary-color);background:transparent}.study-home-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:center}.study-home-header h2{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.study-home-icon{width:48px;height:48px;opacity:.8}.study-home-content p{color:var(--text-color);margin-bottom:24px;font-size:.8em}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;color:var(--text-color);font-weight:600;margin-bottom:8px;font-size:.8em}.form-select{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--border-color);border-radius:var(--button-border-radius);background-color:var(--input-background);color:var(--text-color);appearance:none;background-image:url("data:image/svg+xml,%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;transition:border-color .2s,box-shadow .2s}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-select:disabled{background-color:var(--disabled-background);color:var(--disabled-text);cursor:not-allowed;opacity:.6}.checkbox-group{display:flex;align-items:center;margin-bottom:0;padding:2px;cursor:pointer;min-height:44px;border-radius:4px;transition:background-color .2s ease}.checkbox-group:hover{background-color:var(--hover-background-color);color:var(--hover-color)}.form-checkbox{width:24px;height:24px;margin-right:12px;cursor:pointer;accent-color:var(--primary-color)}.form-checkbox:hover{accent-color:var(--hover-color)}.checkbox-label{display:flex;align-items:center;color:var(--text-color);font-weight:600;font-size:16px;cursor:pointer;margin:0!important;line-height:2.4;flex:1}.brain-game-dropdown{position:relative;width:100%}.brain-game-dropdown-trigger{width:100%;padding:12px 36px 12px 16px;font-size:16px;border:2px solid var(--border-color);border-radius:var(--button-border-radius);background-color:var(--input-background);color:var(--text-color);cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.brain-game-dropdown-trigger:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.brain-game-dropdown-arrow{margin-left:auto;font-size:12px;color:var(--secondary-text-color);flex-shrink:0}.brain-game-dropdown-list{background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--button-border-radius);list-style:none;margin:0;padding:4px 0;z-index:1000;box-shadow:0 4px 12px #00000026;max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.brain-game-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;font-size:15px;color:var(--text-color);transition:background-color .15s}.brain-game-dropdown-item:hover:not(.locked){background-color:var(--hover-background-color)}.brain-game-dropdown-item.selected{background-color:rgba(var(--primary-color-rgb),.1);font-weight:600}.brain-game-dropdown-item.locked{opacity:.5;cursor:not-allowed}.brain-game-free-week-tag{color:#2e7d32;font-weight:600}.brain-game-option-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.start-studying-button{width:100%;padding:16px 24px;font-size:1em;font-weight:700;color:var(--button-text-color);background:var(--primary-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin:16px auto 0;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);max-width:200px}.start-studying-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4);background-color:var(--hover-color)!important;color:var(--hover-text-color)!important}.start-studying-button:active:not(.disabled){transform:translateY(0)}.start-studying-button.disabled{background:var(--disabled-background);color:var(--disabled-text);cursor:not-allowed;box-shadow:none;opacity:.6}.button-icon{width:24px;height:24px}.study-progress-section{padding:0 24px 4px;margin-bottom:0;margin-top:0;max-width:800px;width:100%;box-sizing:border-box}.study-progress-header{display:flex;align-items:center;gap:6px;margin-bottom:18px;justify-content:center}.study-progress-header h3{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.share-icon-button{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:var(--button-border-radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.share-icon-button:hover{background-color:var(--hover-color)}.share-icon-small{width:18px;height:18px;margin-top:0;margin-left:0;padding-left:0}@media(min-width:600px){.share-icon-small{width:20px;height:20px;margin-top:4px}}.recent-activity-section{padding:0 24px;margin-bottom:0;margin-top:16px;max-width:800px;width:100%;box-sizing:border-box}.recent-activity-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;justify-content:center}.recent-activity-header--with-action{justify-content:space-between}.recent-activity-header h3{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.school-rankings-section{padding:4px 24px 0;margin-bottom:0;margin-top:0;max-width:800px;width:100%;box-sizing:border-box}.school-rankings-header{text-align:center;margin-bottom:20px}.reachout-header-button{font-size:1.2em;line-height:1;width:1.6em;height:1.6em;vertical-align:middle;margin-left:4px;flex-shrink:0}.reachout-pulse{animation:reachout-pulse 3s ease-in-out infinite}@keyframes reachout-pulse{0%,to{filter:drop-shadow(0 0 1px rgba(255,200,50,.7)) drop-shadow(0 0 1px rgba(255,150,0,.5))}50%{filter:drop-shadow(0 0 8px rgba(255,200,50,1)) drop-shadow(0 0 4px rgba(255,150,0,.9))}}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:20px}.ranking-preview-entry{display:flex;align-items:center;gap:16px;padding:15px 20px;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;cursor:pointer;transition:all .2s ease;min-height:60px}.ranking-preview-entry:hover{background-color:var(--hover-background-color, rgba(0,0,0,.02));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ranking-preview-entry.current-user{background-color:var(--hover-background-color, rgba(0,0,0,.02));border-color:var(--primary-color)}.ranking-preview-rank{font-size:24px;font-weight:700;color:var(--primary-color);min-width:48px;text-align:center}.ranking-preview-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ranking-preview-name{font-size:16px;font-weight:600;color:var(--content-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-preview-alias{font-size:14px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-preview-score{font-size:20px;font-weight:700;color:var(--primary-color);min-width:60px;text-align:right}.view-full-leaderboard-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;color:var(--button-text-color);background:var(--primary-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.view-full-leaderboard-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4);background-color:var(--hover-color);color:var(--hover-text-color)}.view-full-leaderboard-button:active{transform:translateY(0)}.friends-activity-section{padding:4px 24px 0;max-width:800px;width:100%;box-sizing:border-box;text-align:center}.friends-activity-header{text-align:center;margin-bottom:16px}.friends-activity-header h3{color:var(--content-header-color);font-size:1.2em;font-weight:700;margin:0}.friends-activity-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.friend-activity-entry{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;color:var(--content-font-color);transition:all .2s ease}.friend-activity-entry:hover{background-color:var(--hover-background-color, rgba(0, 0, 0, .02));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.friend-activity-entry-body{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:4px;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.friend-activity-nudge-button{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:4px;font-size:1.2em;border-radius:var(--button-border-radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.friend-activity-nudge-button:hover:not(:disabled){background-color:var(--hover-color)}.friend-activity-nudge-button:disabled{cursor:default}.friend-activity-nudge-banner{text-align:center;background:var(--primary-color);color:var(--button-text-color, #fff);padding:8px 14px;border-radius:8px;margin:0 0 10px;font-weight:600;font-size:.95em}.friend-activity-nudge-error{text-align:center;color:var(--content-font-color);background:var(--input-background-color);border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;margin:0 0 10px;font-size:.9em;font-style:italic}.friend-activity-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:var(--button-text-color, #fff);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.friend-activity-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-activity-name{font-weight:600;color:var(--content-font-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-activity-alias{font-size:.85em;color:var(--content-font-color);opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-activity-status{font-size:.85em;flex-shrink:0}.friend-activity-status-studied-today{color:var(--primary-color);font-weight:600}.friend-activity-status-active-today{color:var(--primary-color);opacity:.85}.friend-activity-status-studied-this-week{color:var(--content-font-color);font-weight:600;opacity:.85}.friend-activity-status-active-this-week{color:var(--content-font-color);opacity:.7}.view-all-friends-button{background:transparent;border:1px solid var(--border-color);border-radius:var(--button-border-radius, 6px);padding:8px 16px;color:var(--content-font-color);cursor:pointer;margin-bottom:16px;font-size:.9em}.view-all-friends-button:hover{background-color:var(--hover-background-color, rgba(0, 0, 0, .02))}.study-stats-section{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:24px;margin-bottom:24px;max-width:800px;width:100%;box-shadow:0 4px 12px #0000001a;box-sizing:border-box}.study-stats-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;justify-content:center}.study-stats-header h3{color:var(--primary-color);font-size:1.2em;font-weight:700;margin:0}.stats-icon{width:32px;height:32px;opacity:.8}.stats-grid{display:flex;gap:10px;padding-left:4px;padding-right:4px;max-width:600px;width:100%;box-sizing:border-box;margin:0 auto}.stat-card{background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;padding:15px 20px;text-align:center;flex:1;box-shadow:0 2px 8px #00000012;min-height:60px;display:flex;flex-direction:column;justify-content:center;position:relative;cursor:pointer;transition:all .2s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.stat-number{font-size:24px;font-weight:700;color:var(--color-primary-text, var(--primary-color));margin-bottom:5px}.stat-label{font-size:12px;color:var(--color-secondary-text, var(--text-color));font-weight:500}.course-activity-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;width:100%;box-sizing:border-box;justify-items:center}.course-activity-item{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:15px 20px;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;transition:all .2s ease;position:relative;width:100%;max-width:400px;box-sizing:border-box;min-width:0}.course-activity-item:hover{background-color:var(--hover-background-color, rgba(0,0,0,.02));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.course-info{flex:1;text-align:center;margin-right:15px;min-width:0;overflow:hidden}.course-name{font-size:16px;font-weight:600;color:var(--color-primary-text, var(--content-font-color));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;max-width:100%;width:100%}.course-stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.activity-badge{background:var(--primary-color);color:var(--button-text-color);padding:3px 10px;border-radius:12px;font-size:.75em;font-weight:500}.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){.study-home-form,.study-progress-section,.recent-activity-section,.study-stats-section,.school-rankings-section,.friends-activity-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{padding:2px 16px 20px;min-height:auto;gap:4px}.study-home-form,.study-progress-section,.study-stats-section,.school-rankings-section,.friends-activity-section{max-width:calc(100vw - 32px);padding:8px 16px 16px}.school-rankings-section,.friends-activity-section{padding-bottom:0}.recent-activity-section{max-width:calc(100vw - 32px);padding:0 16px;margin-top:16px;margin-bottom:0}.study-progress-section,.study-stats-section{max-width:calc(100vw - 32px);padding-bottom:2px;margin-bottom:0;padding-top:0;margin-top:0}.study-home-header h2{font-size:1.2em}.form-select{padding:10px 12px;font-size:14px}.start-studying-button{padding:14px 20px;font-size:1em;max-width:200px}.stats-grid{flex-direction:row;gap:6px;padding-left:2px;padding-right:2px}.stat-number{font-size:20px}.stat-card{padding:12px 16px;min-height:50px}.stat-card{padding:8px}.study-stats-header h3{font-size:1.2em}.course-activity-list{grid-template-columns:1fr;gap:8px}.course-stats{flex-direction:row;align-items:center;justify-content:center}.course-activity-item{flex-direction:column;align-items:center;text-align:center;min-height:auto;padding:12px 16px}.course-info{margin-right:0;margin-bottom:8px;width:100%;text-align:center;overflow:hidden}.course-name{font-size:14px;margin-bottom:6px;max-width:100%}.checkbox-group{min-height:48px;padding:4px}.form-checkbox{width:24px;height: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{grid-template-columns:1fr;gap:10px}.ranking-preview-entry{padding:14px;gap:12px}.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{padding:14px 24px;font-size:14px;gap:8px}}.no-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;font-size:24px;margin:0 4px;padding:20px 0;color:var(--text-color)}.reachout-tile{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:16px 6px;margin-top:12px;margin-bottom:8px;max-width:800px;width:100%;box-sizing:border-box;text-align:center;box-shadow:0 2px 8px #00000012}.reachout-tile-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.reachout-tile-icon{font-size:1.2em;line-height:1}.reachout-tile-title{font-size:1.1em;font-weight:700;color:var(--content-header-color)}.reachout-tile-body{font-size:.9em;color:var(--secondary-text-color);margin:0 0 14px;line-height:1.5}.reachout-container{display:flex;flex-direction:column;align-items:center;margin-top:14px}.reachout-button{background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);padding:10px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.reachout-button:hover{background-color:var(--hover-color);color:var(--hover-text-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000002e}.reachout-button-disabled{opacity:.6;cursor:default;background-color:var(--secondary-text-color)}.reachout-button-disabled:hover{transform:none;box-shadow:none;background-color:var(--secondary-text-color);color:var(--button-text-color)}.reachout-dialog{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;padding:16px 20px;margin-top:4px;max-width:280px;width:100%;box-shadow:0 2px 10px #0000001f;text-align:center}.reachout-dialog-text{font-size:.9em;color:var(--content-text-color);margin:0 0 12px;line-height:1.5}.reachout-dialog-subtext{font-size:.85em;color:var(--secondary-text-color);font-style:italic}.reachout-dialog-actions{display:flex;gap:10px;justify-content:center}.reachout-dialog-cancel{background:transparent;border:1px solid var(--border-color);border-radius:var(--button-border-radius);padding:8px 16px;font-size:14px;cursor:pointer;color:var(--content-text-color);transition:background-color .2s ease}.reachout-dialog-cancel:hover{background-color:var(--hover-background-color)}.reachout-dialog-send{background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reachout-dialog-send:hover:not(:disabled){background-color:var(--hover-color);color:var(--hover-text-color)}.reachout-dialog-send:disabled,.reachout-dialog-cancel:disabled{opacity:.6;cursor:default}.reachout-success{font-size:.9em;color:var(--content-text-color);margin-top:4px;font-weight:600}.scholars-promo-tile{position:relative;background:var(--content-background-color);border:2px solid var(--primary-color);border-radius:var(--card-border-radius);padding:18px 20px;margin-top:4px;margin-bottom:16px;max-width:800px;width:100%;box-sizing:border-box;box-shadow:0 4px 14px #0000001a}.scholars-promo-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;padding:0 28px}.scholars-promo-icon{font-size:1.3em;line-height:1}.scholars-promo-title{font-size:1em;font-weight:700;color:var(--content-header-color)}.scholars-promo-body{font-size:.8em;color:var(--content-text-color);margin:0 0 10px;line-height:1.25}.scholars-promo-body:last-of-type{margin-bottom:14px}.scholars-promo-deadline{font-size:.85em;color:var(--secondary-text-color);margin:0 0 14px;font-style:italic}.scholars-promo-learn-more{font-size:.8em;margin:14px 0 16px;text-align:center}.scholars-promo-link{color:var(--primary-color);cursor:pointer;text-decoration:underline}.scholars-promo-cta{background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);padding:10px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.scholars-promo-cta:hover{background-color:var(--hover-color);color:var(--hover-text-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000002e}.scholars-promo-dismiss{position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.4em;line-height:1;cursor:pointer;padding:2px 6px;color:var(--secondary-text-color);opacity:.6}.scholars-promo-dismiss:hover{opacity:1}.view-cards-container{width:calc(100% - 2px);max-height:calc(100% - 2px);display:flex;flex-direction:column;margin-top:10px}.view-cards-main{display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden}.cards-list{display:flex;flex-wrap:wrap;gap:10px}.card-item{background-color:var(--content-background-color);color:var(--content-font-color);font-family:var(--content-font-family);border:2px solid var(--content-border-color);border-radius:var(--container-border-radius);padding:10px;box-sizing:border-box;width:90%;margin-bottom:10px;max-width:800px}.card-buttons button:hover,.card-buttons button:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.card-buttons button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.card-item p{margin:5px 0}.card-buttons{display:flex;justify-content:space-between;margin-top:10px}.card-buttons button{font-size:16px;padding:10px 15px;border:none;border-radius:var(--button-border-radius);cursor:pointer;background-color:var(--content-background-color)}.card-button-admin{padding:5px 10px;border-radius:var(--button-border-radius);cursor:pointer;background-color:var(--primary-color)!important;color:var(--button-text-color);border:none}.card-buttons-small{display:flex;justify-content:space-between;margin-top:0}.card-buttons-small button{padding:5px 10px;border:none;border-radius:var(--button-border-radius);cursor:pointer;background-color:var(--content-background-color)}.card-buttons-small button:hover,.card-buttons-small button:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.card-buttons-small button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.delete-card-confirmation-dialog{border:2px solid var(--border-color);border-radius:var(--container-border-radius);background-color:var(--popup-background-color);padding:20px;font-family:var(--content-font-family);font-size:18px;margin:10px auto;color:var(--text-color);display:flex;flex-direction:column;align-items:center;max-width:min(500px,calc(100vw - 40px));width:fit-content;min-width:280px;box-sizing:border-box;align-self:center}@media(max-width:768px){.delete-card-confirmation-dialog{padding:15px;margin:5px auto;font-size:16px;max-width:calc(100vw - 20px);min-width:unset;width:auto}.delete-card-confirmation-dialog select{font-size:16px!important;padding:10px!important}.delete-card-confirmation-dialog button{font-size:14px;padding:8px 12px;margin:5px;min-width:80px}}.delete-card-confirmation-dialog button{font-size:16px;padding:10px 15px;margin:10px;border:none;border-radius:var(--button-border-radius);cursor:pointer}.view-cards-message{font-size:16px;color:var(--button-text-color);background-color:var(--primary-color);font-family:var(--button-font-family);padding:10px;border-radius:var(--container-border-radius);margin-top:10px;margin-right:4px;text-align:center;width:90%;max-width:800px;align-self:center}.view-cards-error{font-size:16px;color:var(--button-text-color);background-color:var(--error-color);font-family:var(--button-font-family);padding:10px;border-radius:var(--container-border-radius);margin-top:10px;margin-right:4px;text-align:center;width:90%;max-width:800px;align-self:center}.show-answer-button-container{text-align:center;margin-bottom:15px}.show-answer-button{padding:8px 16px;font-size:12px;border:1px solid var(--content-border-color);border-radius:4px;cursor:pointer;font-family:var(--content-font-family);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);color:var(--hover-text-color);box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.show-answer-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.card-answer-content{margin-top:10px}.report-card-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.report-card-dialog{display:flex;flex-direction:column;padding:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid var(--content-border-color);border-radius:8px;background-color:var(--input-background-color);box-shadow:0 4px 20px #0000004d}.report-card-dialog h3{margin-top:0;margin-bottom:15px}.report-card-form-group{margin-bottom:15px}.report-card-label{display:block;margin-bottom:5px;font-weight:700}.report-card-select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--content-border-color);background-color:var(--input-background-color);color:var(--content-font-color)}.report-card-textarea{width:100%;height:80px;padding:8px;border-radius:4px;border:1px solid var(--content-border-color);background-color:var(--input-background-color);color:var(--content-font-color);resize:vertical;box-sizing:border-box}.report-card-char-counter{font-size:12px;color:var(--muted-text-color);margin-top:5px}.report-card-buttons{display:flex;gap:10px;justify-content:flex-end}.report-card-button-cancel{padding:8px 16px;border-radius:4px;border:1px solid var(--content-border-color);background-color:transparent;color:var(--content-font-color);cursor:pointer}.report-card-button-submit{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}.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: .6s}.flip-card{perspective:1000px}.flip-card-inner{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;margin-top:12px;width:90vw;height:70vh;max-height:var(--available-height);max-width:1000px;margin-left:2px;margin-right:2px;cursor:pointer;transform-style:preserve-3d;transition:transform var(--flip-transition-time) ease-in-out;-webkit-transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}.flipping-full-view-card{border-radius:var(--card-border-radius);background-color:var(--content-background-color)}.flipping-full-view-card.flipped{background-color:var(--input-background-color)}.flipping-full-view-card .flip-card-front,.flipping-full-view-card .flip-card-back{border:none}.flip-card-front,.flip-card-back{grid-column:1;grid-row:1;background-color:var(--content-background-color);color:var(--content-font-color);border-radius:var(--card-border-radius);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);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{font-size:.8em;color:var(--content-header-color);display:flex;justify-content:center;align-items:center;margin-top:10px;padding:0 15px;box-sizing:border-box}.flip-card-front-question{display:flex;overflow:wrap;align-items:center;flex-direction:column;justify-content:center;font-size:1.5em;font-family:var(--content-font-family);margin-bottom:0;flex:1;padding:20px;box-sizing:border-box}.flip-card-front-question.has-newlines{align-items:flex-start;text-align:left;width:100%;padding:20px;box-sizing:border-box;justify-content:center}.flip-card-answer{display:flex;overflow:wrap;align-items:center;flex-direction:column;justify-content:center;font-size:1.5em;font-family:var(--content-font-family);margin-bottom:0;flex:1;padding:20px 15px;box-sizing:border-box}.flip-card-answer.has-newlines{align-items:flex-start;text-align:left;width:100%;padding:20px;box-sizing:border-box;justify-content:center}.flip-card.full-view .flip-card-inner{transition:transform 0s ease-in-out;max-width:max-content}.flip-card-inner.flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg) translateZ(0)}.flip-card-icon{width:15px;height:15px}.flip-button-expand{background-color:var(--content-background-color);color:var(--content-font-color);border:1px solid var(--content-font-color);border-radius:5px;cursor:pointer;margin:2px;margin-bottom:5vh;height:30px}.button-details{background-color:var(--content-background-color);color:var(--button-text-color);border:none;margin-top:4px;border-radius:5px;cursor:pointer;width:30px;height:30px}.flip-card-back .button-details,.flip-card-back .flip-button-expand,.flip-card-back .flip-button-control{background-color:var(--input-background-color)}.button-details:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.flip-button-expand:hover{background-color:var(--hover-color)}.flip-button-explain{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, var(--primary-color)));color:var(--button-text-color, #fff);border:none;border-radius:999px;cursor:pointer;margin:2px;margin-bottom:5vh;height:30px;padding:0 14px;font-size:.9rem;font-weight:600;letter-spacing:.2px;box-shadow:0 2px 6px #00000026;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.flip-button-explain:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003;opacity:.95}.flip-button-explain:active{transform:translateY(0);box-shadow:0 1px 3px #00000026}.flip-button-explain .explain-button-icon{font-size:1rem;line-height:1;display:inline-block;animation:explain-icon-pulse 2.5s ease-in-out infinite}.flip-card-footer{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box}.flip-card-footer>.tooltip-container:has(.flip-button-explain){width:100%;display:flex;justify-content:center}.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-front:has(.flip-hide-mobile-controls),.flip-card-back: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-front:has(.flip-hide-mobile-controls),.flip-card-back:has(.flip-hide-mobile-controls){padding-bottom:0}}.flip-button-control{background-color:var(--content-background-color);color:var(--button-text-color);border:none;border-radius:45%;cursor:pointer;width:50px;height:50px;margin-left:10%;margin-right:10%}.flip-button-control:disabled{background-color:var(--disabled-color);cursor:not-allowed}.flip-icon-control{width:30px;height:30px}.flip-button-control:not(:disabled):hover{background-color:var(--hover-color);color:var(--hover-text-color)}.instruction-image{width:100px;height:100px;margin-top:5px;margin-bottom:5px}@media(min-width:600px){.instruction-image{width:120px;height: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{width:150px;height:150px}.instruction-header.arrow-right{right:80%!important;top:2%!important}.instruction-header.arrow-left{left:80%!important;top:2%!important}}.instruction-header{padding:2px;border-radius:5px;color:#000;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.instruction-header.arrow-right{position:absolute;right:70%;top:2%;color:var(--study-tile-right-color);transform:rotate(-15deg)}.instruction-header.arrow-left{position:absolute;left:70%;top:2%;color:#daa520;transform:rotate(15deg)}.instruction-header span{font-weight:600;color:inherit;background-color:var(--content-background-color);padding:4px 8px;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0003}.flip-card-front{position:relative;transition:all .3s ease}.flip-card-front.blurred:before{content:"";position:absolute;inset:0;background-color:#0000000d;border-radius:inherit;z-index:1;pointer-events:none}.flipping-card-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}@supports (-webkit-touch-callout: none){.flip-card{-webkit-transform:translateZ(0);transform:translateZ(0)}.flip-card-inner{-webkit-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.flip-card-front,.flip-card-back{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.flip-card-back{-webkit-transform:rotateY(180deg) translateZ(0)!important;transform:rotateY(180deg) translateZ(0)!important}}.card-container{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.no-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:24px;margin:0 4px;padding:0;color:var(--text-color)}.filter-label{margin-top:0;font-size:1.2em;transition:opacity .2s ease}.button-tooltip:hover~* .filter-label,.button-tooltip.tooltip-active~* .filter-label,.card-container:has(.button-tooltip:hover) .filter-label,.card-container:has(.button-tooltip.tooltip-active) .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{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90%;margin:0;padding:0;position:relative}.card-stack{position:relative;display:flex;align-items:center;justify-content:center;padding:30px}.card-stack-layer-1{z-index:1;transform:translateY(10px) translate(-8px) scale(.97) rotate(-1.5deg);opacity:.75}.card-stack-layer-2{z-index:2;transform:translateY(20px) translate(-16px) scale(.94) rotate(-3deg);opacity:.55}.card-stack-layer-3{z-index:3;transform:translateY(30px) translate(-24px) scale(.91) rotate(-4.5deg);opacity:.35}.card-stack-top{position:relative;z-index:10;transform:translateY(0) translate(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));opacity:1!important}.card-stack-top *,.card-stack-top .flip-card,.card-stack-top .flip-card-inner,.card-stack-top .flip-card-front,.card-stack-top .flip-card-back,.card-stack-top .answer-card,.card-stack-top .answer-card-inner,.card-stack-top .answer-card-front,.card-stack-top .react-draggable{opacity:1!important}.card-stack-top.react-draggable-dragging,.card-stack-top .react-draggable-dragging,.card-stack-top .flip-card.react-draggable-dragging,.card-stack-top .answer-card.react-draggable-dragging{opacity:.9!important}.no-cards-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--content-font-family);font-size:18px;margin:10px;color:var(--content-text-color)}.welcome-link{background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);font-weight:700;font-size:18px;font-family:var(--content-font-family);text-decoration:none;margin:4px 0;padding:10px 24px;display:inline-block;text-align:center;cursor:pointer;box-shadow:0 2px 4px #00000026;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;outline:none}.welcome-link:hover,.welcome-link:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.welcome-link:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.card-container-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--text-color);box-sizing:border-box;width:calc(100% - 2px)}.card-container-main{background-color:var(--background-color);flex:1;display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);color:var(--text-color);box-sizing:border-box;width:100%;overflow-y:auto;overflow-x:hidden}.card-container-config{text-align:center;height:calc(100% - 4px);display:flex;flex-direction:column;margin:0 10px;width:calc(100% - 20px);max-width:600px}.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{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 20px;width:calc(100% - 2px);max-width:800px;background-color:var(--background-color);position:relative}.buttons-left{display:flex;gap:20px;margin-left:10%}.buttons-center{display:flex;gap:4px;position:absolute;left:50%;transform:translate(-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-left,.buttons-right,.buttons-center{gap:15px}}@media(min-width:768px){.buttons-header{padding:8px 20px;margin-bottom:8px;margin-top:4px}.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 white;padding:10px;width:calc(80% - 4px);margin:20px}.filter-box{margin:10px 0;border-color:var(--border-color);border:2px solid var(--border-color);padding:10px;border-radius:5px;font-size:.7em}.tiles-header{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px;margin-bottom:2px;padding:2px 20px;width:calc(100% - 2px);color:var(--primary-color)}.tile{display:flex;flex-direction:column;align-items:center;padding:8px;margin:2px;border:1px solid var(--border-color);border-radius:20px;background-color:var(--background-color);color:var(--primary-color);box-shadow:0 2px 4px #0000001a;font-size:16px;text-align:center;font-family:var(--font-family);min-width:75px;justify-content:center;cursor:pointer}.tile-left{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-10px;padding-left:18px;box-shadow:0 2px 4px #0000001a,-5px 0 10px #0000000d;position:relative;border-color:#daa520;color:#daa520;background-color:var(--study-tile-left-background)}.tile-left:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary-color);opacity:.3}.tile-right{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-10px;padding-right:18px;box-shadow:0 2px 4px #0000001a,5px 0 10px #0000000d;position:relative;border-color:var(--study-tile-right-color);color:var(--study-tile-right-color);background-color:var(--study-tile-right-background)}.tile-right:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background-color:var(--primary-color);opacity:.3}.tile-middle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 8px 0;margin:2px 2px 0;border-radius:20px;color:var(--primary-color);font-size:16px;text-align:center;font-family:var(--font-family);min-width:75px;cursor:pointer}@media(min-width:600px){.tile-header{font-size:1.4em;font-weight:700;align-items:center}}.tile-header{font-size:1.1em;font-weight:700;align-items:center}.tile-back{color:var(--primary-color)}.tile-data{font-size:14px;color:var(--primary-color);font-weight:700}@media(hover:hover){.tile:hover{background-color:var(--hover-color)}}@media(hover:hover){.tile-left:hover{background-color:#edca73}}@media(hover:hover){.tile-right:hover{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{width:100%;padding:10px;font-size:18px;background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;margin-top:5px}.button-reset:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.button-save{width:100%;padding:10px;font-size:18px;background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;margin-top:5px}.button-save:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.button-practice{background-color:var(--primary-color);color:var(--button-text-color);border:none;padding:5px 10px;margin:5px;border-radius:var(--button-border-radius);font-size:10px;cursor:pointer}.home-icon{width:25px;height:25px;margin-top:0}@media(min-width:600px){.home-icon{width:30px;height:30px}}.icon-small{width:14px;height:14px;margin-top:0}.icon{width:25px;height:25px;margin-top:0}@media(min-width:600px){.icon{width:40px;height:40px;margin-top:4px}}@media(min-width:600px){.icon-small{width:16px;height:16px;margin-top:4px}}.back-icon{width:25px;height:25px;margin-top:0}.button-header{background-color:var(--background-color);color:var(--button-text-color);border:none;margin:2px 5px;border-radius:var(--button-border-radius);cursor:pointer;width:25px;height:25px;display:flex;align-items:center;justify-content:center;padding:18px}.button-back{background-color:var(--primary-color);color:var(--button-text-color);border:none;margin-top:4px;padding:4px;border-radius:var(--button-border-radius);cursor:pointer;width:100%;height:50px;width:50px;box-shadow:0 2px 4px #00000026;transition:transform .2s,box-shadow .2s;z-index:10}.practice-icon{width:35px;height:35px;margin-top:0}.button-practice{background-color:var(--primary-color);color:var(--button-text-color);border:none;margin-top:4px;padding:4px;border-radius:var(--button-border-radius);cursor:pointer;height:40px;width:40px;box-shadow:0 2px 4px #00000026;transition:transform .2s,box-shadow .2s}.button-practice:hover{background-color:var(--hover-color);color:var(--hover-text-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.button-header-admin{background-color:var(--secondary-color);color:var(--button-text-color);border:none;margin:5px;border-radius:var(--button-border-radius);font-size:10px;cursor:pointer;width:25px;height:25px;top:10px;left:10px}.button-header-home{background-color:var(--background-color);color:var(--button-text-color);border:none;margin:2px 4px;border-radius:var(--button-border-radius);cursor:pointer;min-width:55px;height:32px;display:flex;align-items:center;justify-content:center;padding:2px 4px;transition:all .3s ease;position:relative;overflow:hidden}@media(min-width:600px)and (max-width:768px){.button-header-home{padding:4px 8px}}@media(min-width:769px){.button-header-home{min-width:65px;height:36px;padding:2px 10px}.button-header-home .button-label{font-size:1em}}@media(min-width:1200px){.button-header-home{min-width:70px;height:38px;padding:2px 12px}.button-header-home .button-label{font-size:1em}.button-header-home .button-content{gap:6px}}.button-header-home .button-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.button-header-home .button-label{font-size:1.5em;font-weight:600;color:var(--primary-color);line-height:2;white-space:nowrap}.streak-preview-button{height:auto!important;padding-top:4px!important;padding-bottom:4px!important}.streak-primary-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.button-header-home:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.button-admin{background-color:var(--secondary-color);color:var(--button-text-color);border:none;padding:10px 20px;margin:5px;border-radius:var(--button-border-radius);font-size:12px;cursor:pointer}@media(hover:hover)and (min-width:769px){.button-header:hover{background-color:var(--hover-color);color:var(--hover-text-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.button-header-home:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000040;border-color:var(--secondary-color);background-color:var(--hover-color);color:var(--hover-text-color)}.button-header-home:hover:before{opacity:1}}@media(max-width:768px){.button-header:hover{background-color:var(--background-color)!important;transform:none!important;box-shadow:none!important}.button-header-home:hover{transform:none!important;box-shadow:0 3px 6px #00000026!important;border-color:var(--primary-color)!important;background-color:var(--background-color)!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{transform:translateY(-1px);box-shadow:0 2px 4px #0003;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]{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:var(--primary-color);outline:none;opacity:1;transition:opacity .2s}input[type=range]:hover{opacity:.7}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background:var(--secondary-color);cursor:pointer}.card-stack-background{position:absolute;background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--card-border-radius);width:90vw;height:70vh;max-width:800px;max-height:var(--available-height);margin-left:2px;margin-right:2px;pointer-events:none}.card-stack-placeholder{padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-placeholder-header{font-size:14px;color:var(--content-text-color);opacity:.7;text-align:center;margin-bottom:20px}.card-placeholder-content{flex:1;display:flex;align-items:center;justify-content:center}.card-placeholder-lines{width:100%;max-width:300px}.card-placeholder-line{height:12px;background-color:var(--content-border-color);margin-bottom:10px;border-radius:6px;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%{box-shadow:0 0 0 0 var(--color-accent-border, #e0e0e0);border-color:var(--color-accent-border, #e0e0e0)}25%{box-shadow:0 0 8px 2px var(--primary-color);border-color:var(--primary-color)}50%{box-shadow:0 0 12px 3px var(--primary-color);border-color:var(--primary-color)}75%{box-shadow:0 0 8px 2px var(--primary-color);border-color:var(--primary-color)}to{box-shadow:0 0 0 0 var(--color-accent-border, #e0e0e0);border-color: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}@keyframes streakToastSlideIn{0%{transform:translate(-50%,-12px)}to{transform:translate(-50%)}}@keyframes streakToastPopIn{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.streak-toast{position:fixed;top:16px;left:50%;z-index:1100;display:flex;align-items:center;gap:10px;background:var(--background-color);border:2px solid var(--primary-color);border-radius:14px;padding:10px 16px;box-shadow:0 8px 20px #00000040;opacity:1;animation:streakToastSlideIn .25s ease-out;pointer-events:none}.streak-toast-flame{width:28px;height:28px}.streak-toast-text{display:flex;flex-direction:column;line-height:1.25}.streak-toast-title{font-size:.85em;font-weight:600;color:var(--primary-color)}.streak-toast-counter{display:flex;align-items:center;gap:6px;font-size:1.1em;font-weight:700}.streak-toast-counter-from{color:var(--secondary-text-color)}.streak-toast-counter-arrow{color:var(--secondary-text-color);font-size:.9em}.streak-toast-counter-to{color:var(--primary-color);animation:streakToastPopIn .35s ease-out .2s both}.auto-generating-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.auto-generating-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--primary-color);border-top-color:transparent;border-radius:50%;animation:autoGenSpin .8s linear infinite;flex-shrink:0;margin-top:32px}@keyframes autoGenSpin{to{transform:rotate(360deg)}}.create-card-container{width:calc(100% - 8px);max-height:calc(100% - 4px);display:flex;flex-direction:column;margin-left:4px;margin-right:4px}.create-card{padding:0;margin:0;overflow-y:auto;display:flex;flex-direction:column}.create-card select{background-color:var(--input-background-color);font-family:var(--content-font-family);color:var(--content-font-color)}.create-card textarea{background-color:var(--input-background-color);font-family:var(--content-font-family);border-radius:var(--container-border-radius);color:var(--content-font-color)}.create-card h2{text-align:center;color:var(--text-color);font-size:1.5em;margin-bottom:5px;margin-top:2px}.create-card h3{text-align:center;color:var(--text-color);font-size:1.2em;margin-bottom:5px;margin-top:2px}.create-card button{font-size:1em;margin-bottom:10px;margin-top:5px;font-family:var(--button-font-family)}.create-card select{width:100%;padding:12px;margin:2px 0;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--container-border-radius)}@media(max-width:600px){.create-card select{padding:14px;font-size:16px}}.create-card-form .button-question{border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:1em;width:50px;margin:10px auto;display:block}.create-meta-box{display:flex;flex-direction:column;padding:4px;max-width:600px;margin:0 auto 10px}.create-card-form .form-group{margin-bottom:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.create-card-form .form-group label{display:block;margin:0 auto 2px;color:var(--text-color);font-size:.7em;max-width:600px}.create-card-form .form-group-checkbox{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:5px;margin-bottom:10px}.create-card-form .form-group-checkbox label{align-items:center;margin-left:10px;font-size:.7em}.create-card-form .form-group-checkbox input[type=checkbox]{width:auto;margin-right:5px;accent-color:var(--primary-color);transform:scale(1.5);margin-left:5px}.create-card-form .form-group input,.form-group select{width:100%;padding:8px;box-sizing:border-box;max-width:1200px}.create-card-form .choice-group{display:flex;align-items:center;margin-bottom:10px}.create-card-form .choice-group input[type=text]{flex:1;margin-right:10px}.create-card-form textarea{resize:vertical;min-height:50px;margin-top:10px;width:calc(100% - 10px)}.create-card-form button{width:100%;padding:10px;background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);cursor:pointer}.create-card-form button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}@media(max-width:600px){.create-card-form .choice-group{flex-direction:column;align-items:flex-start}.create-card-form .choice-group input[type=text],.create-card-form .choice-group label{margin-right:0;margin-bottom:5px}.create-card-form .choice-group button{width:100%}}.question-container .form-group:not(.question-group):not(.answer-group){align-items:stretch!important;width:100%!important;max-width:none!important}.upload-file-container{min-height:100vh;width:100vw;display:flex;align-items:center;flex-direction:column;margin-top:20px}.upload-file{max-width:600px;padding:20px;margin:0 5%;box-shadow:0 0 10px #0000001a;background-color:var(--input-background-color);border-radius:8px;align-items:center;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center}.upload-file>*{text-align:center}.upload-file-form{width:auto;align-self:center;display:flex;flex-direction:column;align-items:center}.upload-file-form .form-group,.upload-file-form .form-group input,.upload-file-form .form-group select{width:auto!important;margin-left:auto;margin-right:auto;text-align:center}.upload-file-form .form-group input,.upload-file-form .form-group select,.upload-file-form button,.upload-file-form .choice-group{width:auto!important;max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.upload-file-form .choice-group{display:flex;align-items:center;justify-content:center;width:auto!important}.upload-file-form .choice-group input[type=text]{flex:unset;width:auto!important}.cancel-button{width:calc(50% - 20px);padding:10px;font-size:18px;background-color:var(--error-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);cursor:pointer;margin-top:5px}.create-cards-button{width:calc(50% - 20px);padding:10px;font-size:18px;background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);cursor:pointer;margin-top:5px;margin-left:5px}.upload-meta-box{display:flex;flex-direction:column;margin:0 auto}.upload-form-meta .form-group{margin-bottom:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-form-meta .form-group label{display:block;margin:0 auto 2px 12px;color:var(--text-color)}.file-upload-container{display:flex;flex-direction:column;border:2px dashed #ccc;border-radius:8px;padding:20px;background-color:var(--input-background-color);color:var(--content-font-color);transition:border-color .3s ease;align-items:center}.file-upload-container:hover{border-color:var(--hover-color)}.file-upload-label{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:#fff;border-radius:4px;cursor:pointer;font-size:1em;margin-bottom:10px;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{text-align:center;color:var(--content-font-color);font-size:.9em;margin-top:10px}.upload-file-button{width:calc(50% - 20px);padding:10px;font-size:18px;background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);margin-top:5px;margin-right:5px;cursor:pointer}.upload-file-button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.upload-file h1{text-align:center;color:var(--text-color);font-family:var(--font-family)}.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{width:calc(50% - 20px);padding:10px;font-size:18px;background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);cursor:pointer;margin-top:5px;margin-left:5px}.reset-flow-button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.upload-file-container input[type=file]{width:calc(50% - 20px);padding:10px;font-size:18px;background-color:var(--background-color);color:var(--text-color);font-family:var(--content-font-family);border:none;border-radius:var(--container-border-radius);cursor:pointer;margin-top:5px;margin-right:5px}.upload-file-form .form-group label{display:block;margin-bottom:5px;color:var(--text-color)}.upload-file-form .form-group input,.form-group select{width:100%;padding:8px;box-sizing:border-box;background-color:var(--input-background-color)}.upload-file-form .choice-group{display:flex;align-items:center;margin-bottom:10px}.upload-file-form .choice-group input[type=text]{flex:1;margin-right:10px;background-color:var(--input-background-color)}.upload-file-form .choice-group label{margin-right:10px;color:#000}.upload-file-form .choice-group button{background-color:var(--error-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;padding:5px 10px;cursor:pointer;border-radius:var(--button-border-radius)}.upload-file-form .choice-group button:hover{background-color:var(--error-hover-color)}.upload-file-form button{width:100%;padding:10px;background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);cursor:pointer}.upload-file-form button:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.upload-file-form button[type=submit]{width:100%;padding:10px;background-color:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family);border:none;border-radius:var(--button-border-radius);cursor:pointer}.upload-file-form button[type=submit]:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.error-message{color:var(--error-color);text-align:center;font-family:var(--content-font-family)}.upload-message{text-align:center;font-family:var(--content-font-family)}@media(max-width:600px){.upload-file-form .choice-group{flex-direction:column;align-items:flex-start}.upload-file-form .choice-group input[type=text],.upload-file-form .choice-group label{margin-right:0;margin-bottom:5px}.upload-file-form .choice-group button{width:100%}}.spinner{width:40px;height:40px;position:relative;margin:10px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--primary-color);opacity:.6;position:absolute;top:0;left:0;animation:bounce 2s infinite ease-in-out}.double-bounce2{animation-delay:-1s}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.upload-file-form .form-group input,.upload-file-form .form-group select,.upload-file-form button,.upload-file-form .choice-group input[type=text]{width:auto!important;max-width:100%}.upload-file-form .choice-group{justify-content:center!important}.combined-create-container{width:100%;height:100%;display:flex;flex-direction:column}.create-mode-toggle{display:flex;gap:0;margin:0 auto 10px;max-width:600px;border:2px solid var(--primary-color);border-radius:8px;overflow:hidden;background-color:var(--background-color)}.mode-toggle-btn{flex:1;padding:12px 24px;border:none;background-color:var(--background-color);color:var(--text-color);cursor:pointer;font-size:16px;font-weight:600;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;overflow-y:auto}@media(max-width:768px){.mode-toggle-btn{padding:10px 16px;font-size:14px}}.card-inner{cursor:pointer;min-width:80vw;min-height:20vh;margin-top:4px;width:90vw;height:70vh;max-width:1000px;max-height:var(--available-height);margin-left:2px;margin-right:2px;position:relative}.answer-full-view-card .card-inner{overflow:visible}.answer-full-view-card{border-radius:var(--card-border-radius);background-color:var(--content-background-color)}.answer-full-view-card .card-inner{overflow:visible;max-width:fit-content}.card-front{background-color:var(--content-background-color);color:var(--content-font-color);border:2px solid var(--content-border-color);border-radius:var(--card-border-radius);display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box;overflow:hidden}.card-front-content{margin-bottom:10px;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%}.card-front-question{font-size:1.2em;display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--content-font-family);align-items:center;margin-left:5px;margin-right:5px;padding:20px;box-sizing:border-box;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.card-front-question.has-newlines{align-items:flex-start;text-align:left;width:100%;padding:20px;box-sizing:border-box;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.card-front-choices{display:flex;flex-direction:column;align-items:center;margin-left:20px;margin-right:20px;margin-bottom:0;width:calc(100% - 40px)}.card-front-choices button{font-family:var(--button-font-family);background-color:var(--button-background-color);color:var(--button-text-color);font-size:.75em;width:100%;display:flex;justify-content:left;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal}.card-header{background-color:var(--content-background-color);color:var(--content-header-color);display:flex;font-size:.8em;justify-content:center;align-items:center;margin-bottom:10px;margin-top:5px;box-sizing:border-box}.answer-button-choice{padding:10px 20px;margin:5px;border-radius:var(--button-border-radius);border:1px solid var(--content-font-color);background-color:var(--input-background-color)!important;color:var(--content-font-color)!important;transition:background-color .3s,color .3s;box-sizing:border-box;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none!important}.answer-button-choice:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important;background-color:inherit!important;border-color:inherit!important;box-shadow:none!important}.answer-button-choice:active{-webkit-tap-highlight-color:transparent!important;outline:none!important;background-color:inherit!important;border-color:inherit!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{width:15px;height:15px}.details-container{color:var(--content-font-color);font-size:1em;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.details-container>.tooltip-container:has(.answer-button-explain){width:100%;display:flex;justify-content:center}.answer-button-details{background-color:var(--content-background-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;width:30px;height:30px;margin-top:4px;-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-details:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important;background-color:inherit!important;box-shadow:none!important}.answer-button-details:active{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-expand{background-color:var(--content-background-color);color:var(--content-font-color);border:1px solid var(--content-font-color);border-radius:var(--button-border-radius);cursor:pointer;height:30px;margin:2px;-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-expand:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important;background-color:inherit!important;border-color:inherit!important;box-shadow:none!important}.answer-button-expand:active{-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-details:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.answer-button-expand:hover{background-color:var(--hover-color)}.answer-button-explain{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, var(--primary-color)));color:var(--button-text-color, #fff);border:none;border-radius:999px;cursor:pointer;height:30px;margin:2px;padding:0 14px;font-size:.9rem;font-weight:600;letter-spacing:.2px;box-shadow:0 2px 6px #00000026;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-explain:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003;opacity:.95}.answer-button-explain:active{transform:translateY(0);box-shadow:0 1px 3px #00000026;-webkit-tap-highlight-color:transparent!important;outline:none!important}.answer-button-explain:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important}.answer-button-explain .explain-button-icon{font-size:1rem;line-height:1;display:inline-block;animation:explain-icon-pulse 2.5s ease-in-out infinite}@keyframes explain-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(8deg)}}.controls-container{color:var(--content-font-color);display:flex;justify-content:space-between;margin-top:0;margin-bottom:0}.hide-mobile-controls{display:none}@media(min-width:600px){.hide-mobile-controls{display:flex!important}}.answer-button-control{background-color:var(--content-background-color);color:var(--button-text-color);border:none;border-radius:45%;cursor:pointer;width:50px;height:50px;margin-left:10%;margin-right:10%;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none!important}.answer-button-control:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important;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{visibility:hidden;cursor:not-allowed}.answer-icon-control{width:30px;height:30px}.answer-button-control:not(:disabled):hover{background-color:var(--hover-color);color:var(--hover-text-color)}.card-feedback{font-size:1em;display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--header-font-family);align-items:center;margin-top:0;margin-bottom:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.card-footer{color:var(--content-font-color);font-size:1em;margin-top:1vh;margin-bottom:2vh;width:100%;box-sizing:border-box}.instruction-answer-image{width:100px;height:100px;margin-top:5px;margin-bottom:5px}@media(min-width:600px){.instruction-answer-image{width:120px;height:120px}.instruction-answer-header.arrow-left{left:80%!important;top:2%!important}}@media(min-width:1024px){.instruction-answer-image{width:150px;height:150px}.instruction-answer-header.arrow-left{left:80%!important;top:2%!important}}.instruction-answer-header{padding:2px;border-radius:var(--button-border-radius);color:#000;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.instruction-answer-header.arrow-left{position:absolute;left:70%;top:2%;color:#daa520;transform:rotate(15deg)}.instruction-answer-header span{font-weight:600;color:inherit;background-color:var(--content-background-color);padding:4px 8px;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0003}.card-front{position:relative;transition:all .3s ease}.card-front.blurred:before{content:"";position:absolute;inset:0;background-color:#0000000d;border-radius:inherit;z-index:1;pointer-events:none}.answer-card-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.answer-full-view-card .card-front{border:none;overflow:visible}.card-scroll-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;padding:8px 6px;border-radius:20px;font-size:16px;font-weight:700;pointer-events:none;z-index:100;opacity:.8;transition:opacity .3s ease}.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;color:var(--content-font-color)!important;border:1px solid var(--content-font-color);opacity:initial!important;transform:none!important;box-shadow:initial!important}.answer-button-choice-correct:hover{background-color:green!important;color:#fff!important;border:1px solid var(--content-font-color);opacity:initial!important;transform:none!important;box-shadow:initial!important}.answer-button-choice-incorrect:hover{background-color:red!important;color:#fff!important;border:1px solid var(--content-font-color);opacity:initial!important;transform:none!important;box-shadow:initial!important}.answer-button-choice-disabled:hover{background-color:var(--disabled-color)!important;color:var(--content-font-color)!important;border:1px solid var(--content-font-color);opacity:initial!important;transform:none!important;box-shadow:initial!important}.answer-button-details:hover,.answer-button-expand:hover,.answer-button-control:hover,.answer-button-control:not(:disabled):hover{background-color:var(--input-background-color)!important;color:var(--content-font-color)!important;border:1px solid var(--content-font-color);opacity:initial!important;transform:none!important;box-shadow:initial!important}}.decks-container{width:calc(100% - 2px);max-height:calc(100% - 2px);display:flex;flex-direction:column;margin-top:10px}.decks-container h2{margin-top:2px;margin-bottom:2px}.deck-buttons-small{display:flex;justify-content:flex-end;margin-top:0}.deck-buttons-small button{padding:5px 10px;border:none;border-radius:var(--button-border-radius);cursor:pointer;background-color:var(--content-background-color)}.deck-buttons button:hover,.deck-buttons button:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.deck-buttons button:disabled,.deck-buttons button[disabled]{pointer-events:none;opacity:.5}.deck-buttons button:disabled:hover,.deck-buttons button[disabled]:hover,.deck-buttons button:disabled:focus,.deck-buttons button[disabled]:focus,.deck-buttons button:disabled:active,.deck-buttons button[disabled]:active{background-color:initial;color:initial;box-shadow:none;transform:none}.deck-buttons button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.deck-button-admin{padding:5px 10px;border-radius:var(--button-border-radius);cursor:pointer;background-color:var(--primary-color)!important;color:var(--button-text-color);border:none}.deck-buttons-small button:hover,.deck-buttons-small button:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.deck-buttons-small button:disabled,.deck-buttons-small button[disabled]{pointer-events:none;opacity:.5}.deck-buttons-small button:disabled:hover,.deck-buttons-small button[disabled]:hover,.deck-buttons-small button:disabled:focus,.deck-buttons-small button[disabled]:focus,.deck-buttons-small button:disabled:active,.deck-buttons-small button[disabled]:active{background-color:initial;color:initial;box-shadow:none;transform:none}.deck-buttons-small button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.create-deck{color:var(--button-text-color);font-weight:700;font-size:18px;font-family:var(--button-font-family);text-decoration:none;background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--button-border-radius);padding:12px 24px;justify-content:center;text-align:center;width:fit-content;margin:0 auto 10px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;min-width:140px;font-weight:600;letter-spacing:.5px}.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{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.decks-main{display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden}.decks-list{display:flex;flex-wrap:wrap;gap:10px}.deck-item{background-color:var(--content-background-color);color:var(--content-font-color);font-family:var(--content-font-family);border:2px solid var(--content-border-color);border-radius:var(--container-border-radius);padding:10px;box-sizing:border-box;width:90%;margin-bottom:8px;margin-top:8px;max-width:800px;position:relative;box-shadow:0 3px 6px #00000026;transform:translateZ(0)}.deck-item:before{content:"";position:absolute;inset:2px -2px -2px 2px;background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--container-border-radius);z-index:-1;opacity:.9}.deck-item:after{content:"";position:absolute;inset:4px -4px -4px 4px;background-color:var(--content-background-color);border:2px solid var(--content-border-color);border-radius:var(--container-border-radius);z-index:-2;opacity:.7}.deck-item p{margin:5px 0}.success-rate,.topic,.subject,.course{font-size:14px}.deck-buttons{display:flex;justify-content:space-between;margin-top:10px}.deck-buttons button{font-size:16px;padding:10px 15px;border:none;border-radius:var(--button-border-radius);cursor:pointer;background-color:var(--content-background-color)}.decks-message{font-size:16px;color:var(--button-text-color);background-color:var(--primary-color);font-family:var(--button-font-family);padding:10px;border-radius:var(--container-border-radius);margin-top:10px;text-align:center}.decks-error{font-size:16px;color:var(--button-text-color);background-color:var(--error-color);font-family:var(--button-font-family);padding:10px;border-radius:var(--container-border-radius);margin-top:10px;text-align:center}.deck-confirmation-dialog{border:2px solid var(--border-color);border-radius:var(--container-border-radius);background-color:var(--popup-background-color);padding:20px;font-family:var(--content-font-family);font-size:18px;margin:10px auto;color:var(--text-color);display:flex;flex-direction:column;align-items:center;max-width:min(500px,calc(100vw - 40px));width:fit-content;min-width:280px;box-sizing:border-box;align-self:center}@media(max-width:768px){.deck-confirmation-dialog{padding:15px;margin:5px auto;font-size:16px;max-width:calc(100vw - 20px);min-width:unset;width:auto}.deck-confirmation-dialog select{font-size:16px!important;padding:10px!important}.deck-confirmation-dialog button{font-size:14px;padding:8px 12px;margin:5px;min-width:80px}}.deck-confirmation-dialog button{font-size:16px;padding:10px 15px;margin:10px;border:none;border-radius:var(--button-border-radius);cursor:pointer}.report-deck-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.report-deck-dialog{display:flex;flex-direction:column;padding:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid var(--content-border-color);border-radius:8px;background-color:var(--input-background-color);box-shadow:0 4px 20px #0000004d}.report-deck-dialog h3{margin-top:0;margin-bottom:15px}.report-deck-form-group{margin-bottom:15px}.report-deck-label{display:block;margin-bottom:5px;font-weight:700}.report-deck-select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--content-border-color);background-color:var(--input-background-color);color:var(--content-font-color)}.report-deck-textarea{width:100%;height:80px;padding:8px;border-radius:4px;border:1px solid var(--content-border-color);background-color:var(--input-background-color);color:var(--content-font-color);resize:vertical;box-sizing:border-box}.report-deck-char-counter{font-size:12px;color:var(--muted-text-color);margin-top:5px}.report-deck-buttons{display:flex;gap:10px;justify-content:flex-end}.report-deck-button-cancel{padding:8px 16px;border-radius:4px;border:1px solid var(--content-border-color);background-color:transparent;color:var(--content-font-color);cursor:pointer}.report-deck-button-submit{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}.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{width:calc(100% - 8px);max-height:calc(100% - 4px);display:flex;flex-direction:column;margin-left:4px;margin-right:4px;overflow:hidden}.create-deck-view{padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.create-deck-view select{background-color:var(--input-background-color);font-family:var(--content-font-family)}.create-deck-view textarea{background-color:var(--input-background-color);font-family:var(--content-font-family);border-radius:var(--container-border-radius);width:400px;box-sizing:border-box;color:var(--content-font-color)}.create-deck-view h2{text-align:center;color:var(--text-color);font-size:1.5em;margin-bottom:5px;margin-top:2px}.create-deck-view h3{text-align:center;color:var(--text-color);font-size:1.2em;margin-bottom:5px;margin-top:2px}.create-deck-view-container button{font-size:1em;margin:5px auto 10px;max-width:600px;font-family:var(--button-font-family)}.create-deck-view select{width:100%;padding:12px;margin:2px 0;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--container-border-radius)}@media(max-width:600px){.create-deck-view select{padding:14px;font-size:16px}.create-deck-view-form .form-group{width:90%;max-width:100%}.create-deck-view textarea{width:100%}.create-deck-view-form button{width:90%;max-width:100%}}.create-deck-view-form .button-question{border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:1em;width:50px;margin:10px auto;display:block}.question-container{display:flex;flex-direction:column;padding:4px;border:4px solid var(--border-color);border-radius:var(--container-border-radius);max-width:1200px;margin:5px auto 10px}.create-deck-view-form .form-group{margin-bottom:5px;width:400px;box-sizing:border-box}.create-deck-view-form .form-group label{display:block;margin-bottom:2px;color:var(--text-color);font-size:.7em;text-align:center}.create-deck-view-form .form-group-checkbox{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:5px;margin-bottom:10px}.create-deck-view-form .form-group-checkbox label{align-items:center;margin-left:10px;font-size:.7em}.create-deck-view-form .form-group-checkbox input[type=checkbox]{width:auto;margin-right:5px;accent-color:var(--primary-color);transform:scale(1.5);margin-left:5px}.create-deck-view-form{width:100%;margin-top:12px;display:flex;flex-direction:column;align-items:center}.create-deck-view-form .form-group input,.form-group select{width:100%;padding:8px;box-sizing:border-box}.create-deck-view-form .choice-group{display:flex;align-items:center;margin-bottom:10px}.create-deck-view-form .choice-group input[type=text]{flex:1;margin-right:10px}.create-deck-view-form textarea{resize:vertical;min-height:50px;margin-top:10px;width:calc(100% - 10px)}.create-deck-view-form button{width:calc(100% - 10px);max-width:400px;padding:10px;background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);cursor:pointer}.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{font-size:16px;padding:10px 15px;margin:10px;border:none;border-radius:var(--button-border-radius);cursor:pointer}@media(max-width:600px){.create-deck-view-form .choice-group{flex-direction:column;align-items:flex-start}.create-deck-view-form .choice-group input[type=text],.create-deck-view-form .choice-group label{margin-right:0;margin-bottom:5px}.create-deck-view-form .choice-group button{width:100%}}.question-answer-row{display:flex;gap:15px;align-items:flex-start}.question-group,.answer-group{flex:1;min-width:0;padding:0 5px;box-sizing:border-box}.question-group textarea,.answer-group textarea{width:100%;box-sizing:border-box;margin:10px 0 0}@media(max-width:768px){.question-answer-row{flex-direction:column;gap:10px}.question-group,.answer-group{flex:none;width:100%;padding:0}}.question-container .form-group textarea{width:100%;box-sizing:border-box;margin:5px 0}.create-button-row{margin-bottom:15px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:600px;margin-left:auto;margin-right:auto}.card-explanation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.card-explanation-container{width:100%;max-width:640px;min-height:min-content;max-height:calc(100vh - 40px);background:var(--content-background-color);border-radius:var(--container-border-radius);box-shadow:0 4px 24px #0003;border:1px solid var(--content-border-color);padding:28px;font-family:var(--content-font-family);color:var(--content-font-color);position:relative;animation:card-explanation-fade-in .3s ease-out;margin:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.card-explanation-container.is-loading{max-width:520px;padding:20px}@keyframes card-explanation-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-explanation-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--content-font-color);font-size:28px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1}.card-explanation-close:hover{background:var(--content-border-color)}.card-explanation-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:4px;padding:4px;width:fit-content;max-width:100%;margin:0 auto 4px;background:var(--secondary-background-color, rgba(127, 127, 127, .08));border:1px solid var(--content-border-color);border-radius:8px;box-sizing:border-box}.card-explanation-mode-button{border:none;background:transparent;color:var(--content-font-color);min-height:34px;border-radius:6px;padding:0 14px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.card-explanation-mode-button.is-active{background:var(--primary-color);color:var(--button-text-color, #fff);box-shadow:0 1px 4px #00000029}.card-explanation-mode-button:not(.is-active):hover{background:var(--content-border-color)}.card-explanation-mode-hint{margin:6px auto 0;text-align:center;color:var(--text-color);font-size:.86rem;line-height:1.35;opacity:.78}.card-explanation-actions{display:flex;justify-content:center;margin:12px 0 4px}.card-explanation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 48px;gap:28px;min-height:240px}.card-explanation-loading-orb{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.card-explanation-loading-orb-core{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--secondary-color, var(--primary-color)) 0%,var(--primary-color) 70%,transparent 100%);box-shadow:0 0 24px #4c2e8a59,0 0 60px #4c2e8a26;animation:card-explanation-orb-pulse 2.4s ease-in-out infinite}@keyframes card-explanation-orb-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}.card-explanation-loading-sparkle{position:absolute;font-size:16px;color:var(--primary-color);opacity:0;animation:card-explanation-sparkle 2.6s ease-in-out infinite;text-shadow:0 0 6px rgba(255,255,255,.5);pointer-events:none}.card-explanation-loading-sparkle-1{top:4px;left:12px;animation-delay:0s}.card-explanation-loading-sparkle-2{top:16px;right:6px;font-size:12px;animation-delay:.6s}.card-explanation-loading-sparkle-3{bottom:6px;left:24px;font-size:14px;animation-delay:1.2s}@keyframes card-explanation-sparkle{0%,to{opacity:0;transform:scale(.6) rotate(0)}20%{opacity:1;transform:scale(1.1) rotate(20deg)}40%{opacity:.6;transform:scale(1) rotate(40deg)}60%{opacity:0;transform:scale(.6) rotate(60deg)}}.card-explanation-loading-messages{position:relative;width:100%;height:1.6em;text-align:center}.card-explanation-loading-message{position:absolute;left:0;right:0;top:0;color:var(--text-color);font-size:.98rem;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.card-explanation-loading-message.is-active{opacity:1;transform:translateY(0)}.card-explanation-loading-message.is-past{opacity:0;transform:translateY(-8px)}.card-explanation-loading-dots{display:flex;gap:8px;margin-top:-8px}.card-explanation-loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);opacity:.4;animation:card-explanation-dot-bounce 1.2s ease-in-out infinite}.card-explanation-loading-dots span:nth-child(2){animation-delay:.18s}.card-explanation-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes card-explanation-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.card-explanation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:16px;text-align:center}.card-explanation-error-text{color:var(--text-color);font-size:1rem;line-height:1.5}.card-explanation-retry-button{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem}.card-explanation-retry-button:hover{opacity:.9}.card-explanation-upsell{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px 4px;text-align:center}.card-explanation-upsell-icon{font-size:2.4rem;line-height:1;animation:explain-icon-pulse 2.5s ease-in-out infinite}.card-explanation-upsell-title{font-size:1.15rem;font-weight:700;color:var(--primary-color)}.card-explanation-upsell-text{color:var(--text-color);font-size:.95rem;line-height:1.5}.card-explanation-upsell-subtext{color:var(--text-color);font-size:.9rem;line-height:1.5;opacity:.85}.card-explanation-upgrade-button{margin-top:8px;padding:10px 24px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, var(--primary-color)));color:var(--button-text-color, #fff);font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .15s ease,box-shadow .15s ease}.card-explanation-upgrade-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.card-explanation-upgrade-button:active{transform:translateY(0)}.card-explanation-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:16px;margin-top:4px;border-top:1px solid var(--content-border-color)}.card-explanation-footer-prompt{color:var(--text-color);font-size:.85rem;opacity:.8}.card-explanation-regenerate-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:999px;padding:6px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.card-explanation-regenerate-button:hover{background:var(--primary-color);color:var(--button-text-color, #fff)}.card-explanation-regenerate-icon{display:inline-block;font-size:1rem;line-height:1;transition:transform .4s ease}.card-explanation-regenerate-button:hover .card-explanation-regenerate-icon{transform:rotate(180deg)}.card-explanation-content{display:flex;flex-direction:column;gap:16px;padding-top:12px}.card-explanation-question{font-size:1.05rem;font-weight:600;color:var(--primary-color);line-height:1.4}.card-explanation-correct-answer{font-size:.95rem;line-height:1.5;padding:14px 16px;background:var(--background-color);border-radius:var(--button-border-radius);border:1px solid var(--content-border-color);border-left-width:3px;border-left-color:#22c55e}.card-explanation-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#22c55e;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--content-border-color)}.card-explanation-answer-text{font-size:.95rem;line-height:1.55;font-weight:600;color:var(--content-font-color)}.card-explanation-summary{font-size:1rem;line-height:1.6;color:var(--content-font-color);padding:12px 0;border-bottom:1px solid var(--content-border-color)}.card-explanation-blocks{display:flex;flex-direction:column;gap:12px}.card-explanation-block{background:var(--background-color);border:1px solid var(--content-border-color);border-radius:var(--button-border-radius);padding:14px 16px;border-left-width:3px}.card-explanation-block-concept{border-left-color:#6366f1}.card-explanation-block-answer_rationale{border-left-color:#22c55e}.card-explanation-block-distractor_rationale{border-left-color:#f59e0b}.card-explanation-block-takeaway{border-left-color:#0ea5e9}.card-explanation-block-common_mistake{border-left-color:#ef4444}.card-explanation-block-example{border-left-color:#8b5cf6}.card-explanation-block-title{margin:0 0 12px;font-size:.75rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.06em;padding-bottom:10px;border-bottom:1px solid var(--content-border-color)}.card-explanation-block-body{font-size:.95rem;line-height:1.55;color:var(--content-font-color)}.card-explanation-distractor-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.card-explanation-distractor-item{padding:10px 12px;background:var(--content-background-color);border:1px solid var(--content-border-color);border-radius:var(--button-border-radius)}.card-explanation-distractor-choice{font-weight:600;margin-bottom:4px;font-size:.95rem;color:var(--content-font-color)}.card-explanation-distractor-reason{font-size:.9rem;line-height:1.5;color:var(--content-font-color)}.card-explanation-glossary{background:var(--background-color);border:1px solid var(--content-border-color);border-left:3px solid var(--primary-color);border-radius:var(--button-border-radius);padding:14px 16px}.card-explanation-glossary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.card-explanation-glossary-item{font-size:.9rem;line-height:1.5;text-align:left}.card-explanation-glossary-term{font-weight:700;color:var(--primary-color);margin-right:6px}.card-explanation-glossary-definition{color:var(--content-font-color)}.card-explanation-disclaimer{margin:0;text-align:center;font-size:.75rem;color:var(--text-color);opacity:.5;padding-top:8px}@media(max-width:600px){.card-explanation-container{padding:20px 16px;max-height:calc(100vh - 24px)}.card-explanation-overlay{padding:12px}.card-explanation-question{font-size:1rem}.card-explanation-summary{font-size:.95rem}}.read-aloud-button{display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:34px;padding:0;border:1px solid var(--primary-color);border-radius:999px;background:transparent;color:var(--primary-color);font-size:1rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.read-aloud-button:hover{background:var(--primary-color);color:var(--button-text-color, #fff)}.read-aloud-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.read-aloud-button.is-speaking{background:var(--primary-color);color:var(--button-text-color, #fff);box-shadow:0 1px 5px #00000029}.read-aloud-current-word{background:#facc1573;border-radius:4px;box-shadow:0 0 0 2px #facc1538}.course-action-btn{background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);font-size:16px;font-family:var(--content-font-family);text-decoration:none;margin:0 0 4px;padding:10px 24px;display:inline-block;text-align:center;cursor:pointer;box-shadow:0 2px 4px #00000026;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;outline:none}.course-action-btn:hover,.course-action-btn:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.course-action-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.join-course{margin-top:2px;margin-bottom:2px;text-align:center;box-sizing:border-box;min-height:calc(100vh - 4px);width:calc(100% - 2px);padding-left:10px;padding-right:10px}.course-box{margin:10px auto;padding-left:10px;padding-right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;width:100%;box-sizing:border-box}.school-select,.course-select{width:100%;padding:10px;font-size:16px;margin:10px 0;max-width:600px;box-sizing:border-box;border:1px solid var(--border-color);background-color:var(--input-background-color);border-radius:var(--container-border-radius);color:var(--content-font-color)}.join-course h1{font-size:24px;margin-bottom:10px}.course-box label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-color);font-size:20px}.course-box-search{width:100%;padding:10px;font-size:16px;margin:10px 0;max-width:600px;box-sizing:border-box;border:1px solid var(--border-color);background-color:var(--input-background-color);border-radius:var(--container-border-radius);color:var(--content-font-color)}.autocomplete-item{cursor:pointer;padding:8px;max-width:600px;margin:2px auto 0;background:#fff;border-bottom:1px solid #ccc;border-radius:var(--container-border-radius);background-color:var(--input-background-color)}.autocomplete-item:hover{background-color:var(--hover-color)!important;color:var(--hover-text-color)!important;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:var(--button-text-color);padding:10px 20px;border:none;border-radius:var(--button-border-radius);cursor:pointer;margin-top:10px;margin-bottom:10px}.btn-primary:hover{background-color:var(--hover-color);color:var(--hover-text-color)}.button-link{color:var(--link-color);font-weight:700;font-size:18px;font-family:var(--content-font-family);text-decoration:none;background-color:var(--button-background-color);border:2px solid var(--link-color);border-radius:var(--button-border-radius);margin:1px 0;padding:2px;display:inline-block;text-align:center;cursor:pointer;transition:background-color .3s,color .3s}.button-link:hover{background-color:var(--hover-background-color);color:var(--hover-color)}.search-results{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.autocomplete-dropdown{width:100%;max-width:600px}.selected-course{font-size:16px;color:var(--text-color);font-family:var(--content-font-family);max-width:600px;margin:10px auto}.error{color:var(--error-color);margin:10px auto 0;font-family:var(--content-font-family);max-width:600px}.message{color:var(--text-color);margin-top:10px}.school-email-upsell{background:var(--input-background-color);border:2px solid var(--color-accent-border, #e0e0e0);border-radius:12px;padding:16px;margin-bottom:4px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;gap:10px}.school-email-upsell-heading{margin:0;color:var(--primary-color);font-size:1.1em;font-weight:700;text-align:center}.school-email-upsell-text{margin:0;font-family:var(--content-font-family);font-size:.95em;color:var(--content-font-color);line-height:1.4;text-align:center}.school-email-upsell-btn{margin-top:4px;font-weight:700;padding:10px 28px}.school-not-found-info{background:var(--input-background-color);border:1px solid var(--color-accent-border, #e0e0e0);border-radius:12px;padding:14px 16px;margin-bottom:4px;display:flex;flex-direction:column;align-items:center}.school-not-found-info-text{margin:0;font-family:var(--content-font-family);font-size:.9em;color:var(--content-font-color);line-height:1.4;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.join-course-loading-indicator{color:var(--text-color);font-family:var(--content-font-family);font-size:14px}.selected-course-card{display:flex;flex-direction:column;min-height:60px;padding:15px 20px;margin-bottom:10px;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;transition:all .2s ease;max-width:100%;width:100%;box-sizing:border-box}.selected-course-card.with-margin-top{margin-top:10px}.selected-course-info{flex:1;text-align:center;margin-bottom:8px;min-width:0}.selected-course-text{font-size:16px;font-weight:400;color:var(--color-primary-text, var(--content-font-color));line-height:1.4;margin-bottom:8px}.selected-course-name{font-weight:600}.selected-course-school{color:var(--color-secondary-text, #888);font-weight:400;font-size:14px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-course-loading{margin-top:8px;font-size:14px;color:var(--color-secondary-text, #888)}.selected-course-spinner{display:inline-block;margin-right:8px}.selected-course-spinner-icon{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:12px;height:12px;animation:spin 1s linear infinite;display:inline-block}.selected-course-actions{display:flex;justify-content:center;margin-top:0;margin-bottom:0}.selected-course-button{min-width:120px}.selected-course-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.share-course-button{background:transparent;border:none;cursor:pointer;padding:6px 12px;border-radius:var(--button-border-radius);transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;vertical-align:middle;font-family:var(--content-font-family);font-size:14px;color:var(--primary-color);font-weight:500}.share-course-button:hover{background-color:var(--hover-color)}.share-course-button span{margin-left:6px;line-height:1}.share-course-icon{width:18px;height:18px;margin:0;padding:0;flex-shrink:0}@media(min-width:600px){.share-course-icon{width:20px;height:20px}}.waitlist-form{border-radius:var(--container-border-radius);border:1px solid var(--border-color);border-radius:8px;margin:10px auto;padding-left:24px;padding-right:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;width:100%;box-sizing:border-box}.waitlist-form .form-group{margin-bottom:15px;width:100%}.waitlist-form .form-group label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-color)}.waitlist-form .form-group input{border-radius:var(--container-border-radius);color:var(--content-font-color);background-color:var(--input-background-color)}.waitlist-form .message{display:block;margin-bottom:5px;font-weight:700;color:var(--text-color)}.waitlist-form .form-control{width:100%;padding:8px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--container-border-radius)}.waitlist-form .error{color:var(--error-color);margin-bottom:15px}.waitlist-form .btn-primary{background-color:var(--primary-color);color:var(--button-text-color);padding:10px 20px;border:none;border-radius:var(--button-border-radius);cursor:pointer;margin-top:10px}.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{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;margin-bottom:8px;padding:10px 12px;background-color:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--primary-color)}.waitlist-suggestion .btn-secondary{flex-shrink:0;padding:6px 14px;border-radius:var(--button-border-radius);border:none;background-color:var(--primary-color);color:var(--button-text-color);cursor:pointer;font-size:13px;white-space:nowrap}.waitlist-suggestion .btn-secondary:hover{background-color:var(--hover-color);color:var(--hover-text-color)}@media(max-width:480px){.waitlist-suggestion{flex-direction:column;align-items:flex-start}.waitlist-suggestion .btn-secondary{width:100%}}.my-courses{box-sizing:border-box;width:calc(100% - 2px);min-height:calc(100vh - 4px);margin:2px 0;padding:8px 10px 18px;font-family:var(--content-font-family);color:var(--content-font-color);text-align:center}.my-courses h1{margin:0 0 10px;font-size:24px}.courses-box{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:680px;margin:0 auto}.my-courses-header{display:flex;align-items:center;justify-content:center;margin:10px auto;text-align:center}.my-courses-title{display:block;margin-bottom:5px;font-family:var(--font-family);font-weight:700;color:var(--text-color);font-size:20px;line-height:normal}.my-course-list{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 2px 12px;list-style:none;text-align:left}.my-course-item{width:100%;margin-bottom:12px}.my-course-card{box-sizing:border-box;width:100%;padding:16px;background:var(--content-background-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #00000014;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.my-course-card:hover{border-color:var(--primary-color);box-shadow:0 6px 18px #0000001f;transform:translateY(-1px)}.my-course-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.my-course-title-group{min-width:0}.my-course-eyebrow{display:block;max-width:100%;margin-bottom:4px;overflow:hidden;color:var(--color-secondary-text, #777);font-size:.82rem;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.my-course-name{margin:0;color:var(--color-primary-text, var(--content-font-color));font-size:1.08rem;font-weight:750;line-height:1.3;overflow-wrap:anywhere}.my-course-share{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.my-course-share.tooltip-container{display:flex}.my-course-share:hover,.my-course-share:focus{background:var(--hover-color);border-color:var(--hover-color);box-shadow:0 4px 10px #00000024;transform:translateY(-1px)}.my-course-share:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.my-course-share img{width:22px;height:22px;object-fit:contain}.my-course-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.my-course-stat{box-sizing:border-box;min-width:0;padding:8px 6px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);text-align:center}.my-course-stat-value{display:block;color:var(--primary-color);font-size:1.05rem;font-weight:800;line-height:1.1}.my-course-stat-label{display:block;margin-top:3px;overflow:hidden;color:var(--color-secondary-text, #777);font-size:.72rem;font-weight:650;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.my-course-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.my-course-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--button-border-radius);font-family:var(--button-font-family);font-size:.92rem;font-weight:700;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.my-course-action.tooltip-container{display:inline-flex}.my-course-action-primary{overflow:visible;background:var(--content-background-color);border-color:var(--primary-color);color:var(--color-primary-text, var(--content-font-color));box-shadow:0 2px 8px #0000001a}.my-course-action-primary:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--primary-color);border-radius:var(--button-border-radius) var(--button-border-radius) 0 0}.my-course-action-secondary{grid-column:1 / -1;background:var(--content-background-color);color:var(--content-font-color)}.my-course-actions-no-map .my-course-action-primary{grid-column:1 / -1}.my-course-action:hover,.my-course-action:focus{border-color:var(--hover-color);background:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 10px #00000029;transform:translateY(-1px)}.my-course-action-primary:hover,.my-course-action-primary:focus{background:var(--hover-color);border-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 5px 14px #00000029}.my-course-action:focus-visible,.my-course-share:focus-visible,.my-course-unenroll:focus-visible,.course-confirmation-dialog button:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.my-course-action:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001f}.my-course-action:disabled,.my-course-unenroll:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.my-course-action-icon-shell{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px}.my-course-action-icon{width:22px;height:22px;object-fit:contain}.my-course-action>span:not(.tooltip-text){position:relative;z-index:1}.my-course-unenroll{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:6px 2px;border:none;background:transparent;color:var(--color-secondary-text, var(--content-font-color));font-family:var(--button-font-family);font-size:.85rem;font-weight:650;cursor:pointer}.my-course-unenroll.tooltip-container{display:inline-flex}.my-course-unenroll:hover,.my-course-unenroll:focus{color:var(--primary-color);text-decoration:underline}.my-course-unenroll-icon{width:16px;height:16px;object-fit:contain}.course-confirmation-dialog{margin-top:12px;padding:12px;border:1px solid var(--error-color);border-radius:8px;background:var(--background-color);color:var(--content-font-color);text-align:left}.course-confirmation-dialog h4{margin:0 0 6px;color:var(--error-color);font-size:1rem}.course-confirmation-dialog p{margin:6px 0;line-height:1.35}.course-confirmation-course{font-weight:700}.course-confirmation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.course-confirmation-dialog button{min-height:40px;padding:9px 12px;border:none;border-radius:var(--button-border-radius);font-family:var(--button-font-family);font-size:.92rem;font-weight:700;cursor:pointer}.course-confirmation-danger{background:var(--error-color);color:var(--button-text-color)}.course-confirmation-cancel{background:var(--content-background-color);color:var(--content-font-color);border:1px solid var(--border-color)!important}.no-courses-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:420px;min-width:90px;margin:0 auto 8px;padding:18px 14px;background:var(--content-background-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #00000014;font-size:.98em;text-align:center}.no-courses-tile-header{margin-bottom:4px;color:var(--primary-color);font-family:var(--font-family);font-size:1.1em;font-weight:700;text-align:center}.no-courses-tile-data{margin-top:4px;color:var(--content-font-color);font-family:var(--font-family);font-size:1em;line-height:1.35;text-align:center}@media(max-width:600px){.my-courses{padding-right:8px;padding-left:8px}.my-course-card{padding:14px}.my-course-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.my-course-actions{grid-template-columns:1fr}.my-course-action-secondary{grid-column:auto}.course-confirmation-actions{flex-direction:column}}@media(hover:none)and (pointer:coarse){.my-course-card:hover,.my-course-action:hover{transform:none}}.cmm-page{width:100%;height:100%;box-sizing:border-box;padding:16px 12px 32px;display:flex;flex-direction:column;gap:16px;min-height:0}.cmm-page-header{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;padding-bottom:12px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.cmm-breadcrumb-back{background:transparent;border:none;padding:0;font-size:.9rem;font-weight:600;color:var(--primary-color);cursor:pointer;white-space:nowrap;font-family:inherit}.cmm-breadcrumb-back:hover{opacity:.75}.cmm-breadcrumb-sep{font-size:.85rem;color:var(--color-secondary-text, #888);flex-shrink:0}.cmm-breadcrumb-current{font-size:.9rem;font-weight:600;color:var(--content-font-color);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmm-back-button{background:transparent;border:1px solid var(--border-color);border-radius:999px;padding:6px 14px;font-size:.9rem;color:var(--content-font-color);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cmm-back-button:hover{background:var(--hover-background-color, rgba(0,0,0,.04))}.cmm-page-title{margin:0;font-size:1.1rem;color:var(--content-font-color);text-align:left;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmm-zoom-outer{position:relative;overflow:hidden;width:100%;flex:1;min-height:0;cursor:grab;user-select:none;touch-action:none}.cmm-zoom-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.cmm-zoom-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;width:28px;height:28px;font-size:1rem;line-height:1;cursor:pointer;color:var(--content-font-color);display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.cmm-zoom-btn:hover{background:var(--hover-background-color, rgba(0,0,0,.04))}.cmm-zoom-label{font-size:.8rem;color:var(--color-secondary-text, #888);min-width:36px;text-align:center}.cmm-connector-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cmm-container{display:flex;align-items:flex-start;gap:32px;width:max-content;padding:8px 4px 24px;box-sizing:border-box;position:absolute;top:0;left:0;will-change:transform}.cmm-root-col{display:flex;flex-direction:column;align-items:center;align-self:flex-start;padding-top:28px;flex-shrink:0}.cmm-root-tile{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, var(--primary-color)));color:var(--button-text-color, #fff);border-radius:14px;padding:16px 18px;min-width:160px;max-width:220px;box-shadow:0 3px 12px #00000026;text-align:center}.cmm-root-tile-name{font-size:1rem;font-weight:700;line-height:1.25;word-break:break-word}.cmm-root-tile-school{margin-top:6px;font-size:.8rem;opacity:.9;word-break:break-word}.cmm-tree{display:flex;flex-direction:column;gap:14px;flex-shrink:0}.cmm-topic-row{display:flex;align-items:flex-start;gap:24px;position:relative}.cmm-tile{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;padding:12px 16px;cursor:pointer;box-shadow:0 2px 6px #0000000f;transition:background .15s ease,transform .1s ease,border-color .15s ease;text-align:left;font-family:inherit;color:var(--content-font-color);display:flex;align-items:center;gap:8px;box-sizing:border-box}.cmm-tile:hover{background:var(--hover-background-color, rgba(0,0,0,.03));transform:translateY(-1px)}.cmm-tile.is-active{border-color:var(--primary-color)}.cmm-topic-tile{width:220px;font-size:.95rem;font-weight:600;flex-shrink:0;align-items:flex-start}.cmm-tile-label{flex:1;min-width:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.cmm-tile-chevron{font-size:.7rem;color:var(--color-secondary-text, #888);transition:transform .15s ease;flex-shrink:0}.cmm-tile-chevron.is-open{transform:rotate(90deg)}.cmm-topic-children{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0;padding-left:32px}.cmm-overview-tile{min-width:220px;max-width:280px;background:linear-gradient(135deg,var(--content-background-color),var(--background-color));border-color:var(--primary-color)}.cmm-overview-tile-inner{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.cmm-overview-tile-header{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color)}.cmm-overview-tile-sparkle{font-size:.9rem}.cmm-overview-tile-preview{font-size:.85rem;color:var(--color-secondary-text, #666);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmm-overview-tile-placeholder{font-size:.85rem;color:var(--color-secondary-text, #888);font-style:italic}.cmm-infographic-tile{min-width:220px;max-width:280px;min-height:104px;background:linear-gradient(135deg,var(--content-background-color),var(--background-color));border-color:var(--primary-color);align-items:flex-start}.cmm-infographic-tile.is-pending{border-style:dashed}.cmm-infographic-tile-inner{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.cmm-infographic-tile-header{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color)}.cmm-infographic-tile-icon{font-size:.9rem}.cmm-infographic-tile-preview{width:64px;height:96px;border-radius:6px;overflow:hidden;border:1px solid var(--content-border-color);background:#f8fafc;flex-shrink:0}.cmm-infographic-tile-preview img{width:100%;height:100%;object-fit:cover;display:block}.cmm-infographic-tile-placeholder{font-size:.85rem;color:var(--color-secondary-text, #888);font-style:italic;line-height:1.35}.cmm-videos-row{display:flex;align-items:stretch;gap:32px}.cmm-videos-tile{min-width:220px;max-width:280px;align-self:flex-start;background:linear-gradient(135deg,var(--content-background-color),var(--background-color));border-color:var(--primary-color)}.cmm-videos-tile-inner{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.cmm-videos-tile-header{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color)}.cmm-videos-tile-icon{font-size:.9rem}.cmm-videos-tile-count{font-size:.85rem;color:var(--color-secondary-text, #888)}.cmm-video-children{display:flex;flex-direction:column;gap:8px}.cmm-video-tile{width:240px;font-size:.85rem;flex-shrink:0;align-items:center;gap:10px}.cmm-video-thumb{position:relative;width:64px;height:36px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#000}.cmm-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cmm-video-thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.7rem;text-shadow:0 0 4px rgba(0,0,0,.8);pointer-events:none}.cmm-video-tile-text{white-space:normal;word-break:break-word;line-height:1.35;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmm-questions{display:flex;flex-direction:column;gap:8px}.cmm-questions-empty{font-size:.85rem;color:var(--color-secondary-text, #888);font-style:italic;padding:6px 0}.cmm-question-row{display:flex;align-items:stretch;gap:32px}.cmm-question-tile{width:240px;font-size:.85rem;flex-shrink:0;align-items:flex-start}.cmm-question-tile-inner{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.cmm-question-tile-header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color)}.cmm-question-tile-text{white-space:normal;word-break:break-word;line-height:1.35}.cmm-answer-tile{width:240px;font-size:.85rem;align-self:flex-start;background:linear-gradient(135deg,var(--content-background-color),var(--background-color));border-color:#22c55e;flex-shrink:0}.cmm-answer-tile-inner{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.cmm-answer-tile-header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#22c55e}.cmm-answer-tile-text{white-space:normal;word-break:break-word;line-height:1.35}.cmm-answer-tile-hint{font-size:.8rem;color:var(--color-secondary-text, #888);font-style:italic}.cmm-empty-state{background:var(--content-background-color);border:2px dashed var(--border-color);border-radius:12px;padding:18px 22px;text-align:center;color:var(--color-secondary-text, #888);font-size:.95rem;display:flex;flex-direction:column;gap:12px;align-items:center}.cmm-refresh-button{background:var(--primary-color);color:var(--button-text-color, #fff);border:none;border-radius:999px;padding:6px 16px;font-size:.85rem;cursor:pointer}.cmm-refresh-button:hover{opacity:.9}@media(max-width:700px){.cmm-page{padding:12px 8px 24px}.cmm-container{flex-direction:column;align-items:stretch;gap:16px;width:100%;padding-bottom:16px;position:static;transform:none!important}.cmm-root-col{align-self:stretch;align-items:stretch}.cmm-root-tile{min-width:0;max-width:100%}.cmm-tree{width:100%}.cmm-topic-row{flex-direction:column;gap:10px}.cmm-connector-svg,.cmm-zoom-controls{display:none}.cmm-zoom-outer{overflow:auto;position:static;touch-action:auto;cursor:default}.cmm-root-col{padding-top:0}.cmm-topic-tile,.cmm-overview-tile,.cmm-infographic-tile,.cmm-videos-tile,.cmm-question-tile,.cmm-answer-tile{min-width:0;max-width:100%;width:100%}.cmm-video-tile{width:100%}.cmm-topic-children{border-left:3px solid var(--primary-color);border-top:none;padding-left:14px;padding-top:0;margin-left:10px;gap:12px}.cmm-question-row,.cmm-videos-row{flex-direction:column;gap:0;position:relative}.cmm-video-children{box-sizing:border-box;margin-left:28px;margin-top:10px;width:calc(100% - 28px);padding-left:14px;border-left:3px solid var(--primary-color);gap:10px}.cmm-answer-tile{margin-left:28px;margin-top:10px;width:calc(100% - 28px);position:relative}.cmm-answer-tile:before{content:"";position:absolute;left:-16px;top:-10px;width:12px;height:10px;border-left:2px solid #22c55e;border-bottom:2px solid #22c55e;border-bottom-left-radius:8px;pointer-events:none}}.topic-overview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.topic-overview-container{width:100%;max-width:640px;min-height:min-content;max-height:calc(100vh - 40px);background:var(--content-background-color);border-radius:var(--container-border-radius);box-shadow:0 4px 24px #0003;border:1px solid var(--content-border-color);padding:28px;font-family:var(--content-font-family);color:var(--content-font-color);position:relative;animation:topic-overview-fade-in .3s ease-out;margin:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.topic-overview-container.is-loading{max-width:520px;padding:20px}@keyframes topic-overview-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-overview-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--content-font-color);font-size:28px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1}.topic-overview-close:hover{background:var(--content-border-color)}.topic-overview-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:4px;padding:4px;width:fit-content;max-width:100%;margin:0 auto 4px;background:var(--secondary-background-color, rgba(127, 127, 127, .08));border:1px solid var(--content-border-color);border-radius:8px;box-sizing:border-box}.topic-overview-mode-button{border:none;background:transparent;color:var(--content-font-color);min-height:34px;border-radius:6px;padding:0 14px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.topic-overview-mode-button.is-active{background:var(--primary-color);color:var(--button-text-color, #fff);box-shadow:0 1px 4px #00000029}.topic-overview-mode-button:not(.is-active):hover{background:var(--content-border-color)}.topic-overview-mode-hint{margin:6px auto 16px;text-align:center;color:var(--text-color);font-size:.86rem;line-height:1.35;opacity:.78}.topic-overview-actions{display:flex;justify-content:center;margin:12px 0 4px}.topic-overview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 48px;gap:28px;min-height:240px}.topic-overview-loading-orb{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.topic-overview-loading-orb-core{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--secondary-color, var(--primary-color)) 0%,var(--primary-color) 70%,transparent 100%);box-shadow:0 0 24px #4c2e8a59,0 0 60px #4c2e8a26;animation:topic-overview-orb-pulse 2.4s ease-in-out infinite}@keyframes topic-overview-orb-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}.topic-overview-loading-sparkle{position:absolute;font-size:16px;color:var(--primary-color);opacity:0;animation:topic-overview-sparkle 2.6s ease-in-out infinite;text-shadow:0 0 6px rgba(255,255,255,.5);pointer-events:none}.topic-overview-loading-sparkle-1{top:4px;left:12px;animation-delay:0s}.topic-overview-loading-sparkle-2{top:16px;right:6px;font-size:12px;animation-delay:.6s}.topic-overview-loading-sparkle-3{bottom:6px;left:24px;font-size:14px;animation-delay:1.2s}@keyframes topic-overview-sparkle{0%,to{opacity:0;transform:scale(.6) rotate(0)}20%{opacity:1;transform:scale(1.1) rotate(20deg)}40%{opacity:.6;transform:scale(1) rotate(40deg)}60%{opacity:0;transform:scale(.6) rotate(60deg)}}.topic-overview-loading-messages{position:relative;width:100%;height:1.6em;text-align:center}.topic-overview-loading-message{position:absolute;left:0;right:0;top:0;color:var(--text-color);font-size:.98rem;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.topic-overview-loading-message.is-active{opacity:1;transform:translateY(0)}.topic-overview-loading-message.is-past{opacity:0;transform:translateY(-8px)}.topic-overview-loading-dots{display:flex;gap:8px;margin-top:-8px}.topic-overview-loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);opacity:.4;animation:topic-overview-dot-bounce 1.2s ease-in-out infinite}.topic-overview-loading-dots span:nth-child(2){animation-delay:.18s}.topic-overview-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes topic-overview-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.topic-overview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:16px;text-align:center}.topic-overview-error-text{color:var(--text-color);font-size:1rem;line-height:1.5}.topic-overview-retry-button{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem}.topic-overview-retry-button:hover{opacity:.9}.topic-overview-upsell{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px 4px;text-align:center}.topic-overview-upsell-icon{font-size:2.4rem;line-height:1;animation:topic-overview-icon-pulse 2.5s ease-in-out infinite}@keyframes topic-overview-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.topic-overview-upsell-title{font-size:1.15rem;font-weight:700;color:var(--primary-color)}.topic-overview-upsell-text{color:var(--text-color);font-size:.95rem;line-height:1.5}.topic-overview-upsell-subtext{color:var(--text-color);font-size:.9rem;line-height:1.5;opacity:.85}.topic-overview-upgrade-button{margin-top:8px;padding:10px 24px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, var(--primary-color)));color:var(--button-text-color, #fff);font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .15s ease,box-shadow .15s ease}.topic-overview-upgrade-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.topic-overview-upgrade-button:active{transform:translateY(0)}.topic-overview-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:16px;margin-top:4px;border-top:1px solid var(--content-border-color)}.topic-overview-footer-prompt{color:var(--text-color);font-size:.85rem;opacity:.8}.topic-overview-regenerate-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:999px;padding:6px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.topic-overview-regenerate-button:hover{background:var(--primary-color);color:var(--button-text-color, #fff)}.topic-overview-regenerate-icon{display:inline-block;font-size:1rem;line-height:1;transition:transform .4s ease}.topic-overview-regenerate-button:hover .topic-overview-regenerate-icon{transform:rotate(180deg)}.topic-overview-content{display:flex;flex-direction:column;gap:16px;padding-top:12px}.topic-overview-title{font-size:1.2rem;font-weight:700;color:var(--primary-color);line-height:1.35}.topic-overview-summary{font-size:1rem;line-height:1.6;color:var(--content-font-color);padding:12px 0;border-bottom:1px solid var(--content-border-color)}.topic-overview-blocks{display:flex;flex-direction:column;gap:12px}.topic-overview-block{background:var(--background-color);border:1px solid var(--content-border-color);border-radius:var(--button-border-radius);padding:14px 16px;border-left-width:3px}.topic-overview-block-core-concepts{border-left-color:#6366f1}.topic-overview-block-explanation{border-left-color:#22c55e}.topic-overview-block-why-it-matters{border-left-color:#f59e0b}.topic-overview-block-examples{border-left-color:#8b5cf6}.topic-overview-block-common-mistakes{border-left-color:#ef4444}.topic-overview-block-study-tips,.topic-overview-block-takeaway{border-left-color:#0ea5e9}.topic-overview-block-title{margin:0 0 12px;font-size:.75rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.06em;padding-bottom:10px;border-bottom:1px solid var(--content-border-color)}.topic-overview-block-body{font-size:.95rem;line-height:1.55;color:var(--content-font-color)}.topic-overview-block-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.topic-overview-block-item{padding:10px 14px;background:var(--content-background-color);border:1px solid var(--content-border-color);border-radius:var(--button-border-radius);font-size:.93rem;line-height:1.5;color:var(--content-font-color)}.topic-overview-glossary{background:var(--background-color);border:1px solid var(--content-border-color);border-left:3px solid var(--primary-color);border-radius:var(--button-border-radius);padding:14px 16px}.topic-overview-glossary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.topic-overview-glossary-item{font-size:.9rem;line-height:1.5;text-align:left}.topic-overview-glossary-term{font-weight:700;color:var(--primary-color);margin-right:6px}.topic-overview-glossary-definition{color:var(--content-font-color)}.topic-overview-disclaimer{margin:0;text-align:center;font-size:.75rem;color:var(--text-color);opacity:.5;padding-top:8px}@media(max-width:600px){.topic-overview-container{padding:20px 16px;max-height:calc(100vh - 24px)}.topic-overview-overlay{padding:12px}.topic-overview-title{font-size:1.1rem}.topic-overview-summary{font-size:.95rem}}.topic-infographic-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.topic-infographic-container{width:100%;max-width:640px;min-height:min-content;max-height:calc(100vh - 40px);background:var(--content-background-color);border-radius:var(--container-border-radius);box-shadow:0 4px 24px #0003;border:1px solid var(--content-border-color);padding:28px;font-family:var(--content-font-family);color:var(--content-font-color);position:relative;animation:topic-infographic-fade-in .3s ease-out;margin:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.topic-infographic-container.is-loading{max-width:520px;padding:20px}@keyframes topic-infographic-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-infographic-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--content-font-color);font-size:28px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1}.topic-infographic-close:hover{background:var(--content-border-color)}.topic-infographic-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 48px;gap:28px;min-height:240px}.topic-infographic-loading-orb{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.topic-infographic-loading-orb-core{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--secondary-color, var(--primary-color)) 0%,var(--primary-color) 70%,transparent 100%);box-shadow:0 0 24px #4c2e8a59,0 0 60px #4c2e8a26;animation:topic-infographic-orb-pulse 2.4s ease-in-out infinite}@keyframes topic-infographic-orb-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}.topic-infographic-loading-sparkle{position:absolute;font-size:16px;color:var(--primary-color);opacity:0;animation:topic-infographic-sparkle 2.6s ease-in-out infinite;text-shadow:0 0 6px rgba(255,255,255,.5);pointer-events:none}.topic-infographic-loading-sparkle-1{top:4px;left:12px;animation-delay:0s}.topic-infographic-loading-sparkle-2{top:16px;right:6px;font-size:12px;animation-delay:.6s}.topic-infographic-loading-sparkle-3{bottom:6px;left:24px;font-size:14px;animation-delay:1.2s}@keyframes topic-infographic-sparkle{0%,to{opacity:0;transform:scale(.6) rotate(0)}20%{opacity:1;transform:scale(1.1) rotate(20deg)}40%{opacity:.6;transform:scale(1) rotate(40deg)}60%{opacity:0;transform:scale(.6) rotate(60deg)}}.topic-infographic-loading-messages{position:relative;width:100%;height:1.6em;text-align:center}.topic-infographic-loading-message{position:absolute;left:0;right:0;top:0;color:var(--text-color);font-size:.98rem;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.topic-infographic-loading-message.is-active{opacity:1;transform:translateY(0)}.topic-infographic-loading-message.is-past{opacity:0;transform:translateY(-8px)}.topic-infographic-loading-dots{display:flex;gap:8px;margin-top:-8px}.topic-infographic-loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);opacity:.4;animation:topic-infographic-dot-bounce 1.2s ease-in-out infinite}.topic-infographic-loading-dots span:nth-child(2){animation-delay:.18s}.topic-infographic-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes topic-infographic-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.topic-infographic-pending,.topic-infographic-error{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:32px 16px}.topic-infographic-pending-title,.topic-infographic-upsell-title{font-size:1.15rem;font-weight:700;color:var(--primary-color)}.topic-infographic-pending-text,.topic-infographic-error-text,.topic-infographic-upsell-text{color:var(--text-color);font-size:.95rem;line-height:1.5;max-width:420px}.topic-infographic-pending-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:4px}.topic-infographic-primary-button,.topic-infographic-secondary-button{min-height:38px;border-radius:var(--button-border-radius);padding:0 18px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit}.topic-infographic-primary-button{border:none;background:var(--primary-color);color:var(--button-text-color, #fff)}.topic-infographic-secondary-button{border:1px solid var(--content-border-color);background:transparent;color:var(--content-font-color)}.topic-infographic-primary-button:hover,.topic-infographic-secondary-button:hover{opacity:.9}.topic-infographic-content{display:flex;flex-direction:column;gap:16px;padding-top:12px}.topic-infographic-heading{padding-right:36px}.topic-infographic-title{font-size:1.2rem;font-weight:700;color:var(--primary-color);line-height:1.35}.topic-infographic-subtitle{margin-top:4px;font-size:.95rem;line-height:1.45;color:var(--text-color);opacity:.82}.topic-infographic-image-button{display:flex;justify-content:center;width:100%;max-height:min(62vh,640px);padding:0;border:1px solid var(--content-border-color);border-radius:var(--button-border-radius);background:var(--background-color);cursor:zoom-in;overflow:hidden;box-sizing:border-box}.topic-infographic-image-button:hover{border-color:var(--primary-color)}.topic-infographic-image{display:block;width:auto;max-width:100%;max-height:min(62vh,640px);aspect-ratio:2 / 3;object-fit:contain;background:#fff}.topic-infographic-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:16px;margin-top:4px;border-top:1px solid var(--content-border-color)}.topic-infographic-regenerate-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:999px;padding:6px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.topic-infographic-regenerate-button:hover{background:var(--primary-color);color:var(--button-text-color, #fff)}.topic-infographic-regenerate-icon{display:inline-block;font-size:1rem;line-height:1;transition:transform .4s ease}.topic-infographic-regenerate-button:hover .topic-infographic-regenerate-icon{transform:rotate(180deg)}.topic-infographic-disclaimer{margin:0;text-align:center;font-size:.75rem;color:var(--text-color);opacity:.5;padding-top:8px}.topic-infographic-fullscreen{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:18px;background:#000000db;box-sizing:border-box;cursor:zoom-out}.topic-infographic-fullscreen-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 6px 32px #0006}.topic-infographic-fullscreen-close{position:fixed;top:14px;right:14px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:1}.topic-infographic-fullscreen-close:hover{background:#fff3}@media(max-width:600px){.topic-infographic-overlay{padding:12px}.topic-infographic-container{padding:20px 16px;max-height:calc(100vh - 24px)}.topic-infographic-heading{padding-right:34px}.topic-infographic-title{font-size:1.1rem}.topic-infographic-image-button,.topic-infographic-image{max-height:min(58vh,560px)}}.topic-video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.topic-video-container{width:100%;max-width:860px;min-height:min-content;max-height:calc(100vh - 40px);background:var(--content-background-color);border-radius:var(--container-border-radius);box-shadow:0 4px 24px #0003;border:1px solid var(--content-border-color);padding:28px;font-family:var(--content-font-family);color:var(--content-font-color);position:relative;animation:topic-video-fade-in .3s ease-out;margin:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}@keyframes topic-video-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-video-close{position:absolute;top:12px;right:12px;background:#00000073;border:none;color:#fff;font-size:28px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}.topic-video-close:hover{background:#000000a6}.topic-video-frame{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--card-border-radius, 10px);background:#000}.topic-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.topic-video-link-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 16px;text-align:center}.topic-video-link-text{font-size:1rem;color:var(--text-color)}.topic-video-link-button{display:inline-block;padding:10px 24px;border:none;border-radius:999px;background:var(--primary-color);color:var(--button-text-color, #fff);font-size:.95rem;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer}.topic-video-link-button:hover{opacity:.9}.topic-video-meta{display:flex;flex-direction:column;gap:4px;padding-top:16px}.topic-video-title{font-size:1.1rem;font-weight:700;color:var(--content-font-color);line-height:1.4}.topic-video-title-loading{opacity:.6;font-weight:500}.topic-video-author{font-size:.9rem;color:var(--color-secondary-text, #666)}.topic-video-error{font-size:.88rem;color:var(--error-color, #ef4444)}.topic-video-license{font-size:.78rem;color:var(--text-color);opacity:.6;padding-top:4px}@media(max-width:600px){.topic-video-container{padding:16px;max-height:calc(100vh - 24px)}.topic-video-overlay{padding:12px}}.combined-course-container{width:100%;height:100%;display:flex;flex-direction:column}.course-mode-toggle{display:flex;gap:0;margin:10px auto 4px;max-width:600px;border:2px solid var(--primary-color);border-radius:8px;overflow:hidden;background-color:var(--background-color)}.course-mode-toggle-btn{flex:1;padding:12px 24px;border:none;background-color:var(--background-color);color:var(--text-color);cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;white-space:nowrap;min-width:120px}.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;overflow-y:auto}@media(max-width:768px){.course-mode-toggle-btn{padding:10px 16px;font-size:14px}}@media(hover:none)and (pointer:coarse){.course-mode-toggle-btn:hover{background-color:var(--background-color)!important;color:var(--text-color)!important;border-color:initial!important;opacity:initial!important;transform:none!important;box-shadow:initial!important}.course-mode-toggle-btn.active:hover{background-color:var(--primary-color)!important;color:var(--background-color)!important;border-color:initial!important;opacity:initial!important;transform:none!important;box-shadow:initial!important}}.view-card-templates-container{width:100%;height:100vh;display:flex;flex-direction:column;padding:10px;box-sizing:border-box;overflow:hidden;font-family:var(--content-font-family);background:var(--content-background-color);color:var(--content-font-color)}.admin-header-section{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--content-border-color)}.admin-header-section h2{margin:0 0 5px;font-size:1.5em}.admin-header-section p{margin:2px 0;font-size:.9em;color:var(--text-color)}.admin-filter-section{margin-bottom:15px;padding:10px;background-color:var(--secondary-background-color);border:1px solid var(--content-border-color);border-radius:4px;display:flex;flex-direction:column;gap:10px}.admin-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-filter-label{font-weight:500;color:var(--content-font-color);margin:0}.admin-checkbox-label{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--content-font-color);cursor:pointer;margin:0}.admin-show-reviewed-checkbox,.admin-show-raw-checkbox{margin:0;transform:scale(1.1);cursor:pointer}.admin-raw-markup{margin:0;padding:8px;background-color:var(--secondary-background-color);border:1px solid var(--content-border-color);border-radius:4px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.admin-deck-filter-select{padding:6px 12px;border:1px solid var(--content-border-color);border-radius:4px;background-color:var(--content-background-color);color:var(--content-font-color);font-size:14px;min-width:200px;cursor:pointer}.admin-deck-filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.admin-filter-info{font-size:12px;color:#666;font-style:italic}.admin-button-controls{display:flex;gap:10px;margin-bottom:15px;align-items:center;flex-wrap:wrap}.admin-button-controls button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-height:36px}.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;padding:12px 24px;font-size:16px}.admin-btn-next-course-large:hover{background-color:#5a2d91}button:disabled{opacity:.6;cursor:not-allowed}.admin-message-bar{padding:10px;margin-bottom:15px;border-radius:4px;background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;text-align:center}.admin-confirmation-dialog{background-color:var(--popup-background-color);border:2px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:15px;text-align:center;box-shadow:0 4px 12px #00000026}.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{flex:1;overflow:auto;border:1px solid var(--content-border-color);border-radius:4px}.admin-cards-review-table{width:100%;border-collapse:collapse;font-size:13px;background-color:var(--content-background-color)}.admin-cards-review-table th,.admin-cards-review-table td{padding:8px;border:1px solid var(--content-border-color);vertical-align:top;text-align:left}.admin-cards-review-table th{font-weight:600;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--content-border-color)}.admin-col-select{width:80px;text-align:center}.admin-col-question{width:35%}.admin-col-answers{width:50%}.admin-col-actions{width:100px;text-align:center}.admin-card-row.rejected{background-color:#fff5f5}.admin-card-row.reviewed{background-color:#f8f9fa;opacity:.8}.admin-card-row.rejected .admin-col-question,.admin-card-row.rejected .admin-col-answers{opacity:.7;text-decoration:line-through}.admin-rejection-checkbox{margin-right:8px;transform:scale(1.2)}.admin-row-number{display:block;font-size:11px;color:#666;margin-top:2px}.admin-question-content{line-height:1.4}.admin-deck-info,.admin-topic-info,.admin-available-date{font-size:11px;color:#666;margin-top:4px;font-style:italic}.admin-reviewed-indicator{font-size:11px;color:#28a745;margin-top:4px}.admin-reviewed-indicator strong{font-weight:700}.admin-answers-list{display:flex;flex-direction:column;gap:4px}.admin-answer-option{display:flex;align-items:flex-start;gap:6px;padding:4px 6px;border-radius:3px;line-height:1.3}.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{font-weight:600;color:#495057;min-width:20px}.admin-choice-text{flex:1}.admin-correct-indicator{color:#28a745;font-weight:700;margin-left:4px}.admin-btn-toggle{padding:4px 12px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;min-width:60px}.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{font-size:12px;color:#28a745;font-weight:600;padding:4px 8px;background-color:#d4edda;border-radius:3px;border:1px solid #c3e6cb}.admin-no-cards-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666}.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{flex-direction:column;align-items:stretch}.admin-button-controls button{width:100%;margin-bottom:5px}.admin-filter-section{gap:8px}.admin-filter-row{flex-direction:column;align-items:stretch;gap:8px}.admin-deck-filter-select{width:100%;min-width:auto}.admin-cards-review-table{font-size:11px}.admin-col-question{width:40%}.admin-col-answers{width:45%}.admin-cards-review-table th,.admin-cards-review-table td{padding:6px 4px}}@media print{.admin-button-controls,.admin-confirmation-dialog{display:none}.admin-cards-table-container{overflow:visible;border:none}.admin-cards-review-table{page-break-inside:auto}.admin-card-row{page-break-inside:avoid}}.course-management{max-width:1000px;margin:0 auto;padding:20px}.course-management h1{margin-bottom:20px;color:var(--text-color)}.course-management-header{display:flex;justify-content:center;flex-direction:column;align-items:center}.course-management-create{display:flex;justify-content:flex-end;flex-direction:row;align-items:center;margin-bottom:20px;width:100%}.course-management-header h1{margin:0}.school-selector{margin-bottom:24px;padding:16px;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a}.school-selector label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color);font-size:14px}.school-dropdown{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-background, white);color:var(--text-color);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.school-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.school-dropdown:hover{border-color:var(--primary-color)}.courses-section{margin-top:24px}.courses-section h3{margin-bottom:16px;color:var(--text-color);font-size:18px;font-weight:600}.courses-list{margin-top:20px}.courses-table-container{padding:0}.courses-table{width:100%;border-collapse:collapse;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.courses-table thead{background-color:#f8f9fa;color:var(--text-color)}.courses-table th,.courses-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.courses-table th{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.courses-table tbody tr:hover{background-color:var(--hover-color)}.courses-table tbody tr:last-child td{border-bottom:none}.actions-cell{display:flex;gap:8px;flex-direction:row;align-items:center}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease;text-decoration:none;display:inline-block}.btn-small{padding:6px 12px;font-size:12px}.btn-primary-management{background-color:var(--primary-color);color:#fff}.btn-primary-management:hover{background-color:var(--primary-hover-color, #0056b3)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn:disabled{opacity:.6;cursor:not-allowed}.error{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:16px;border:1px solid #f1aeb5}.success{background-color:#d1edff;color:#0c5460;padding:12px;border-radius:4px;margin-bottom:16px;border:1px solid #b8daff}.create-course-section{margin-top:24px;padding:16px;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;text-align:center}.create-course-section h3{margin-bottom:16px;color:var(--text-color);font-size:16px;font-weight:600}.course-management-delete-dialog{background-color:var(--card-background, white);border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 16px #0003;border:1px solid var(--border-color)}.course-management-delete-dialog h3{margin:0 0 16px;color:var(--text-color);font-size:18px;font-weight:600}.course-management-delete-dialog p{margin:0 0 16px;color:var(--text-color);line-height:1.5}.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{flex-direction:column;gap:10px;align-items:flex-start}.school-dropdown{max-width:100%;font-size:14px;padding:10px 12px}.school-selector label{font-size:14px}.courses-section h3{font-size:16px}.courses-table{font-size:14px}.courses-table th,.courses-table td{padding:8px}.actions-cell{flex-direction:column;gap:4px}.btn-small{width:100%;text-align:center}.course-management-delete-dialog{margin:20px;padding:20px}.confirmation-buttons{flex-direction:column-reverse;gap:8px}.confirmation-buttons .btn{width:100%;min-width:unset}}.create-course-form{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.create-course-form .form-group{margin-bottom:15px}.create-course-form .form-group label{display:block;margin-bottom:5px;font-weight:700;color:#000}.create-course-form .form-control{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.create-course-form .form-text{font-size:12px;color:#6c757d;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;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.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{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.books-section{border-top:1px solid #ddd;padding-top:20px;margin-top:20px}.books-section h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.books-list{margin-bottom:20px}.book-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.book-details{flex-grow:1}.book-details strong{display:block;margin-bottom:4px;color:#333}.book-details div{font-size:14px;color:#666;margin-bottom:2px}.topics-section,.admin-course-decks-section{border-top:1px solid #ddd;padding-top:20px;margin-top:20px}.admin-course-decks-section h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.admin-course-decks-list{margin-bottom:20px}.admin-course-deck-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.admin-course-deck-details{flex-grow:1}.admin-course-deck-details strong{display:block;margin-bottom:4px;color:#333}.add-admin-course-deck-form{background-color:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #e9ecef}.admin-course-deck-input-group{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.admin-course-deck-input{flex:1;min-width:150px}.text-warning{color:#ffc107!important;font-weight:500}.topics-section h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.topic-management-toggle{margin-bottom:15px}.topics-list{margin-bottom:20px}.topic-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.topic-details{flex-grow:1}.topic-details strong{display:block;margin-bottom:4px;color:#333}.topic-details div{font-size:14px;color:#666;margin-bottom:2px}.add-topic-form{background-color:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #e9ecef}.topic-input-group{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.topic-input{flex:1;min-width:150px}.topic-delete-dialog{background-color:var(--card-background, white);border-radius:8px;padding:24px;max-width:450px;width:90%;box-shadow:0 4px 16px #0003;border:1px solid var(--border-color)}.topic-delete-dialog h3{margin:0 0 16px;color:var(--text-color);font-size:18px;font-weight:600}.topic-delete-dialog p{margin:0 0 16px;color:var(--text-color);line-height:1.5}.topic-delete-dialog .warning-text{color:#dc3545;font-weight:500;margin-bottom:24px}.confirmation-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.confirmation-buttons .btn{padding:10px 20px;min-width:100px}.btn-small{padding:6px 12px;font-size:14px;border-radius:4px;border:none;cursor:pointer}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.btn-secondary:hover{background-color:#545b62}.btn-secondary:disabled{background-color:#adb5bd;cursor:not-allowed}.add-book-form{background-color:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #e9ecef}.book-input-group{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.book-input{flex: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{padding:20px;max-width:1000px;margin:0 auto}.theme-demo h2{text-align:center;margin-bottom:20px}.theme-buttons{display:flex;gap:10px;justify-content:center;margin:20px 0;flex-wrap:wrap}.theme-buttons button{padding:10px 20px;border:2px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-size:16px;transition:all .3s ease}.theme-buttons button:hover{opacity:.8;transform:translateY(-2px)}.theme-buttons button.active{border-color:#007bff;background-color:#007bff;color:#fff}.theme-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0}.asset-preview{text-align:center;padding:15px;border:2px solid #ddd;border-radius:8px;background:#f9f9f9}.asset-preview h3{margin:0 0 10px;font-size:16px}.preview-image{max-width:100%;max-height:100px;object-fit:contain}.theme-info{margin-top:30px;padding:20px;background:#f0f8ff;border-radius:8px;border:1px solid #ddd}.theme-info h3{margin-top:0;color:#333}.theme-info ul{margin:10px 0;padding-left:20px}.theme-info li{margin:5px 0}@media(max-width:600px){.mobile-bottom-spacer{height:120px;width:100%;display:block}}@media(max-width:600px){.login-container{display:block!important;min-height:100vh;height:auto;overflow-y:auto;justify-content:unset!important;align-items:unset!important}}@media(max-height:925px){.husky-study-heading{margin-top:0}}.login-button{background-color:var(--primary-color);border:none;color:var(--button-text-color);padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:18px!important;margin:4px 2px;cursor:pointer;border-radius:4px;font-family:var(--font-family)!important;font-weight:600;transition:background-color .3s ease}@media(max-width:768px){.google-login-button{display:none!important}}@media not all and (min-resolution:.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{color:var(--content-font-color);background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh}.email-form{border:2px solid var(--border-color);padding:10px;margin:10px;border-radius:var(--container-border-radius);max-width:600px}.waitlist-link,.waitlist-link a{color:var(--header-background-color);text-decoration:underline;transition:color .2s;cursor:pointer}.waitlist-link:hover,.waitlist-link a:hover{color:var(--hover-color)}.change-school-link{background-color:var(--background-color)!important;color:var(--content-font-color)!important;text-decoration:underline!important;margin:0!important;font-family:var(--content-font-family)!important;font-size:14px!important;padding:0!important;text-align:center!important;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.change-school-link:hover,.change-school-link:focus{color:var(--primary-color, var(--button-text-color))!important}.invite-form{border:2px solid var(--border-color);padding:10px 20px;margin:10px;border-radius:var(--container-border-radius)}.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);padding:10px;margin:10px 0;width:calc(100% - 20px)}.login-container button{background-color:var(--primary-color);border:none;color:var(--button-text-color);padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:var(--button-border-radius);font-family:var(--button-font-family);transition:background-color .3s ease}.login-search-results{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.login-course-box{margin:10px auto;padding-left:10px;padding-right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:600px;width:100%;box-sizing:border-box}.login-course-box label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-color);font-size:20px}.login-course-search{width:100%;padding:10px;font-size:16px;margin:10px 0;max-width:600px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--container-border-radius);background-color:var(--input-background-color);color:var(--content-font-color)}.login-autocomplete-dropdown{width:100%;max-width:600px}.login-autocomplete-item{cursor:pointer;padding:8px;max-width:600px;margin:2px auto 0;background:#fff;border-bottom:1px solid #ccc;border-radius:var(--container-border-radius);background-color:var(--input-background-color)}.login-autocomplete-item:hover{background-color:var(--hover-color)!important;color:var(--hover-text-color)!important;cursor:pointer}.login-selected-course-card{display:flex;flex-direction:column;min-height:60px;padding:15px 20px;margin-bottom:10px;background-color:var(--content-background-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012;transition:all .2s ease;max-width:100%;width:100%;box-sizing:border-box}.login-selected-course-info{flex:1;text-align:center;margin-bottom:8px;min-width:0}.login-selected-course-text{font-size:16px;font-weight:400;color:var(--color-primary-text, var(--content-font-color));line-height:1.4;margin-bottom:8px}.login-selected-course-name{font-weight:600;font-size:18px}.login-selected-course-actions{display:flex;justify-content:center;margin-top:0;margin-bottom:0}.login-course-action-btn{background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);font-size:24px;font-family:var(--content-font-family);text-decoration:none;margin:0 0 4px;padding:10px 24px;display:inline-block;text-align:center;cursor:pointer;box-shadow:0 2px 4px #00000026;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;outline:none;min-width:120px}.login-course-action-btn:hover,.login-course-action-btn:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.login-course-action-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.login-skip-button{background:none!important;border:none!important;color:var(--primary-color)!important;cursor:pointer;font-size:14px!important;margin-bottom:2px;margin-top:2px;padding:2px 8px!important;font-family:var(--content-font-family)!important;text-decoration:underline;transition:all .2s ease;font-weight:400!important}.login-skip-button:hover{color:var(--hover-text-color)!important;text-decoration:none!important;background-color:var(--hover-color)!important;border-radius:var(--container-border-radius)!important}.login-error{color:var(--error-color);font-family:var(--content-font-family);font-size:15px;margin:4px auto 8px;max-width:600px}.combined-brain-games-container{width:100%;height:100%;display:flex;flex-direction:column}.brain-games-mode-toggle{display:flex;gap:0;margin:10px auto 4px;max-width:600px;border:2px solid var(--primary-color);border-radius:8px;overflow:hidden;background-color:var(--background-color)}.brain-games-mode-toggle-btn{flex:1;padding:12px 24px;border:none;background-color:var(--background-color);color:var(--text-color);cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;white-space:nowrap;min-width:120px}.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;overflow-y:auto}@media(max-width:768px){.brain-games-mode-toggle-btn{padding:10px 16px;font-size:14px}}.braingame-view-toggle{display:flex;gap:0;margin:0 auto 16px;border:1.5px solid var(--primary-color);border-radius:6px;overflow:hidden;width:fit-content}.braingame-view-toggle-btn{padding:6px 18px;border:none;background-color:var(--background-color);color:var(--content-font-color);cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s,color .2s}.braingame-view-toggle-btn:hover{background-color:var(--hover-color, rgba(0,0,0,.06))}.braingame-view-toggle-btn.active{background-color:var(--primary-color);color:var(--background-color)}.braingame-weekly-chart-container{width:100%;padding:4px 4px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.braingame-weekly-chart-label{margin:8px 0 2px 4px;font-size:12px;font-weight:600;color:var(--content-font-color);text-transform:uppercase;letter-spacing:.04em}.braingame-weekly-chart-inner{width:100%;height:180px}@media(max-width:480px){.braingame-weekly-chart-inner{height:150px}.braingame-view-toggle-btn{padding:5px 14px;font-size:12px}}.brain-games-mastery-btn{background:var(--primary-color);color:var(--button-text-color);border:none;border-radius:6px;font-size:15px;font-weight:600;padding:4px 14px;margin:0;display:inline-block;vertical-align:middle;cursor:pointer;box-shadow:0 1px 4px #00000014;font-family:var(--button-font-family, inherit);transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.brain-games-mastery-btn:hover,.brain-games-mastery-btn:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.brain-games-mastery-info{text-align:center;margin-bottom:24px}.brain-games-mastery-info-text{margin:0;font-size:16px}.brain-games-mastery-link{font-size:16px}.brain-games-back-overlay-btn{position:absolute;bottom:10%;left:18px;z-index:10;background:var(--primary-color);color:var(--button-text-color);border:4px solid var(--border-color);border-radius:var(--button-border-radius);box-shadow:0 2px 4px #0000001a;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.brain-games-back-overlay-btn:hover,.brain-games-back-overlay-btn:focus{background-color:var(--hover-color);color:var(--hover-text-color);box-shadow:0 4px 8px #0000002e;transform:translateY(-2px)}.brain-games-bg{min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.brain-games-content-box{width:100%;max-width:700px;margin:0 auto;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.brain-games-title{text-align:center;margin-bottom:4px;margin-top:0;color:var(--content-header-color, var(--primary-color))}.brain-games-desc{text-align:center;font-size:18px;margin-bottom:24px;color:var(--content-font-color)}.brain-games-exercise-list{margin-bottom:32px;width:100%;box-sizing:border-box}.brain-games-exercise-header{font-size:20px;margin-bottom:12px;margin-top:0;color:var(--content-header-color, var(--primary-color))}.brain-games-exercise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;padding:0;margin:0}@media(max-width:600px){.brain-games-exercise-list{padding-left:12px;padding-right:12px}.brain-games-exercise-grid{grid-template-columns:1fr;gap:12px}}.brain-games-exercise-tile{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:18px;border-radius:14px;background-color:var(--content-background-color);border:1.5px solid var(--border-color);box-shadow:0 2px 8px #0000000f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;margin-bottom:0}.brain-games-exercise-tile:hover:not(.brain-games-exercise-tile-disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:var(--primary-color)}.brain-games-exercise-tile-disabled{opacity:.55;cursor:default}.brain-games-exercise-tile-locked{cursor:pointer}.brain-games-exercise-tile-premium{border-color:#d4af378c;background:linear-gradient(135deg,var(--content-background-color) 0%,rgba(212,175,55,.07) 100%);box-shadow:0 2px 12px #d4af3724}.brain-games-exercise-tile-premium:hover:not(.brain-games-exercise-tile-disabled){border-color:#d4af37e6;box-shadow:0 8px 20px #d4af3738}.brain-games-exercise-tile-free{border-color:#4caf508c;background:linear-gradient(135deg,var(--content-background-color) 0%,rgba(76,175,80,.08) 100%);box-shadow:0 2px 12px #4caf5029}.brain-games-exercise-tile-free:hover:not(.brain-games-exercise-tile-disabled){border-color:#4caf50e6;box-shadow:0 8px 20px #4caf503d}.brain-games-exercise-tile-main{display:flex;align-items:flex-start;gap:14px;flex:1}.brain-games-exercise-tile-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.brain-games-exercise-icon-badge{width:64px;height:64px;border-radius:14px;background:#613baf1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brain-games-exercise-icon-badge-premium{background:linear-gradient(135deg,#ffeb784d,#d4af3740)}.brain-games-exercise-icon-badge-free{background:linear-gradient(135deg,#81c7844d,#4caf5040)}.brain-games-exercise-icon-img{width:40px;height:40px;object-fit:contain;border:none;padding:0}.brain-games-exercise-tile-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brain-games-exercise-name{font-weight:700;font-size:17px;line-height:1.25;color:var(--content-font-color);text-align:left;min-width:0;word-break:break-word}.brain-games-exercise-desc{font-size:14px;line-height:1.45;color:var(--content-font-color);opacity:.85;margin:0;text-align:left;word-break:break-word}.brain-games-exercise-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}.brain-games-exercise-play{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:15px;font-weight:600;border-radius:999px;border:none;background:var(--primary-color);color:var(--button-text-color);font-family:var(--button-font-family, inherit);cursor:pointer;box-shadow:0 1px 4px #00000014;transition:background-color .2s,box-shadow .2s,transform .15s}.brain-games-exercise-play:hover,.brain-games-exercise-play:focus{background-color:var(--hover-color);box-shadow:0 4px 10px #0000002e;transform:translateY(-1px)}.brain-games-exercise-tutorial{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;color:var(--primary-color);border:1.5px solid var(--border-color);cursor:pointer;padding:0;transition:background-color .2s,color .2s,border-color .2s}.brain-games-exercise-tutorial:hover,.brain-games-exercise-tutorial:focus{background-color:var(--primary-color);color:var(--button-text-color);border-color:var(--primary-color)}.brain-games-btn-icon{width:16px;height:16px;display:block}.brain-games-exercise-tutorial .brain-games-btn-icon{width:18px;height:18px}.brain-games-exercise-locked-cta{display:inline-flex;align-items:center;padding:8px 14px;font-size:14px;font-weight:600;color:#b8860b;background:linear-gradient(135deg,#ffeb7859,#d4af3759);border:1.5px solid rgba(212,175,55,.5);border-radius:999px;cursor:pointer}.brain-games-exercise-coming-soon{display:inline-flex;align-items:center;padding:6px 12px;font-size:13px;font-style:italic;color:var(--content-header-color, var(--primary-color));background:var(--disabled-color);border-radius:999px;opacity:.9;margin:0}.brain-games-iframe-container{margin-top:30px}.brain-games-iframe{width:100%;min-height:500px;border:2px solid var(--border-color);border-radius:var(--card-border-radius, 10px)}.brain-games-iframe-back-row{text-align:right;margin-top:10px}.brain-games-iframe-back{padding:6px 16px;font-size:14px;border-radius:var(--button-border-radius, 5px);border:none;background:var(--disabled-color, #eee);color:var(--content-font-color, #444);cursor:pointer;margin-right:2px;font-family:var(--button-font-family, inherit)}body.brain-games-view{overflow:hidden}.brain-games-view .App{height:100vh;overflow:hidden}.brain-games-container{width:100%;min-height:calc(100vh - 4px);max-width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column}.brain-games-header{margin-bottom:0;text-align:center;padding:10px 0;border-bottom:1px solid #eaeaea}.brain-games-header h1{font-size:24px;margin:0;color:var(--primary-color)}.brain-games-content{flex:1;display:flex;flex-direction:column;padding:0;margin:0;overflow:hidden}.brain-games-iframe-container{position:relative;width:100%;height:100%;flex:1;overflow:hidden;margin:0;padding:0}.brain-games-iframe{position:absolute;inset:0;padding-left:0;padding-right:0;width:100%;height:100%;border:none;border-radius:0}.brain-games-progression{margin-top:2px;margin-bottom:2px;text-align:center;box-sizing:border-box;min-height:calc(100vh - 4px);width:calc(100% - 2px);padding-left:10px;padding-right:10px}.braingame-tile-container{margin:0 auto 10px;padding-left:10px;padding-right:10px;padding-bottom:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:590px;width:100%;box-sizing:border-box;gap:8px}.braingame-tiles-block{display:flex;flex-wrap:wrap;gap:0px;justify-content:flex-start;margin-bottom:0;width:100%}.braingame-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;margin:0 auto 8px;background:var(--content-background-color);box-shadow:none;min-width:90px;width:95%;max-width:150px;font-size:.98em;text-align:left;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000012}@media(max-width:400px){.braingame-tile{max-width:150px}}@media(max-width:350px){.braingame-tile{max-width:100%}}.braingame-tile-header{font-size:1.2em;font-weight:500;font-family:var(--header-font-family);margin-bottom:2px;color:var(--primary-color)}.braingame-tile-data{font-size:1.2em;color:var(--content-font-color)}.working-memory-training{color:var(--content-header-color, var(--primary-color));margin-bottom:12px;margin-top:0}.braingame-progression-section{width:100%;margin-bottom:24px;padding:16px 14px 10px;border-radius:14px;background:var(--content-background-color);border:2px solid var(--border-color);box-sizing:border-box}.braingame-progression-section-premium{border-color:#d4af3799;background:linear-gradient(135deg,var(--content-background-color) 0%,rgba(212,175,55,.07) 100%);box-shadow:0 2px 12px #d4af3726}.braingame-premium-badge{display:inline-flex;align-items:center;gap:3px;font-size:.75em;font-weight:700;letter-spacing:.04em;color:#b8860b;background:linear-gradient(135deg,#ffeb7859,#d4af3759);border:1.5px solid rgba(212,175,55,.5);border-radius:20px;padding:2px 9px;white-space:nowrap;position:relative;overflow:hidden;flex-shrink:0}.braingame-premium-badge:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,248,180,.65) 50%,transparent 100%);animation:braingame-badge-shimmer 4s ease-in-out infinite;border-radius:inherit;pointer-events:none}@keyframes braingame-badge-shimmer{0%{left:-75%}60%{left:125%}to{left:125%}}.braingame-free-week-badge{display:inline-flex;align-items:center;gap:3px;font-size:.75em;font-weight:700;letter-spacing:.04em;color:#2e7d32;background:linear-gradient(135deg,#a5d6a759,#4caf5059);border:1.5px solid rgba(76,175,80,.5);border-radius:20px;padding:2px 9px;white-space:nowrap;flex-shrink:0}.braingame-tile-premium-locked{border-color:#d4af3773!important;background:linear-gradient(135deg,var(--content-background-color) 0%,rgba(212,175,55,.06) 100%)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;text-align:center;padding:14px 16px!important;gap:6px}@media(hover:none)and (pointer:coarse){.brain-games-mode-toggle-btn:hover{background-color:var(--background-color)!important;color:var(--text-color)!important;border-color:initial!important;opacity:initial!important;transform:none!important;box-shadow:initial!important}.brain-games-mode-toggle-btn.active:hover{background-color:var(--primary-color)!important;color:var(--background-color)!important;border-color:initial!important;opacity:initial!important;transform:none!important;box-shadow:initial!important}}.quiz-container{display:flex;flex-direction:column;align-items:center;padding:10px 16px;gap:16px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.quiz-setup{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:32px;max-width:600px;width:100%;box-sizing:border-box;box-shadow:0 4px 12px #0000001a;margin:0 auto}.quiz-setup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.quiz-setup-header h2{margin:0;font-size:1.4rem}.quiz-history-link{background:none;border:none;color:var(--primary-color);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:0}.quiz-history-link:hover{opacity:.8}.quiz-topics-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto;padding:8px;border:2px solid var(--border-color);border-radius:var(--button-border-radius);background-color:var(--input-background)}.quiz-topic-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.85rem;cursor:pointer;padding:2px 0}.quiz-topic-checkbox-label:hover{color:var(--primary-color)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--button-border-radius);background-color:var(--input-background);color:var(--content-font-color);font-size:1rem;box-sizing:border-box}.quiz-available-count{display:block;margin-top:6px;font-size:.85rem;color:var(--color-secondary-text, #888)}.quiz-error{color:var(--error-color, #e53e3e);font-size:.9rem;margin-bottom:8px;padding:10px 12px;background:#e53e3e14;border-radius:var(--button-border-radius)}.quiz-start-button{width:100%;padding:14px 24px;font-weight:700;color:var(--button-text-color);background:var(--primary-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);margin-top:8px}.quiz-start-button:hover{opacity:.9;transform:translateY(-1px)}.quiz-session{display:flex;flex-direction:column;align-items:center;width:100%;max-width:620px;margin:0 auto;gap:16px;padding:16px;box-sizing:border-box}.quiz-session-header{width:100%;display:flex;flex-direction:column;gap:8px}.quiz-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-secondary-text, #888)}.quiz-timer{font-variant-numeric:tabular-nums;font-weight:600;color:var(--content-font-color)}.quiz-progress-bar-track{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.quiz-progress-bar-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.quiz-question-card{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:28px 24px;width:100%;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.quiz-question-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-secondary-text, #888);margin-bottom:12px}.quiz-question-text{font-size:1.15rem;font-weight:500;line-height:1.5;margin-bottom:20px;color:var(--content-font-color)}.quiz-choices-list{display:flex;flex-direction:column;gap:10px}.quiz-choice-btn{width:100%;padding:14px 18px;text-align:left;background:var(--input-background);border:2px solid var(--border-color);border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem;color:var(--content-font-color);transition:all .15s ease;line-height:1.4}.quiz-choice-btn:hover:not(:disabled){border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.06)}.quiz-choice-btn.correct{border-color:#10b981;background:#10b9811f;color:var(--content-font-color)}.quiz-choice-btn.wrong{border-color:#ef4444;background:#ef44441f;color:var(--content-font-color)}.quiz-choice-btn.correct-unselected{border-color:#10b981;background:#10b9810f}.quiz-flashcard-actions{display:flex;flex-direction:column;gap:12px}.quiz-answer-section{margin-bottom:16px}.quiz-answer-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#10b981;margin-bottom:8px}.quiz-answer-text{font-size:1rem;line-height:1.5;color:var(--content-font-color);background:#10b9810f;border:1px solid rgba(16,185,129,.3);border-radius:var(--button-border-radius);padding:12px 14px}.quiz-reveal-btn{width:100%;padding:14px;background:var(--input-background);border:2px dashed var(--border-color);border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem;color:var(--color-secondary-text, #888);transition:all .15s ease}.quiz-reveal-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.quiz-selfgrade-buttons{display:flex;gap:12px}.quiz-selfgrade-btn{flex:1;padding:14px;border:2px solid var(--border-color);border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .15s ease;background:var(--input-background);color:var(--content-font-color)}.quiz-selfgrade-btn.correct{border-color:#10b981;background:#10b9811f;color:#10b981}.quiz-selfgrade-btn.incorrect{border-color:#ef4444;background:#ef44441a;color:#ef4444}.quiz-selfgrade-btn:hover:not(:disabled){transform:translateY(-1px)}.quiz-feedback-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:4px}.quiz-feedback-text{font-size:.95rem;font-weight:600;padding:6px 12px;border-radius:20px}.quiz-feedback-text.correct{background:#10b9811f;color:#10b981}.quiz-feedback-text.incorrect{background:#ef44441a;color:#ef4444}.quiz-next-btn,.quiz-finish-btn{padding:12px 28px;font-weight:700;color:var(--button-text-color);background:var(--primary-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem;transition:all .2s ease;white-space:nowrap}.quiz-next-btn:hover,.quiz-finish-btn:hover{opacity:.9;transform:translateY(-1px)}.quiz-session-abort-btn{background:none;border:none;color:var(--color-secondary-text, #888);font-size:.85rem;cursor:pointer;text-decoration:underline;align-self:center;padding:4px}.quiz-results{display:flex;flex-direction:column;align-items:center;width:100%;max-width:640px;margin:0 auto;gap:20px;padding:16px;box-sizing:border-box}.quiz-results-score-card{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:28px 24px;width:100%;text-align:center;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.quiz-results-score-number{font-size:3rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:4px}.quiz-results-score-label{font-size:1rem;color:var(--color-secondary-text, #888);margin-bottom:8px}.quiz-results-score-fraction{font-size:1.1rem;font-weight:600;color:var(--content-font-color)}.quiz-results-meta{margin-top:16px;width:100%;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border-color);padding-top:14px}.quiz-results-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.85rem}.quiz-results-meta-label{color:var(--secondary-font-color);font-weight:600;text-transform:uppercase;font-size:.75rem;flex-shrink:0}.quiz-results-meta-value{color:var(--content-font-color);text-align:right}.quiz-results-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}.quiz-cta-primary{padding:12px 24px;font-weight:700;color:var(--button-text-color);background:var(--primary-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem;transition:all .2s ease}.quiz-cta-primary:hover{opacity:.9}.quiz-cta-secondary{padding:12px 24px;font-weight:600;color:var(--primary-color);background:var(--content-background-color);border:2px solid var(--primary-color);border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem;transition:all .2s ease}.quiz-cta-secondary:hover{background:rgba(var(--primary-color-rgb),.06)}.quiz-results-title{font-size:1.2rem;font-weight:700;margin:0 0 8px;text-align:left;width:100%}.quiz-results-list{display:flex;flex-direction:column;gap:8px;width:100%}.quiz-result-item{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:10px;overflow:hidden}.quiz-result-item.correct{border-left:4px solid #10b981}.quiz-result-item.incorrect{border-left:4px solid #ef4444}.quiz-result-item-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;user-select:none}.quiz-result-item-header:hover{background:rgba(var(--primary-color-rgb),.04)}.quiz-result-icon{font-size:1.1rem;flex-shrink:0}.quiz-result-question-text{flex:1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--content-font-color)}.quiz-result-expand-icon{font-size:.75rem;color:var(--color-secondary-text, #888);flex-shrink:0;transition:transform .2s ease}.quiz-result-expand-icon.expanded{transform:rotate(180deg)}.quiz-result-item-detail{padding:0 16px 14px 42px;display:flex;flex-direction:column;gap:8px;font-size:.9rem}.quiz-result-detail-row{display:flex;flex-direction:column;gap:2px}.quiz-result-detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-secondary-text, #888)}.quiz-result-detail-value{color:var(--content-font-color);line-height:1.4}.quiz-result-detail-value.correct{color:#10b981;font-weight:600}.quiz-result-detail-value.incorrect{color:#ef4444;font-weight:600}.quiz-history{display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto;gap:16px;padding:16px;box-sizing:border-box}.quiz-history-header{text-align:center}.quiz-history-header h2{margin:0;font-size:1.3rem}.quiz-history-list{display:flex;flex-direction:column;gap:10px}.quiz-history-item{background:var(--content-background-color);border:2px solid var(--border-color);border-radius:10px;padding:16px 18px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:16px}.quiz-history-item:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.quiz-history-score-badge{font-size:1.5rem;font-weight:800;color:var(--primary-color);min-width:56px;text-align:center;line-height:1}.quiz-history-score-pct{font-size:.8rem;color:var(--color-secondary-text, #888);text-align:center;margin-top:2px}.quiz-history-item-info{flex:1;min-width:0}.quiz-history-item-date{font-size:.8rem;color:var(--color-secondary-text, #888);margin-bottom:3px}.quiz-history-item-course{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--content-font-color)}.quiz-history-item-topics{font-size:.8rem;color:var(--color-secondary-text, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.quiz-history-chevron{color:var(--color-secondary-text, #888);font-size:.9rem;flex-shrink:0}.quiz-history-empty{text-align:center;color:var(--color-secondary-text, #888);padding:40px 20px;font-size:.95rem}.quiz-history-summary{width:100%;max-width:590px;margin:16px auto 0;padding:0 10px 10px;box-sizing:border-box}.quiz-history-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quiz-history-summary-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--content-header-color)}.quiz-history-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;justify-items:center}@media(max-width:580px){.quiz-history-compact-grid{grid-template-columns:1fr}}@media(max-width:480px){.quiz-history-compact-grid .course-activity-item{flex-direction:row;align-items:center;min-height:44px;padding:8px 10px}.quiz-history-compact-grid .course-info{margin-right:0;margin-bottom:0}}.quiz-section{margin-top:8px;background:var(--content-background-color);border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:24px 32px;max-width:800px;width:100%;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.quiz-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quiz-section-header h3{margin:0;font-size:1.1rem}.quiz-section-description{font-size:.85rem;color:var(--color-secondary-text, #888);margin-bottom:16px}.quiz-section-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.quiz-section-row .form-group{flex:1;min-width:160px;margin-bottom:0}.quiz-section-btn{padding:12px 24px;font-weight:700;color:var(--button-text-color);background:var(--secondary-color, var(--primary-color));border:none;border-radius:var(--button-border-radius);cursor:pointer;font-size:.95rem;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.quiz-section-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:600px){.quiz-container{padding:8px 10px;gap:12px}.quiz-setup{padding:20px 16px;max-width:100%}.quiz-session{padding:8px 0;max-width:100%;gap:12px}.quiz-question-card{padding:16px 14px}.quiz-question-text{font-size:1.05rem;margin-bottom:16px}.quiz-choice-btn{padding:12px 14px;font-size:.9rem}.quiz-selfgrade-buttons{gap:8px}.quiz-selfgrade-btn{padding:12px 8px;font-size:.9rem}.quiz-feedback-row{flex-direction:column;align-items:stretch;gap:8px}.quiz-feedback-text{text-align:center}.quiz-next-btn,.quiz-finish-btn{width:100%;padding:14px 16px}.quiz-results{padding:8px 0;max-width:100%;gap:14px}.quiz-results-score-card{padding:20px 16px}.quiz-results-score-number{font-size:2.5rem}.quiz-results-cta-row{flex-direction:column;gap:8px}.quiz-cta-primary,.quiz-cta-secondary{width:100%}.quiz-result-item-detail{padding:0 12px 12px 24px}.quiz-history{padding:8px 0;max-width:100%}.quiz-history-item{padding:12px 14px;gap:12px}.quiz-section{padding:20px 16px;max-width:100%}.quiz-section-row{flex-direction:column;align-items:stretch}.quiz-section-btn{width:100%}}@media(max-width:380px){.quiz-container{padding:6px 8px}.quiz-setup{padding:16px 12px}.quiz-question-card{padding:14px 12px}.quiz-question-text{font-size:1rem}.quiz-results-score-number{font-size:2rem}.quiz-result-item-detail{padding:0 8px 12px 20px}}.quiz-result-detail-actions{margin-top:10px;display:flex;justify-content:flex-end}.quiz-result-detail-actions .answer-button-explain{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color, var(--primary-color)));color:var(--button-text-color, #fff);border:none;border-radius:999px;cursor:pointer;height:30px;padding:0 14px;font-size:.9rem;font-weight:600;letter-spacing:.2px;box-shadow:0 2px 6px #00000026;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.quiz-result-detail-actions .answer-button-explain:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003;opacity:.95}.quiz-result-detail-actions .answer-button-explain:active{transform:translateY(0);box-shadow:0 1px 3px #00000026}.quiz-result-detail-actions .explain-button-icon{font-size:1rem;line-height:1;display:inline-block;animation:explain-icon-pulse 2.5s ease-in-out infinite}