.header-bar{display:flex;flex-direction:row;background-color:#3e9aca;padding:5px 10px;align-items:center;justify-content:space-between;width:100%;height:70px;overflow:hidden}.header-left{display:flex;flex-direction:row;align-items:center;cursor:pointer;height:100%;max-height:70px;overflow:hidden}.header-logo{width:140px;height:140px;max-height:70px;margin-right:10px;margin-top:-5px;object-fit:contain}.header-right{display:flex;align-items:center;padding:8px}.header-menu-icon{cursor:pointer}.header-signin-button{background-color:#fff;color:#3e9aca;border:2px solid #fff;border-radius:8px;padding:8px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.header-signin-button:hover{background-color:#f0f0f0;border-color:#f0f0f0;transform:translateY(-1px)}.header-signin-button:active{transform:translateY(0)}.menu-icon{width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between}.menu-line{height:4px;background-color:#fff;border-radius:2px;margin:1px 0}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;background-color:#f8f8f8;padding:20px}.loading-logo{width:200px;height:150px;margin-bottom:30px;object-fit:contain}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top:4px solid #3E9ACA;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-text{font-size:16px;color:#3e9aca;font-family:monospace;font-weight:700}.ad-banner{position:fixed;display:flex;justify-content:center;align-items:center;background-color:var(--app-background-color, #ffffff);border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;box-shadow:0 10px 25px -15px #12263f73;z-index:1050;transition:transform .2s ease,opacity .2s ease}.ad-banner__content{position:relative;width:100%;height:100%;background-color:inherit}.ad-banner__slot{width:100%;height:100%}.ad-banner__placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:6px;font-size:.95rem;color:#4a5568;background:repeating-linear-gradient(45deg,#4299e114,#4299e114 10px,#e2e8f04d 10px,#e2e8f04d 20px);text-align:center;padding:12px}.ad-banner__placeholder small{font-size:.8rem;color:#718096}.ad-banner--left,.ad-banner--right{width:180px;height:600px;top:calc(50% + 35px);transform:translateY(-50%)}.ad-banner--left{left:16px}.ad-banner--right{right:16px}.ad-banner--bottom{left:50%;bottom:16px;transform:translate(-50%);width:min(calc(100% - 32px),960px);height:120px}.ad-banner--left:hover,.ad-banner--right:hover{transform:translateY(-50%) scale(1.01)}.ad-banner--bottom:hover{transform:translate(-50%) scale(1.01)}@media (max-width: 1440px){.ad-banner--left,.ad-banner--right{width:150px}}@media (max-width: 1280px){.ad-banner--left,.ad-banner--right{display:none}}@media (max-width: 768px){.ad-banner--bottom{width:calc(100% - 24px);height:100px;left:12px;right:12px;transform:none}}.access-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at center,#0f172ae6,#0f172afa);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4000}.access-overlay__card{width:min(560px,100%);background-color:#fff;border-radius:16px;padding:36px 40px;box-shadow:0 20px 45px -20px #11182799;text-align:left;color:#1a202c;line-height:1.6}.access-overlay__title{font-size:1.75rem;margin-bottom:16px;color:#1a365d}.access-overlay__description{font-size:1rem;margin-bottom:16px}.access-overlay__reason,.access-overlay__isp{font-size:.95rem;background-color:#4299e11a;border-left:4px solid rgba(66,153,225,.45);border-radius:6px;padding:12px 16px;margin-bottom:12px;color:#2b4364}.access-overlay__support{font-size:.9rem;margin-top:24px;color:#4a5568}@media (max-width: 640px){.access-overlay{padding:16px}.access-overlay__card{padding:28px 24px}.access-overlay__title{font-size:1.5rem}}.cookie-consent-footer-banner{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:2px solid #3E9ACA;box-shadow:0 -4px 20px #00000026;z-index:100001;transform:translateY(100%);transition:transform .3s ease-in-out;padding:16px 20px}.cookie-consent-footer-banner.visible{transform:translateY(0)}.cookie-consent-footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-consent-footer-text{display:flex;align-items:center;gap:10px;flex:1;font-size:14px;color:#4a5568;font-family:monospace}.cookie-consent-footer-icon{font-size:20px}.cookie-consent-footer-link{background:none;border:none;color:#3e9aca;text-decoration:underline;cursor:pointer;padding:0;font-size:14px;font-family:monospace}.cookie-consent-footer-link:hover{color:#1a4a6b}.cookie-consent-footer-buttons{display:flex;gap:12px;flex-shrink:0}.cookie-consent-footer-button{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:monospace;white-space:nowrap}.cookie-consent-footer-button-reject{background-color:#e0e0e0;color:#4a5568}.cookie-consent-footer-button-reject:hover{background-color:#d0d0d0}.cookie-consent-footer-button-accept{background-color:#3e9aca;color:#fff}.cookie-consent-footer-button-accept:hover{background-color:#1a4a6b}.cookie-consent-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:20px;z-index:100002;opacity:0;transition:opacity .15s ease-in-out}.cookie-consent-overlay.visible{opacity:1}.cookie-consent-container{max-width:600px;width:100%;max-height:90vh;background-color:#fff;border-radius:20px;border:2px solid #3E9ACA;box-shadow:0 8px 24px #3e9aca4d;transform:scale(.9);transition:transform .2s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.cookie-consent-container.visible{transform:scale(1)}.cookie-consent-header{padding:24px 28px;border-bottom:1px solid #e0e0e0}.cookie-consent-title{font-size:22px;font-weight:700;text-align:center;margin:0;font-family:monospace;letter-spacing:.5px;color:#1a4a6b}.cookie-consent-content{flex:1;overflow-y:auto;padding:24px 28px}.cookie-consent-text{font-family:monospace;color:#4a5568;line-height:1.6}.cookie-consent-text p{font-size:14px;margin-bottom:16px;text-align:justify}.cookie-consent-text ul{margin:12px 0 16px 20px;padding-left:0}.cookie-consent-text li{font-size:14px;margin-bottom:8px;color:#4a5568}.cookie-consent-text strong{color:#1a4a6b;font-weight:600}.cookie-consent-privacy{margin-top:20px;padding:12px 16px;border-left:4px solid #3E9ACA;background-color:#3e9aca1f;border-radius:12px;color:#1a2c40;font-weight:600;text-align:left}.cookie-consent-privacy a{color:#3e9aca;text-decoration:underline}.cookie-consent-privacy a:hover{color:#1a4a6b}.cookie-consent-footer{padding:20px 28px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;gap:12px}.cookie-consent-button{padding:12px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:monospace;min-width:120px}.cookie-consent-button-reject{background-color:#e0e0e0;color:#4a5568}.cookie-consent-button-reject:hover{background-color:#d0d0d0;transform:translateY(-2px)}.cookie-consent-button-accept{background-color:#3e9aca;color:#fff}.cookie-consent-button-accept:hover{background-color:#1a4a6b;transform:translateY(-2px)}.cookie-consent-button:active{transform:translateY(0)}@media (max-width: 768px){.cookie-consent-footer-banner{padding:12px 16px}.cookie-consent-footer-content{flex-direction:column;align-items:flex-start;gap:12px}.cookie-consent-footer-text{font-size:13px;flex-direction:column;align-items:flex-start;gap:8px}.cookie-consent-footer-buttons{width:100%;flex-direction:column}.cookie-consent-footer-button{width:100%;padding:12px 20px}.cookie-consent-container{max-width:95%}.cookie-consent-title{font-size:20px}.cookie-consent-text p,.cookie-consent-text li{font-size:13px}.cookie-consent-button{padding:10px 20px;font-size:14px;min-width:100px}.cookie-consent-footer{flex-direction:column}.cookie-consent-button{width:100%}}.terms-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000;opacity:0;transition:opacity .15s ease-in-out}.terms-overlay.visible{opacity:1}.terms-container{max-width:600px;width:100%;max-height:90vh;background-color:#fff;border-radius:20px;border:2px solid #3E9ACA;box-shadow:0 8px 24px #3e9aca4d;transform:scale(.9);transition:transform .2s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.terms-container.visible{transform:scale(1)}.terms-header{padding:24px 28px;border-bottom:1px solid #e0e0e0}.terms-title{font-size:22px;font-weight:700;text-align:center;margin:0;font-family:monospace;letter-spacing:.5px;color:#1a4a6b}.terms-content{flex:1;overflow-y:auto;padding:24px 28px}.terms-text{font-family:monospace;color:#4a5568;line-height:1.6}.terms-text h3{font-size:18px;font-weight:700;margin-top:24px;margin-bottom:12px;color:#3e9aca}.terms-text h3:first-of-type{margin-top:0}.terms-text p{font-size:14px;margin-bottom:16px;text-align:justify}.terms-disclaimer{margin:12px 0 18px;padding:12px 16px;border-left:4px solid #3E9ACA;background-color:#3e9aca1f;border-radius:12px;color:#1a2c40;font-weight:600;text-align:left}.terms-footer{padding:20px 28px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;gap:12px}.terms-button{padding:12px 32px;border-radius:12px;border:none;font-size:16px;font-weight:700;font-family:monospace;letter-spacing:.5px;cursor:pointer;color:#fff;background-color:#3e9aca;transition:opacity .2s ease-in-out;box-shadow:0 4px 12px #0003}.terms-button:hover{opacity:.9}.terms-accept-button{min-width:180px}.home-container{flex:1;background-color:#f8f8f8;min-height:calc(100vh - 140px);padding-bottom:60px}.home-scroll-content{display:flex;flex-direction:column;align-items:center;padding:20px 10px}.home-hero{width:100%;max-width:960px;background:linear-gradient(135deg,#3e9aca1a,#3e9aca40);border-radius:32px;padding:32px 26px;margin:24px auto;text-align:center;color:#1a1f2b}.home-hero h1{font-size:2.25rem;font-weight:700;margin-bottom:16px}.home-hero p{font-size:1rem;line-height:1.7;max-width:760px;margin:0 auto 20px;color:#2b3748}.home-disclaimer{font-size:.9rem;line-height:1.6;max-width:760px;margin:0 auto 20px;color:#1a2c40;background-color:#3e9aca24;border-left:4px solid #3e9aca;padding:12px 18px;border-radius:18px;text-align:left}.home-keyword-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.home-keyword-tags span{background:linear-gradient(135deg,#3e9aca,#2e7ba8);color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:500;transition:all .3s ease;cursor:pointer}.home-keyword-tags span:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3e9aca4d}.home-statistics{width:100%;max-width:960px;margin:32px auto;padding:32px 26px;background:#fff;border-radius:24px;box-shadow:0 8px 32px #00000014}.home-statistics h2{text-align:center;color:#3e9aca;font-size:2rem;font-weight:700;margin-bottom:32px}.home-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.home-stat-item{text-align:center;padding:24px;background:linear-gradient(135deg,#f8fcff,#e8f4f8);border-radius:16px;border:1px solid rgba(62,154,202,.1);transition:transform .3s ease}.home-stat-item:hover{transform:translateY(-4px)}.home-stat-number{font-size:2.5rem;font-weight:800;color:#3e9aca;margin-bottom:8px}.home-stat-label{font-size:1rem;font-weight:600;color:#2b3748}.home-study-areas{width:100%;max-width:960px;margin:32px auto;padding:32px 26px;background:#fff;border-radius:24px;box-shadow:0 8px 32px #00000014}.home-study-areas h2{text-align:center;color:#3e9aca;font-size:2rem;font-weight:700;margin-bottom:32px}.home-study-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.home-study-area{padding:24px;background:linear-gradient(135deg,#f8fcff,#e8f4f8);border-radius:16px;border-left:4px solid #3e9aca}.home-study-area h3{color:#2e7ba8;font-size:1.3rem;font-weight:600;margin-bottom:12px}.home-study-area p{font-size:1rem;line-height:1.6;color:#2b3748;margin-bottom:16px}.home-study-area ul{list-style:none;padding-left:0;margin:0}.home-study-area ul li{position:relative;padding-left:20px;margin-bottom:6px;font-size:.9rem;color:#4a5568}.home-study-area ul li:before{content:"✓";position:absolute;left:0;color:#3e9aca;font-weight:700}.home-keyword-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.home-keyword-tags span{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.95rem;color:#2b5b80;box-shadow:0 6px 20px #3e9aca26}.home-benefits{width:100%;max-width:960px;margin:24px auto 32px;color:#1a1f2b}.home-benefits h2{font-size:1.75rem;font-weight:700;margin-bottom:18px;text-align:center}.home-benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.home-benefit-grid article{background-color:#fff;border-radius:24px;padding:22px 20px;box-shadow:0 12px 30px #3e9aca1a;transition:transform .25s ease,box-shadow .25s ease}.home-benefit-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 36px #3e9aca33}.home-benefit-grid h3{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#2b5b80}.home-benefit-grid p{font-size:.95rem;line-height:1.6;color:#435569}.home-logo{width:320px;height:240px;margin-top:0;margin-bottom:10px;object-fit:contain}.home-locked-message{width:93%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:1px dashed rgba(62,154,202,.5);border-radius:20px;padding:24px 18px;text-align:center;gap:16px;color:#2b3748;box-shadow:0 16px 34px -28px #0f172a8c}.home-locked-message p{margin:0;font-size:1rem;font-weight:600}.home-login-button{background-color:#3e9aca;color:#fff;border:none;border-radius:28px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 20px #3e9aca40}.home-login-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #3e9aca59}.home-login-button:active{transform:translateY(0);box-shadow:0 8px 16px #3e9aca40}.home-signin-promotion{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;margin-top:10px}.home-signin-button{background:linear-gradient(135deg,#3e9aca,#2b7ba8);color:#fff;border:none;border-radius:32px;padding:14px 36px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3e9aca4d;white-space:nowrap}.home-signin-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3e9aca66;background:linear-gradient(135deg,#4ba8d4,#3e9aca)}.home-signin-button:active{transform:translateY(0);box-shadow:0 6px 20px #3e9aca4d}.home-faq{width:100%;max-width:960px;margin:28px 0 36px;padding:24px 22px;background:#ffffffe6;border-radius:28px;box-shadow:0 10px 24px #1a1f2b14}.home-faq h2{font-size:1.6rem;font-weight:700;margin-bottom:16px;text-align:center;color:#1a1f2b}.home-faq details{border-radius:16px;padding:14px 18px;margin-bottom:12px;background-color:#f1f7fb;cursor:pointer;transition:background-color .2s ease}.home-faq details[open]{background-color:#e2f0f8}.home-faq summary{font-weight:600;font-size:1rem;color:#2b5b80;outline:none}.home-faq p{margin-top:10px;font-size:.95rem;line-height:1.6;color:#415266}.exam-button:hover{opacity:.9}.offline-badge{background-color:#ff9800;padding:8px 16px;border-radius:20px;margin-bottom:16px}.offline-badge span{color:#fff;font-size:14px;font-weight:700}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top:4px solid #3e9aca;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.home-hero h1{font-size:1.8rem}.home-hero{padding:26px 20px}.home-locked-message{padding:20px 16px}.home-benefits h2{font-size:1.45rem}.home-benefit-grid{grid-template-columns:1fr}.home-logo{width:240px;height:auto}.home-signin-button{font-size:14px;padding:12px 24px;white-space:normal;text-align:center;max-width:90%}}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000;opacity:0;transition:opacity .15s ease-in-out}.alert-overlay.visible{opacity:1}.alert-container{max-width:380px;width:100%;border-radius:20px;padding:28px;border:2px solid;box-shadow:0 8px 24px #3e9aca4d;transform:scale(.9);transition:transform .2s ease-in-out}.alert-container.visible{transform:scale(1)}.alert-icon{font-size:48px;text-align:center;margin-bottom:20px}.alert-title{font-size:22px;font-weight:700;text-align:center;margin-bottom:16px;font-family:monospace;letter-spacing:.5px}.alert-message{font-size:16px;text-align:center;margin-bottom:28px;line-height:24px;font-family:monospace;color:#4a5568}.alert-buttons{display:flex;justify-content:space-between;gap:16px}.alert-button{flex:1;padding:14px 24px;border-radius:12px;border:none;font-size:16px;font-weight:700;font-family:monospace;letter-spacing:.5px;cursor:pointer;color:#fff;transition:opacity .2s ease-in-out;box-shadow:0 4px 12px #0003}.alert-button:hover{opacity:.9}.alert-button-cancel{background-color:#6c757d}.signin-container{display:flex;flex-direction:column;background-color:#f5f7fa;min-height:100vh;position:relative}.signin-scroll-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;flex-grow:1;position:relative;z-index:1}.signin-image{width:200px;height:200px;margin-bottom:30px;object-fit:contain}.signin-game-card{width:90%;max-width:420px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff80 inset,0 8px 32px #3e9aca26;padding:28px 24px;position:relative;overflow:hidden;animation:cardFloat 3s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.signin-game-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(62,154,202,.1) 50%,transparent 70%);animation:shine 3s infinite}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signin-card-header{text-align:center;margin-bottom:20px;position:relative;z-index:1}.signin-card-badge{display:inline-block;font-size:40px;margin-bottom:8px;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.signin-card-title{font-size:1.75rem;font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#3e9aca,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.signin-card-subtitle{font-size:.85rem;color:#666;margin:0;font-weight:500}.signin-form{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.signin-card-footer{margin-top:18px;padding-top:18px;border-top:2px dashed rgba(62,154,202,.3);width:100%;position:relative;z-index:1}.signin-card-stats{display:flex;justify-content:space-around;align-items:center;gap:12px;flex-wrap:wrap}.signin-stat-item{font-size:.85rem;font-weight:600;color:#3e9aca;padding:6px 12px;background:#3e9aca1a;border-radius:12px;white-space:nowrap;transition:transform .2s ease,background .2s ease}.signin-stat-item:hover{transform:scale(1.05);background:#3e9aca26}.signin-label{align-self:flex-start;margin-left:4px;margin-top:8px;font-family:monospace;font-size:14px;color:#222}.signin-input-wrapper{display:flex;flex-direction:row;align-items:center;width:100%;border:2px solid rgba(62,154,202,.3);border-radius:12px;margin-top:4px;margin-bottom:6px;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.signin-input-wrapper:focus-within{border-color:#3e9aca;box-shadow:0 4px 12px #3e9aca33;transform:translateY(-2px)}.signin-input-icon{margin-left:8px;margin-right:4px;font-size:22px}.signin-input{flex:1;padding:8px;font-size:16px;font-family:monospace;color:#222;background-color:#fff;border:none;outline:none}.signin-input::placeholder{color:#aaa}.signin-password-toggle{margin-right:8px;background:none;border:none;cursor:pointer;font-size:22px;padding:4px}.signin-button{display:flex;flex-direction:row;margin-top:12px;background:linear-gradient(135deg,#3e9aca,#2b7ba8);border-radius:16px;padding:12px 32px;align-items:center;justify-content:center;width:100%;border:none;cursor:pointer;transition:all .3s ease;gap:8px;font-size:16px;font-weight:700;font-family:monospace;color:#fff;letter-spacing:1px;box-shadow:0 4px 16px #3e9aca4d;position:relative;overflow:hidden}.signin-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.signin-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3e9aca66}.signin-button:hover:before{width:300px;height:300px}.signin-button:active{transform:translateY(0);box-shadow:0 2px 8px #3e9aca4d}.signin-link-button{display:flex;flex-direction:row;margin-top:14px;align-items:center;background:none;border:none;cursor:pointer;gap:6px;color:#3e9aca;font-family:monospace;font-size:13px;padding:6px;transition:all .2s ease;border-radius:8px}.signin-link-button:hover{text-decoration:underline;background:#3e9aca1a;transform:translate(4px)}.signin-divider{display:flex;flex-direction:row;align-items:center;width:100%;margin:16px 0}.signin-divider-line{flex:1;height:1px;background-color:#ddd}.signin-divider-text{margin:0 12px;font-family:monospace;font-size:14px;color:#888}.signin-google-button{display:flex;flex-direction:row;margin-top:12px;background-color:#fff;border-radius:16px;padding:12px 32px;align-items:center;justify-content:center;width:100%;border:2px solid #dadce0;cursor:pointer;transition:all .3s ease;gap:12px;font-size:16px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#3c4043;letter-spacing:.25px;box-shadow:0 2px 8px #00000014}.signin-google-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#4285f4}.signin-google-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.signin-google-button .google-logo{flex-shrink:0}@media (max-width: 768px){.signin-game-card{width:95%;padding:24px 20px;border-radius:20px}.signin-card-title{font-size:1.6rem}.signin-card-badge{font-size:40px}.signin-button,.signin-google-button{padding:12px 32px;font-size:16px}.signin-card-stats{gap:8px}.signin-stat-item{font-size:.75rem;padding:4px 10px}}@media (max-width: 480px){.signin-scroll-container{padding:20px 15px}.signin-game-card{padding:20px 16px}.signin-card-title{font-size:1.4rem}.signin-card-subtitle{font-size:.85rem}.signin-stat-item{font-size:.7rem;padding:4px 8px}}.signup-container{display:flex;flex-direction:column;background:#fff;min-height:100vh}.signup-scroll-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;flex-grow:1}.signup-form{width:90%;max-width:500px;display:flex;flex-direction:column;background-color:#fff;padding:40px 30px;border-radius:24px;box-shadow:0 8px 32px #3e9aca1f}.signup-title{text-align:center;margin-bottom:32px;font-family:monospace;color:#3e9aca;font-size:28px;font-weight:700;letter-spacing:.5px}.signup-intro{text-align:center;font-size:.98rem;line-height:1.7;color:#42566b;margin-bottom:18px}.signup-label{align-self:flex-start;margin-left:4px;margin-top:16px;margin-bottom:6px;font-family:monospace;font-size:15px;font-weight:600;color:#333}.signup-label:first-of-type{margin-top:0}.signup-input-wrapper{display:flex;flex-direction:row;align-items:center;width:100%;border:2px solid #e0e8f0;border-radius:12px;margin-top:4px;margin-bottom:12px;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000a}.signup-input-wrapper:hover{border-color:#84c6ee;box-shadow:0 4px 8px #3e9aca1a}.signup-input-wrapper:focus-within{border-color:#3e9aca;box-shadow:0 4px 12px #3e9aca26;transform:translateY(-1px)}.signup-input-wrapper.success{border-color:#28a745;background-color:#f8fff9}.signup-input-wrapper.success:focus-within{box-shadow:0 4px 12px #28a74526}.signup-input-wrapper.error{border-color:#dc3545;background-color:#fff8f8}.signup-input-wrapper.error:focus-within{box-shadow:0 4px 12px #dc354526}.signup-input-icon{margin-left:14px;margin-right:8px;font-size:22px;opacity:.7;transition:opacity .2s ease}.signup-input-wrapper:hover .signup-input-icon{opacity:1}.signup-input{flex:1;padding:14px 8px;font-size:16px;font-family:monospace;color:#222;background-color:transparent;border:none;outline:none;transition:all .2s ease}.signup-input:focus{color:#111}.signup-input::placeholder{color:#999;opacity:.8}.signup-password-toggle{margin-right:12px;background:none;border:none;cursor:pointer;font-size:22px;padding:8px;transition:transform .2s ease,opacity .2s ease;opacity:.7;display:flex;align-items:center;justify-content:center}.signup-password-toggle:hover{opacity:1;transform:scale(1.1)}.signup-error-text{color:#dc3545;font-size:13px;margin-top:-8px;margin-bottom:4px;margin-left:4px;font-family:monospace;font-weight:500}.signup-general-error{color:#721c24;font-size:14px;margin-bottom:20px;font-family:monospace;text-align:center;padding:14px 16px;background-color:#f8d7da;border-radius:12px;border:1px solid #f5c6cb;font-weight:500}.signup-button{margin-top:28px;background:linear-gradient(135deg,#57b6e9,#3e9aca);border-radius:12px;padding:16px 40px;border:none;cursor:pointer;transition:all .3s ease;font-size:17px;font-weight:700;font-family:monospace;color:#fff;letter-spacing:1px;box-shadow:0 4px 16px #3e9aca4d;position:relative;overflow:hidden}.signup-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.signup-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3e9aca66}.signup-button:hover:before{width:300px;height:300px}.signup-button:active{transform:translateY(0);box-shadow:0 2px 8px #3e9aca4d}.signup-link-button{margin-top:24px;background:none;border:none;cursor:pointer;color:#57b6e9;font-family:monospace;font-size:15px;padding:10px;transition:all .2s ease;border-radius:8px}.signup-link-button:hover{text-decoration:underline;background-color:#57b6e914;color:#3e9aca}.signup-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;background-color:#fff;border-radius:24px;box-shadow:0 8px 32px #28a74526;max-width:400px;width:90%}.signup-success-icon{font-size:72px;color:#28a745;margin-bottom:24px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.signup-success-text{font-size:26px;font-weight:700;color:#28a745;margin-bottom:20px;font-family:monospace;letter-spacing:.5px}.signup-success-countdown{font-size:16px;color:#666;font-family:monospace;font-weight:500}.signup-terms-container{margin-top:24px;margin-bottom:16px;padding:16px;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.signup-terms-checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-family:monospace;font-size:14px;color:#333;line-height:1.6;transition:color .2s ease}.signup-terms-checkbox-label:hover{color:#222}.signup-terms-checkbox{margin-right:12px;margin-top:3px;width:20px;height:20px;cursor:pointer;accent-color:#3E9ACA;flex-shrink:0;border-radius:4px;transition:transform .2s ease}.signup-terms-checkbox:hover{transform:scale(1.1)}.signup-terms-text{display:flex;flex-wrap:wrap;align-items:center;font-weight:500}.signup-terms-link{background:none;border:none;padding:0 2px;margin:0;cursor:pointer;color:#3e9aca;text-decoration:underline;font-family:monospace;font-size:14px;font-weight:600;transition:all .2s ease-in-out;border-radius:4px}.signup-terms-link:hover{color:#57b6e9;background-color:#3e9aca1a;text-decoration:none}.signup-terms-link:focus{outline:2px solid #3E9ACA;outline-offset:2px;border-radius:4px}.forgotpassword-container{display:flex;flex-direction:column;background-color:#fff;min-height:100vh}.forgotpassword-scroll-container{display:flex;flex-direction:column;align-items:center;padding:50px 20px 20px;flex-grow:1}.forgotpassword-image{width:180px;height:180px;margin-bottom:20px;object-fit:contain}.forgotpassword-form{width:80%;max-width:400px;display:flex;flex-direction:column;align-items:center}.forgotpassword-title{font-size:24px;font-weight:700;font-family:monospace;color:#57b6e9;margin-bottom:10px}.forgotpassword-description{font-size:14px;font-family:monospace;color:#666;text-align:center;margin-bottom:20px;line-height:20px}.forgotpassword-label{align-self:flex-start;margin-left:4px;margin-top:10px;font-family:monospace;font-size:16px}.forgotpassword-input-wrapper{display:flex;flex-direction:row;align-items:center;width:100%;border:1px solid #84c6ee;border-radius:2px;margin-top:4px;margin-bottom:8px;background-color:#fff}.forgotpassword-input-icon{margin-left:8px;margin-right:4px;font-size:22px}.forgotpassword-input{flex:1;padding:8px;font-size:16px;font-family:monospace;color:#222;background-color:#fff;border:none;outline:none}.forgotpassword-input::placeholder{color:#aaa}.forgotpassword-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.forgotpassword-button{display:flex;flex-direction:row;margin-top:16px;background-color:#57b6e9;border-radius:25px;padding:12px 40px;align-items:center;justify-content:center;width:70%;border:none;cursor:pointer;font-size:17px;font-weight:700;font-family:monospace;color:#fff;letter-spacing:1px;transition:opacity .2s ease-in-out}.forgotpassword-button:hover:not(.disabled){opacity:.9}.forgotpassword-button.disabled{background-color:#a0d4f2;cursor:not-allowed}.forgotpassword-link-button{display:flex;flex-direction:row;margin-top:20px;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:#57b6e9;font-family:monospace;font-size:15px;padding:8px}.forgotpassword-link-button:hover{text-decoration:underline}.forgotpassword-link-button:disabled{opacity:.5;cursor:not-allowed}.resetpassword-container{display:flex;flex-direction:column;background-color:#fff;min-height:100vh}.resetpassword-scroll-container{display:flex;flex-direction:column;align-items:center;padding:30px 20px 20px;flex-grow:1}.resetpassword-image{width:150px;height:150px;margin-bottom:15px;object-fit:contain}.resetpassword-form{width:80%;max-width:400px;display:flex;flex-direction:column;align-items:center}.resetpassword-title{font-size:24px;font-weight:700;font-family:monospace;color:#57b6e9;margin-bottom:10px}.resetpassword-description{font-size:13px;font-family:monospace;color:#666;text-align:center;margin-bottom:20px;line-height:18px}.resetpassword-label{align-self:flex-start;margin-left:4px;margin-top:8px;font-family:monospace;font-size:15px}.resetpassword-input-wrapper{display:flex;flex-direction:row;align-items:center;width:100%;border:1px solid #84c6ee;border-radius:2px;margin-top:4px;margin-bottom:8px;background-color:#fff}.resetpassword-input-icon{margin-left:8px;margin-right:4px;font-size:22px}.resetpassword-input{flex:1;padding:8px;font-size:16px;font-family:monospace;color:#222;background-color:#fff;border:none;outline:none}.resetpassword-input::placeholder{color:#aaa}.resetpassword-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.resetpassword-password-toggle{margin-right:8px;background:none;border:none;cursor:pointer;font-size:22px;padding:4px}.resetpassword-button{display:flex;flex-direction:row;margin-top:16px;background-color:#57b6e9;border-radius:25px;padding:12px 40px;align-items:center;justify-content:center;width:80%;border:none;cursor:pointer;gap:8px;font-size:17px;font-weight:700;font-family:monospace;color:#fff;letter-spacing:1px;transition:opacity .2s ease-in-out}.resetpassword-button:hover:not(.disabled){opacity:.9}.resetpassword-button.disabled{background-color:#a0d4f2;cursor:not-allowed}.resetpassword-link-button{display:flex;flex-direction:row;margin-top:20px;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:#57b6e9;font-family:monospace;font-size:15px;padding:8px}.resetpassword-link-button:hover{text-decoration:underline}.resetpassword-link-button:disabled{opacity:.5;cursor:not-allowed}.legal-page{min-height:100vh;background-color:#f5f7fa;padding:20px}.legal-container{max-width:900px;margin:0 auto;background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a}.legal-container h1{font-size:2.5rem;font-weight:700;color:#1a4a6b;margin-bottom:10px;text-align:center;font-family:monospace}.legal-last-updated{text-align:center;color:#718096;font-size:.9rem;margin-bottom:40px;font-style:italic}.legal-container section{margin-bottom:40px}.legal-container section:last-child{margin-bottom:0}.legal-container h2{font-size:1.5rem;font-weight:600;color:#3e9aca;margin-bottom:16px;margin-top:32px;font-family:monospace}.legal-container h2:first-of-type{margin-top:0}.legal-container p{font-size:1rem;line-height:1.8;color:#4a5568;margin-bottom:16px;text-align:justify}.legal-container ul{margin:16px 0;padding-left:24px}.legal-container li{font-size:1rem;line-height:1.8;color:#4a5568;margin-bottom:12px}.legal-container li strong{color:#2d3748;font-weight:600}.legal-disclaimer{margin:20px 0;padding:16px 20px;border-left:4px solid #3E9ACA;background-color:#3e9aca1f;border-radius:8px;color:#1a2c40;font-weight:500;text-align:left}.legal-link{color:#3e9aca;text-decoration:underline;font-weight:500}.legal-link:hover{color:#2d7ba8}@media (max-width: 768px){.legal-page{padding:10px}.legal-container{padding:24px 20px}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.3rem}.legal-container p,.legal-container li{font-size:.95rem}}.about-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.about-header{text-align:center;margin-bottom:3rem;padding:2rem 0;background:linear-gradient(135deg,#3e9aca,#2e7ba8);color:#fff;border-radius:16px;box-shadow:0 8px 32px #3e9aca4d}.about-header h1{font-size:3rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.about-subtitle{font-size:1.2rem;font-weight:300;opacity:.9;max-width:600px;margin:0 auto}.about-content section{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.about-content section:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.about-content h2{color:#3e9aca;font-size:2.2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #3E9ACA;position:relative}.about-content h2:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#3e9aca,#2e7ba8);border-radius:2px}.about-content h3{color:#2e7ba8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-content p{font-size:1.1rem;margin-bottom:1.5rem;text-align:justify}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.feature-item{padding:1.5rem;background:linear-gradient(135deg,#f8fcff,#e8f4f8);border-radius:12px;border-left:4px solid #3E9ACA;transition:all .3s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3e9aca33}.feature-item h3{color:#3e9aca;margin-bottom:1rem;font-size:1.3rem}.feature-item p{font-size:1rem;margin-bottom:0}.about-content ul{list-style:none;padding-left:0}.about-content ul li{position:relative;padding-left:2rem;margin-bottom:.8rem;font-size:1.1rem}.about-content ul li:before{content:"✓";position:absolute;left:0;top:0;color:#3e9aca;font-weight:700;font-size:1.2rem}.about-footer{text-align:center;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#2e7ba8,#1e5f88);color:#fff;border-radius:12px}.about-footer p{margin-bottom:1rem;font-size:1.1rem}.about-disclaimer{font-size:.9rem!important;opacity:.8;font-style:italic}@media (max-width: 768px){.about-container{padding:1rem}.about-header h1{font-size:2.2rem}.about-subtitle{font-size:1.1rem}.about-content h2{font-size:1.8rem}.feature-grid{grid-template-columns:1fr;gap:1.5rem}.about-content section{padding:1.5rem;margin-bottom:2rem}}@media (max-width: 480px){.about-header{padding:1.5rem 1rem}.about-header h1{font-size:1.8rem}.about-subtitle{font-size:1rem}.about-content h2{font-size:1.5rem}.about-content section{padding:1rem}.feature-item{padding:1rem}}.about-content section{animation:fadeInUp .6s ease-out}.about-content section:focus{outline:2px solid #3E9ACA;outline-offset:4px}.feature-item:focus{outline:2px solid #3E9ACA;outline-offset:2px}@media print{.about-container{max-width:none;padding:0}.about-header{background:none!important;color:#333!important;box-shadow:none!important}.about-content section{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}}.contact-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.contact-header{text-align:center;margin-bottom:3rem;padding:2rem 0;background:linear-gradient(135deg,#3e9aca,#2e7ba8);color:#fff;border-radius:16px;box-shadow:0 8px 32px #3e9aca4d}.contact-header h1{font-size:3rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.contact-subtitle{font-size:1.2rem;font-weight:300;opacity:.9;max-width:600px;margin:0 auto}.contact-main-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.contact-form-section,.contact-info-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a}.contact-form-section h2,.contact-info-section h2{color:#3e9aca;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #3E9ACA}.contact-form{max-width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2e7ba8;font-size:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3e9aca;box-shadow:0 0 0 3px #3e9aca1a}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background:linear-gradient(135deg,#3e9aca,#2e7ba8);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3e9aca4d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{margin-top:1rem;padding:1rem;border-radius:8px;font-weight:500}.form-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.contact-info-card{background:linear-gradient(135deg,#f8fcff,#e8f4f8);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #3E9ACA}.contact-info-card h3{color:#3e9aca;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.contact-info-card ul{list-style:none;padding-left:0}.contact-info-card ul li{margin-bottom:.5rem;font-size:1rem}.contact-info-card .note{font-size:.9rem;font-style:italic;color:#666;margin-top:1rem}.contact-faq{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a;margin-bottom:3rem}.contact-faq h2{color:#3e9aca;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.faq-item{background:linear-gradient(135deg,#f8fcff,#e8f4f8);border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.faq-item summary{font-weight:600;color:#2e7ba8;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.faq-item summary:hover{background-color:#3e9aca1a}.faq-item p{margin-top:1rem;margin-bottom:0;color:#555;line-height:1.6}.contact-feedback{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a;margin-bottom:3rem}.contact-feedback h2{color:#3e9aca;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.feedback-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feedback-area{background:linear-gradient(135deg,#f8fcff,#e8f4f8);padding:1.5rem;border-radius:8px;border-left:4px solid #3E9ACA}.feedback-area h3{color:#2e7ba8;font-size:1.2rem;margin-bottom:1rem}.contact-community{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a;margin-bottom:3rem}.contact-community h2{color:#3e9aca;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.community-guidelines{background:linear-gradient(135deg,#f8fcff,#e8f4f8);padding:1.5rem;border-radius:8px;margin-top:2rem}.community-guidelines h3{color:#2e7ba8;font-size:1.3rem;margin-bottom:1rem}.community-guidelines ul{list-style:none;padding-left:0}.community-guidelines ul li{position:relative;padding-left:2rem;margin-bottom:.5rem;font-size:1rem}.community-guidelines ul li:before{content:"✓";position:absolute;left:0;top:0;color:#3e9aca;font-weight:700;font-size:1.2rem}.contact-footer{text-align:center;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#2e7ba8,#1e5f88);color:#fff;border-radius:12px}.contact-footer p{margin-bottom:1rem;font-size:1.1rem}.contact-disclaimer{font-size:.9rem!important;opacity:.8;font-style:italic}@media (max-width: 768px){.contact-container{padding:1rem}.contact-header h1{font-size:2.2rem}.contact-subtitle{font-size:1.1rem}.contact-main-content{grid-template-columns:1fr;gap:2rem}.faq-grid{grid-template-columns:1fr}.feedback-areas{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.contact-header{padding:1.5rem 1rem}.contact-header h1{font-size:1.8rem}.contact-subtitle{font-size:1rem}.contact-form-section,.contact-info-section,.contact-faq,.contact-feedback,.contact-community{padding:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem}.submit-button{padding:.8rem 1.5rem;font-size:1rem}}.contact-main-content>*,.contact-faq,.contact-feedback,.contact-community{animation:fadeInUp .6s ease-out}.contact-form-section:focus-within,.contact-info-section:focus-within{box-shadow:0 4px 16px #3e9aca33}.faq-item[open]{background:#3e9aca0d}@media print{.contact-container{max-width:none;padding:0}.contact-header{background:none!important;color:#333!important;box-shadow:none!important}.submit-button{display:none}.contact-form-section,.contact-info-section,.contact-faq,.contact-feedback,.contact-community{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}}.blog-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.blog-header{text-align:center;margin-bottom:3rem;padding:3rem 0;background:linear-gradient(135deg,#3e9aca,#2e7ba8);color:#fff;border-radius:16px;box-shadow:0 8px 32px #3e9aca4d}.blog-header h1{font-size:3.5rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.blog-subtitle{font-size:1.3rem;font-weight:300;opacity:.9;max-width:700px;margin:0 auto}.blog-filters{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:3rem}.search-bar{margin-bottom:2rem}.search-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:25px;font-size:1.1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:#3e9aca;box-shadow:0 0 0 3px #3e9aca1a}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.category-filter{background:transparent;border:2px solid #3E9ACA;color:#3e9aca;padding:.7rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.category-filter:hover{background:#3e9aca;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3e9aca4d}.category-filter.active{background:#3e9aca;color:#fff;box-shadow:0 4px 12px #3e9aca4d}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.blog-post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.blog-post-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.post-image{height:200px;background:linear-gradient(135deg,#3e9aca,#2e7ba8);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:600}.post-category-badge{position:absolute;top:1rem;right:1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.post-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.post-title{font-size:1.4rem;font-weight:600;color:#2e7ba8;margin:0 0 1rem;line-height:1.3}.post-excerpt{color:#666;font-size:1rem;margin-bottom:1.5rem;line-height:1.6;flex:1}.post-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#888;padding-top:1rem;border-top:1px solid #eee}.post-meta span{display:flex;align-items:center;gap:.3rem}.post-author{font-weight:500;color:#3e9aca}.no-posts{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a}.no-posts p{font-size:1.2rem;color:#666;margin:0}.blog-categories-info{background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 16px #0000001a;margin-bottom:3rem}.blog-categories-info h2{text-align:center;color:#3e9aca;font-size:2.5rem;font-weight:600;margin-bottom:2rem}.categories-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.category-info{background:linear-gradient(135deg,#f8fcff,#e8f4f8);padding:2rem;border-radius:12px;border-left:4px solid #3E9ACA;transition:transform .3s ease}.category-info:hover{transform:translateY(-4px)}.category-info h3{color:#2e7ba8;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.category-info p{color:#666;font-size:1rem;margin:0;line-height:1.6}.blog-newsletter{background:linear-gradient(135deg,#3e9aca,#2e7ba8);color:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;margin-bottom:3rem}.blog-newsletter h2{font-size:2.2rem;font-weight:600;margin-bottom:1rem}.blog-newsletter p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto 2rem}.newsletter-signup{display:flex;max-width:400px;margin:0 auto;gap:0}.newsletter-input{flex:1;padding:1rem;border:none;border-radius:25px 0 0 25px;font-size:1rem;outline:none}.newsletter-button{background:#1e5f88;color:#fff;border:none;padding:1rem 2rem;border-radius:0 25px 25px 0;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease;white-space:nowrap}.newsletter-button:hover{background:#164b6b}.newsletter-note{font-size:.9rem!important;opacity:.7!important;margin-top:1rem!important;margin-bottom:0!important}.blog-topics{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a;margin-bottom:3rem}.blog-topics h2{text-align:center;color:#3e9aca;font-size:2rem;font-weight:600;margin-bottom:2rem}.topic-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.topic-tag{background:linear-gradient(135deg,#f8fcff,#e8f4f8);color:#2e7ba8;padding:.7rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid #e0e0e0;transition:all .3s ease;cursor:pointer}.topic-tag:hover{background:#3e9aca;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3e9aca4d}.blog-footer{text-align:center;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#2e7ba8,#1e5f88);color:#fff;border-radius:12px}.blog-footer p{margin-bottom:1rem;font-size:1.1rem}.blog-disclaimer{font-size:.9rem!important;opacity:.8;font-style:italic}@media (max-width: 768px){.blog-container{padding:1rem}.blog-header{padding:2rem 1rem}.blog-header h1{font-size:2.5rem}.blog-subtitle{font-size:1.1rem}.blog-filters{padding:1.5rem}.category-filters{justify-content:flex-start}.category-filter{font-size:.9rem;padding:.6rem 1.2rem}.blog-posts-grid,.categories-info-grid{grid-template-columns:1fr;gap:1.5rem}.newsletter-signup{flex-direction:column;max-width:300px}.newsletter-input{border-radius:25px;margin-bottom:1rem}.newsletter-button{border-radius:25px}.topic-tags{justify-content:flex-start}}@media (max-width: 480px){.blog-header h1{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-filters{padding:1rem}.search-input{padding:.8rem;font-size:1rem}.category-filter{font-size:.8rem;padding:.5rem 1rem}.post-title{font-size:1.2rem}.post-content{padding:1rem}.blog-categories-info,.blog-newsletter,.blog-topics{padding:1.5rem}.blog-categories-info h2{font-size:2rem}.blog-newsletter h2{font-size:1.8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-post-card{animation:fadeInUp .6s ease-out}.blog-categories-info,.blog-newsletter,.blog-topics{animation:fadeInUp .8s ease-out}.blog-post-card:focus{outline:2px solid #3E9ACA;outline-offset:4px}.category-filter:focus,.newsletter-button:focus,.topic-tag:focus{outline:2px solid #3E9ACA;outline-offset:2px}.search-input:focus{box-shadow:0 0 0 3px #3e9aca33}@media print{.blog-container{max-width:none;padding:0}.blog-header{background:none!important;color:#333!important;box-shadow:none!important}.blog-filters,.blog-newsletter{display:none}.blog-post-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd}}@media (prefers-color-scheme: dark){.blog-container{background-color:#1a1a1a;color:#e0e0e0}.blog-filters,.blog-categories-info,.blog-topics,.blog-post-card{background-color:#2d2d2d;color:#e0e0e0}.search-input{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}.post-excerpt{color:#b0b0b0}.post-meta{color:#999;border-top-color:#555}}.activitymenu-container{display:flex;flex-direction:column;background-color:#fff;width:100%;min-height:calc(100vh - 140px);padding-bottom:60px}.activitymenu-logo-section{display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:16px}.activitymenu-logo{width:320px;height:240px;margin-top:0;margin-bottom:10px;object-fit:contain}.activitymenu-intro{width:100%;max-width:820px;margin:24px auto;padding:0 18px;text-align:center;color:#1d2a38}.activitymenu-intro h1{font-size:2rem;font-weight:700;margin-bottom:12px}.activitymenu-intro p{font-size:1rem;line-height:1.7;color:#42566b;margin-bottom:16px}.activitymenu-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.activitymenu-tags span{padding:8px 16px;border-radius:999px;background-color:#3e9aca1f;color:#266086;font-weight:600;font-size:.9rem}.activitymenu-signin-promotion{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;margin-top:10px}.activitymenu-signin-button{background:linear-gradient(135deg,#3e9aca,#2b7ba8);color:#fff;border:none;border-radius:32px;padding:14px 36px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3e9aca4d;white-space:nowrap}.activitymenu-signin-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3e9aca66;background:linear-gradient(135deg,#4ba8d4,#3e9aca)}.activitymenu-signin-button:active{transform:translateY(0);box-shadow:0 6px 20px #3e9aca4d}.activitymenu-buttons{margin-top:10px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.activitymenu-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:93%;max-width:600px;background-color:#3e9aca;border-radius:32px;padding:10px 22px;margin:0;min-height:48px;border:none;cursor:pointer;transition:opacity .2s ease-in-out}.activitymenu-button:hover:not(:disabled){opacity:.9}.activitymenu-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.activitymenu-button-text{color:#fff;font-weight:700;font-size:18px;margin-right:10px;font-family:monospace}.activitymenu-tags span:nth-child(1){background-color:#3e9aca2e}.activitymenu-tags span:nth-child(2){background-color:#2ec4b62e}.activitymenu-tags span:nth-child(3){background-color:#ff9f432e}.activitymenu-tags span:nth-child(4){background-color:#6c63ff2e}.activitymenu-tags span:nth-child(5){background-color:#ff6b812e}.activitymenu-tags span:nth-child(6){background-color:#10ac842e}.activitymenu-tags span:nth-child(7){background-color:#1dd1a12e}.activitymenu-tags span:nth-child(8){background-color:#57b6e92e}.activitymenu-tags span{box-shadow:0 6px 18px #3e9aca1f}@media (max-width: 768px){.activitymenu-logo{width:220px;height:auto}.activitymenu-intro h1{font-size:1.6rem}.activitymenu-intro p{font-size:.95rem}.activitymenu-signin-button{font-size:14px;padding:12px 24px;white-space:normal;text-align:center;max-width:90%}}.lessonlist-container{flex:1;background-color:var(--app-background-color, #f4f7fb);min-height:calc(100vh - 140px);padding:20px 0 60px}.lessonlist-header-card{width:93%;max-width:640px;margin:0 auto 16px;background:#fff;border-radius:20px;padding:20px 24px;box-shadow:0 18px 35px -28px #0f172a8c;border:1px solid rgba(226,232,240,.7)}.lessonlist-header-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:4px}.lessonlist-header-subtitle{font-size:14px;color:#64748b}.lessonlist-signin-promotion{width:93%;max-width:640px;display:flex;justify-content:center;align-items:center;margin:0 auto 20px}.lessonlist-signin-button{background:linear-gradient(135deg,#3e9aca,#2b7ba8);color:#fff;border:none;border-radius:32px;padding:14px 36px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3e9aca4d;white-space:nowrap}.lessonlist-signin-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3e9aca66;background:linear-gradient(135deg,#4ba8d4,#3e9aca)}.lessonlist-signin-button:active{transform:translateY(0);box-shadow:0 6px 20px #3e9aca4d}.lessonlist-scroll-content{display:flex;flex-direction:column;align-items:center;padding:0 12px;background:linear-gradient(180deg,#f4f7fbd9,#fffffffa);border-radius:24px;width:93%;max-width:640px;margin:0 auto;box-shadow:inset 0 1px #fff9}.lessonlist-keywords{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:18px 20px 0}.lessonlist-keywords span{padding:8px 14px;border-radius:999px;background-color:#3e9aca1f;color:#266086;font-weight:600;font-size:.85rem;box-shadow:0 4px 12px #3e9aca1f}.button-list{width:100%;display:flex;flex-direction:column;gap:14px;padding:16px 0 24px}.lesson-card{display:flex;align-items:center;gap:16px;width:100%;border:none;background-color:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px -24px #0f172aa6;border:1px solid rgba(226,232,240,.8);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.lesson-card:focus{outline:none;box-shadow:0 0 0 3px #3e9aca33}.lesson-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px -30px #0f172abf}.lesson-card:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.lesson-card__icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#3e9acae6,#60a5fad9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;text-transform:uppercase}.lesson-card__info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.lesson-card__title{font-size:17px;font-weight:600;color:#1f2937;letter-spacing:.2px}.lesson-card__chevron{font-size:24px;color:#3e9aca;font-weight:600}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top:4px solid #3e9aca;border-radius:50%;animation:spin 1s linear infinite;margin:24px auto}.error-text{color:#ef4444;margin:24px auto}@media (max-width: 768px){.lessonlist-signin-button{font-size:14px;padding:12px 24px;white-space:normal;text-align:center;max-width:100%}}.ranking-container{display:flex;flex-direction:column;background-color:#fff;width:100%;min-height:calc(100vh - 140px);padding:0;margin:0;overflow:hidden}.ranking-hero{padding:28px 24px 12px;text-align:center;background:linear-gradient(135deg,#3e9aca1f,#60a5fa29);margin-top:24px}.ranking-hero h1{font-size:2rem;font-weight:700;color:#1d2a38;margin-bottom:12px}.ranking-hero p{max-width:720px;margin:0 auto 16px;font-size:1rem;line-height:1.7;color:#42566b}.ranking-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ranking-hero-tags span{padding:8px 16px;border-radius:999px;background-color:#3e9aca26;color:#266086;font-weight:600;font-size:.9rem;box-shadow:0 6px 18px #3e9aca1a}.ranking-list{display:flex;flex-direction:column;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;gap:5px;box-sizing:border-box}.ranking-row{display:flex;flex-direction:row;align-items:center;padding:12px 16px;min-height:60px;border-radius:8px;margin:0;flex-shrink:0}.ranking-medal{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-right:12px}.ranking-medal-icon{width:100%;height:100%;object-fit:contain}.ranking-number-wrap{width:50px;display:flex;align-items:center;justify-content:center;margin-right:12px}.ranking-number{font-size:18px;font-weight:700;font-family:monospace;color:inherit}.ranking-name-top,.ranking-name{flex:1;font-size:16px;font-weight:700;font-family:monospace;color:inherit}.ranking-me-label{margin-left:8px;font-weight:400;font-style:italic}.ranking-score-box-top,.ranking-score-box{display:flex;flex-direction:row;align-items:center;gap:8px}.ranking-badge-icon{width:110px;height:110px;object-fit:contain}.ranking-score-top,.ranking-score{font-size:14px;font-weight:700;font-family:monospace;color:inherit}.ranking-empty{padding:40px;text-align:center;font-family:monospace;color:#666}.ranking-loading{padding:20px;text-align:center;font-family:monospace;color:#3e9aca}.ranking-end{padding:20px;text-align:center;font-family:monospace;color:#999;font-size:14px}@media (max-width: 768px){.ranking-hero{padding:24px 14px 10px;margin-top:20px}.ranking-hero h1{font-size:1.6rem}.ranking-hero p{font-size:.95rem}}.subjectlist-container{flex:1;background-color:#f8f8f8;min-height:calc(100vh - 140px);padding-bottom:60px}.subjectlist-signin-promotion{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;margin-top:20px}.subjectlist-signin-button{background:linear-gradient(135deg,#3e9aca,#2b7ba8);color:#fff;border:none;border-radius:32px;padding:14px 36px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3e9aca4d;white-space:nowrap}.subjectlist-signin-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3e9aca66;background:linear-gradient(135deg,#4ba8d4,#3e9aca)}.subjectlist-signin-button:active{transform:translateY(0);box-shadow:0 6px 20px #3e9aca4d}.subjectlist-scroll-content{display:flex;flex-direction:column;align-items:center;padding:20px 10px}.button-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.exam-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:93%;max-width:600px;background-color:#3e9aca;border-radius:32px;padding:10px 22px;margin:0;min-height:48px;border:none;cursor:pointer;transition:opacity .2s ease-in-out}.exam-button:hover:not(:disabled){opacity:.9}.exam-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.exam-button-bold{color:#fff;font-weight:700;font-size:18px;margin-right:10px;font-family:monospace}.exam-button-text{color:#fff;font-size:14px;font-family:monospace;flex-shrink:1;flex-wrap:wrap}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top:4px solid #3E9ACA;border-radius:50%;animation:spin 1s linear infinite}.error-text{color:red;margin-bottom:16px}@media (max-width: 768px){.subjectlist-signin-button{font-size:14px;padding:12px 24px;white-space:normal;text-align:center;max-width:90%}}.practise-container{position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--app-background-color, #f2f4f8);min-height:calc(100vh - 140px);padding:32px 0 60px}.practise-login-warning{width:min(95%,1180px);background-color:#fee2e2;border:1px solid #fecaca;border-radius:12px;padding:12px 20px;margin-bottom:16px;text-align:center;color:#991b1b;font-size:.9rem;line-height:1.5;box-shadow:0 2px 8px #dc26261a}.practise-login-warning span{display:inline-block}.practise-login-link{background:none;border:none;color:#991b1b;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;margin:0;text-decoration-thickness:1.5px;text-underline-offset:2px;transition:color .2s ease}.practise-login-link:hover{color:#7f1d1d;text-decoration-thickness:2px}.practise-login-link:active{color:#dc2626}.practise-hero{width:min(95%,1180px);margin:32px auto 24px;background:linear-gradient(135deg,#3e9aca1f,#3e9aca33);border-radius:28px;padding:32px 28px;text-align:center;color:#1d2a38;box-shadow:0 18px 42px -30px #0f172a99}.practise-hero h1{font-size:2rem;font-weight:700;margin-bottom:14px}.practise-hero p{font-size:1rem;line-height:1.7;color:#42566b;max-width:780px;margin:0 auto 16px}.practise-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.practise-hero-tags span{padding:8px 16px;border-radius:999px;background-color:#3e9aca2e;color:#266086;font-weight:600;font-size:.9rem;box-shadow:0 6px 18px #3e9aca26}.practise-disclaimer{max-width:1180px;margin:12px auto 24px;font-size:.85rem;line-height:1.5;color:#344054;text-align:center;padding:12px 18px;background-color:#3e9aca1a;border-left:3px solid #3E9ACA;border-radius:14px}.practise-card{width:min(95%,1180px);background:#f6f8fc;border-radius:26px;padding:32px 38px;box-shadow:0 28px 55px -40px #0f172ab3;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;gap:24px;margin:12px auto 36px;position:relative;z-index:1}.practise-content{padding:0 4px 4px;display:flex;flex-direction:column;gap:20px}.practise-loading,.practise-error{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);font-size:18px;color:#666}.practise-error{color:#e74c3c}.practise-question-section{background-color:#fff;padding:20px;border-radius:8px}.practise-question-title{font-size:20px;font-weight:700;color:#333;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.practise-question-image{max-width:100%;height:auto;border-radius:8px;margin-top:10px}.practise-question-explanation{margin-top:16px;padding:16px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #3E9ACA;font-size:16px;line-height:1.6;color:#333}.practise-question-explanation p{margin:0 0 12px}.practise-question-explanation p:last-child{margin-bottom:0}.practise-question-explanation img{max-width:100%;height:auto;border-radius:4px;margin:8px 0}.practise-question-explanation ul,.practise-question-explanation ol{margin:12px 0;padding-left:24px}.practise-question-explanation li{margin:8px 0}.practise-answers-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.practise-answer-option{display:flex;align-items:center;padding:14px 18px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#fff;position:relative}.practise-answer-option:hover{border-color:#3e9aca;background-color:#f0f8ff}.practise-answer-radio{margin-right:16px;width:24px;height:24px;min-width:24px;min-height:24px;cursor:pointer;accent-color:#3E9ACA;flex-shrink:0;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:3px solid #3E9ACA;border-radius:50%;background-color:#fff;transition:all .2s}.practise-answer-radio:hover{border-color:#2e7ba0;background-color:#f0f8ff}.practise-answer-radio:checked{background-color:#3e9aca;border-color:#3e9aca;position:relative}.practise-answer-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#fff}.practise-answer-label{font-size:16px;color:#333;cursor:pointer;flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.practise-answer-label span{display:inline}.practise-answer-label p,.practise-answer-label div,.practise-answer-label h1,.practise-answer-label h2,.practise-answer-label h3,.practise-answer-label h4,.practise-answer-label h5,.practise-answer-label h6{display:inline;margin:0;padding:0}.practise-answer-label ul,.practise-answer-label ol{display:inline;margin:0;padding-left:20px}.practise-answer-label li{display:inline;margin:0}.practise-answer-label li:after{content:", "}.practise-answer-label li:last-child:after{content:""}.practise-answer-option input[type=radio]:checked+.practise-answer-label{color:#3e9aca;font-weight:700}.practise-answer-option:has(input[type=radio]:checked){border-color:#3e9aca;background-color:#e6f3ff}.practise-action-buttons{display:flex;gap:12px;margin:20px 0}.practise-action-button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.practise-button-green{background-color:#28a745;color:#fff}.practise-button-blue{background-color:#3e9aca;color:#fff}.practise-action-button:hover{opacity:.9}.practise-solution-section{margin-top:20px;background-color:#f8f9fa;border-radius:8px;padding:20px}.practise-solution-tools{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.practise-tool-button{padding:10px 16px;border:2px solid #3E9ACA;border-radius:20px;background-color:#fff;color:#333;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:6px}.practise-tool-button:hover{border-color:#3e9aca;background-color:#f0f8ff}.practise-tool-active{background-color:#e74c3c;border-color:#3e9aca;color:#fff}.practise-tool-delete{background-color:#fff;color:#333;border-color:#3e9aca}.practise-tool-delete:hover{background-color:#f0f8ff;border-color:#3e9aca}.practise-solution-area{background-color:#fff;border:2px solid #ddd;border-radius:8px;padding:16px;min-height:560px}.practise-solution-content-wrapper{position:relative;width:100%;min-height:490px}.practise-solution-content{display:flex;flex-direction:column;gap:16px;position:relative;width:100%}.practise-solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;font-size:16px;color:#333}.practise-page-controls{display:flex;align-items:center;gap:8px}.practise-page-button{padding:6px 12px;border:1px solid #3E9ACA;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:14px}.practise-page-button:hover:not(:disabled){background-color:#f0f8ff;border-color:#3e9aca}.practise-page-button:disabled{opacity:.3;cursor:not-allowed;border-color:#ccc}.practise-calculator-container{margin-top:16px}.practise-drawing-container{border:2px solid #ddd;border-radius:4px;overflow:hidden;background-color:#fff;width:100%;position:relative}.practise-drawing-canvas{display:block;width:100%;height:500px;cursor:crosshair;touch-action:none;background-color:#fff;border:none}.practise-eraser-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="8" fill="none" stroke="%23ff0000" stroke-width="2"/></svg>') 10 10,crosshair}.practise-keyboard-input{width:100%;min-height:420px;padding:12px;border:2px solid #ddd;border-radius:4px;font-size:16px;font-family:Courier New,monospace;resize:vertical;box-sizing:border-box}.practise-solution-character-wrapper{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end;z-index:10}.practise-solution-character{width:120px;height:auto;object-fit:contain}.practise-solution-speech-bubble{background-color:#fff;border:2px solid #3E9ACA;border-radius:12px;padding:12px 16px;margin-bottom:10px;position:relative;min-width:200px;max-width:250px;box-shadow:0 4px 12px #0003}.practise-solution-speech-bubble:after{content:"";position:absolute;bottom:-10px;right:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}.practise-solution-speech-error{border-color:#e74c3c}.practise-solution-speech-error:after{border-top-color:#fff}.practise-solution-speech-text{font-size:14px;font-weight:700;font-family:monospace;color:#3e9aca;line-height:1.4}.practise-solution-speech-error .practise-solution-speech-text{color:#721c24}.practise-character-notification{position:fixed;bottom:148px;right:calc((100% - min(95%,1180px))/2 + 20px);width:min(95%,1180px);max-width:min(95%,1180px);display:flex;flex-direction:row;align-items:flex-end;gap:10px;z-index:10000;animation:fadeInScale .3s ease-in-out;padding:0 20px;box-sizing:border-box;justify-content:flex-end;pointer-events:none}.practise-character-correct,.practise-character-wrong,.practise-character-levelup{bottom:148px;right:calc((100% - min(95%,1180px))/2 + 20px);width:min(95%,1180px);max-width:min(95%,1180px);padding:0 20px;box-sizing:border-box}@media (max-width: 1280px){.practise-character-notification,.practise-character-correct,.practise-character-wrong,.practise-character-levelup{right:calc((100% - min(95%,1180px))/2 + 20px);width:min(95%,1180px);max-width:min(95%,1180px);padding:0 20px;left:auto;transform:none}}@media (max-width: 768px){.practise-hero{padding:24px 18px;margin:28px auto 20px}.practise-hero h1{font-size:1.6rem}.practise-hero p{font-size:.95rem}.practise-character-notification,.practise-character-correct,.practise-character-wrong,.practise-character-levelup{position:fixed;bottom:20px;right:16px;left:auto;max-width:calc(100vw - 32px);width:auto}.practise-mobile-notification{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;gap:0;max-width:calc(100vw - 32px)}.practise-mobile-bubble{min-width:0;flex:1;max-width:calc(100vw - 180px);padding:16px 21px;font-size:17px;border-radius:18px;margin-bottom:0;margin-right:0;position:relative}.practise-mobile-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:12px;position:relative}.practise-mobile-text{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;min-width:0;gap:8px}.practise-mobile-image{width:131px;height:131px;max-width:131px;max-height:131px;object-fit:contain;flex-shrink:0;margin-left:auto;position:relative;z-index:1}.practise-mobile-bubble:after,.practise-mobile-bubble:before{display:none}.practise-mobile-bubble .practise-speech-text{font-size:26px;margin-bottom:0;display:inline-block;white-space:nowrap}.practise-mobile-bubble .practise-speech-subtext{font-size:21px;display:inline-block;white-space:nowrap}.practise-card{width:100%;max-width:100%;padding:16px;margin:0;border-radius:0}.practise-content{width:100%;max-width:100%;padding:0}.practise-solution-section{width:100%;max-width:100%;padding:12px 0;margin-left:0;margin-right:0;box-sizing:border-box;border-radius:0}.practise-solution-area{width:100%;padding:12px;box-sizing:border-box;border-radius:0}.practise-solution-content-wrapper,.practise-solution-content,.practise-drawing-container,.practise-drawing-canvas,.practise-keyboard-input{width:100%;box-sizing:border-box}}@media (max-width: 480px){.practise-character-notification,.practise-character-correct,.practise-character-wrong,.practise-character-levelup{bottom:16px;right:12px;max-width:calc(100vw - 24px)}.practise-mobile-bubble{min-width:0;max-width:calc(100vw - 160px);padding:13px 16px}.practise-mobile-image{width:113px;height:113px;max-width:113px;max-height:113px}.practise-mobile-bubble .practise-speech-text{font-size:23px}.practise-mobile-bubble .practise-speech-subtext{font-size:20px}}.practise-speech-bubble-levelup{border-color:#10b981}.practise-speech-text-levelup{color:#10b981}.practise-speech-subtext-levelup{color:#059669}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.practise-speech-bubble{background-color:#fff;border:3px solid #3E9ACA;border-radius:26px;padding:22px 29px;position:relative;min-width:320px;max-width:448px;box-shadow:0 6px 19px #00000026;margin-bottom:0;align-self:flex-start;z-index:10000;pointer-events:auto}.practise-speech-bubble:after{content:"";position:absolute;right:-19px;bottom:32px;width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:19px solid #fff}.practise-speech-bubble:before{content:"";position:absolute;right:-22px;bottom:29px;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:22px solid #3E9ACA;z-index:-1}.practise-speech-bubble-error{border-color:#e74c3c}.practise-speech-bubble-error:after{border-left-color:#fff}.practise-speech-bubble-error:before{border-left-color:#e74c3c}.practise-speech-text{font-size:26px;font-weight:700;font-family:monospace;color:#3e9aca;margin-bottom:6px}.practise-speech-text-error{color:#721c24}.practise-speech-subtext{font-size:22px;font-family:monospace;color:#1a4a6b}.practise-speech-subtext-error{color:#a94442}.practise-answer-text{font-weight:400!important;text-transform:none!important;font-size:20px}.practise-answer-content{font-weight:400!important;text-transform:none!important;font-size:18px;word-wrap:break-word;overflow-wrap:break-word}.practise-character-image{width:288px;height:auto;object-fit:contain;z-index:10001;pointer-events:auto}.duel-container{position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--app-background-color, #f2f4f8);min-height:calc(100vh - 140px);padding:32px 0 60px}.duel-card{width:min(95%,1180px);background:#f6f8fc;border-radius:26px;padding:32px 38px;box-shadow:0 28px 55px -40px #0f172ab3;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;gap:24px;margin:12px auto 36px}.duel-content{padding:0 4px 4px;display:flex;flex-direction:column;gap:20px}.duel-loading,.duel-error{display:flex;align-items:center;justify-content:center;min-height:320px;font-size:18px;color:#666}.duel-error{color:#e74c3c}.duel-loading-small{display:flex;align-items:center;justify-content:center;padding:20px;font-size:16px;color:#666}.duel-disclaimer{max-width:1120px;margin:16px auto 24px;font-size:.82rem;line-height:1.5;text-align:center;color:#374151;padding:10px 16px;background-color:#3e9aca1a;border-left:3px solid #3E9ACA;border-radius:12px}.duel-header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:16px;padding:16px 24px;gap:16px;box-shadow:0 12px 30px -24px #0f172a73}.duel-header-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.duel-header-visual{display:flex;align-items:center;gap:16px}.duel-timer-container{display:flex;flex-direction:row;align-items:center;gap:8px;background-color:#ffffffeb;padding:10px 14px;border-radius:10px;box-shadow:0 6px 18px -14px #0f172aa6}.duel-timer-icon{font-size:22px}.duel-timer-text{font-size:18px;font-weight:700;font-family:monospace;color:#3e9aca}.duel-timer-text.warning{color:red}.duel-icon{width:80px;height:auto;object-fit:contain}.duel-tag{display:inline-flex;align-items:center;justify-content:center;background-color:#ff309c;padding:6px 16px;border-radius:999px;color:#fff;font-weight:600;letter-spacing:.3px}.duel-tag-text{color:#fff;font-size:14px;font-weight:700;font-family:monospace}.duel-question-section{background-color:#fff;padding:20px;border-radius:8px}.duel-question-title{font-size:20px;font-weight:700;color:#333;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.duel-question-image{max-width:100%;height:auto;border-radius:8px;margin-top:10px}.duel-question-explanation{margin-top:16px;padding:16px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #3E9ACA;font-size:16px;line-height:1.6;color:#333}.duel-question-explanation p{margin:0 0 12px}.duel-question-explanation p:last-child{margin-bottom:0}.duel-question-explanation img{max-width:100%;height:auto;border-radius:4px;margin:8px 0}.duel-question-explanation ul,.duel-question-explanation ol{margin:12px 0;padding-left:24px}.duel-question-explanation li{margin:8px 0}.duel-answers-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.duel-answer-option{display:flex;align-items:center;padding:14px 18px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#fff;position:relative}.duel-answer-option:hover{border-color:#3e9aca;background-color:#f0f8ff}.duel-answer-radio{margin-right:16px;width:24px;height:24px;min-width:24px;min-height:24px;cursor:pointer;accent-color:#3E9ACA;flex-shrink:0;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:3px solid #3E9ACA;border-radius:50%;background-color:#fff;transition:all .2s}.duel-answer-radio:hover{border-color:#2e7ba0;background-color:#f0f8ff}.duel-answer-radio:checked{background-color:#3e9aca;border-color:#3e9aca;position:relative}.duel-answer-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#fff}.duel-answer-label{font-size:16px;color:#333;cursor:pointer;flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.duel-answer-label span{display:inline}.duel-answer-label p,.duel-answer-label div,.duel-answer-label h1,.duel-answer-label h2,.duel-answer-label h3,.duel-answer-label h4,.duel-answer-label h5,.duel-answer-label h6{display:inline;margin:0;padding:0}.duel-answer-label ul,.duel-answer-label ol{display:inline;margin:0;padding-left:20px}.duel-answer-label li{display:inline;margin:0}.duel-answer-label li:after{content:", "}.duel-answer-label li:last-child:after{content:""}.duel-answer-option input[type=radio]:checked+.duel-answer-label{color:#3e9aca;font-weight:700}.duel-answer-option:has(input[type=radio]:checked){border-color:#3e9aca;background-color:#e6f3ff}.duel-action-buttons{display:flex;gap:12px;margin:20px 0}.duel-action-button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.duel-button-green{background-color:#28a745;color:#fff}.duel-button-purple{background-color:#7f56d9;color:#fff}.duel-button-blue{background-color:#3e9aca;color:#fff}.duel-action-button:hover{opacity:.9}.duel-action-button:disabled{opacity:.55;cursor:not-allowed}.duel-clue-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.duel-clue-card{background-color:#fff;border-radius:10px;padding:16px;box-shadow:0 6px 18px -12px #242a4299;border-left:4px solid #7f56d9}.duel-clue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.duel-clue-badge{background-color:#7f56d9;color:#fff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px}.duel-clue-progress{font-size:12px;color:#4a5568;font-weight:600}.duel-clue-content{color:#2d3748;line-height:1.55;font-size:15px}.duel-clue-content p{margin:0 0 8px}.duel-clue-content p:last-child{margin-bottom:0}.duel-clue-content ul,.duel-clue-content ol{margin:8px 0;padding-left:20px}.duel-clue-content li{margin-bottom:6px}.duel-solution-section{margin-top:20px;background-color:#f8f9fa;border-radius:8px;padding:20px}.duel-solution-tools{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.duel-tool-button{padding:10px 16px;border:2px solid #3E9ACA;border-radius:20px;background-color:#fff;color:#333;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:6px}.duel-tool-button:hover{border-color:#3e9aca;background-color:#f0f8ff}.duel-tool-button:disabled{opacity:.5;cursor:not-allowed}.duel-tool-active{background-color:#e74c3c;border-color:#3e9aca;color:#fff}.duel-tool-delete{background-color:#fff;color:#333;border-color:#3e9aca}.duel-tool-delete:hover{background-color:#f0f8ff;border-color:#3e9aca}.duel-solution-area{background-color:#fff;border:2px solid #ddd;border-radius:8px;padding:16px;min-height:560px}.duel-solution-content-wrapper{position:relative;width:100%;min-height:490px}.duel-solution-content{display:flex;flex-direction:column;gap:16px;position:relative;width:100%}.duel-solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;font-size:16px;color:#333}.duel-page-controls{display:flex;align-items:center;gap:8px}.duel-page-button{padding:6px 12px;border:1px solid #3E9ACA;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;font-size:14px}.duel-page-button:hover:not(:disabled){background-color:#f0f8ff;border-color:#3e9aca}.duel-page-button:disabled{opacity:.3;cursor:not-allowed;border-color:#ccc}.duel-calculator-container{margin-top:16px}.calculator{background-color:#f0f0f0;border-radius:8px;padding:16px;max-width:600px;width:100%}.calculator-display{background-color:#fff;border:2px solid #ddd;border-radius:4px;padding:12px 16px;margin-bottom:12px;min-height:80px;display:flex;flex-direction:column;justify-content:flex-end;font-family:Courier New,monospace}.calculator-expression{font-size:14px;color:#999;text-align:right;min-height:20px;margin-bottom:8px;word-wrap:break-word}.calculator-display-value{font-size:28px;text-align:right;color:#333;word-wrap:break-word;overflow-wrap:break-word}.calculator-buttons{display:flex;flex-direction:column;gap:6px}.calculator-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calculator-btn{padding:12px 8px;border:2px solid #3E9ACA;border-radius:4px;background-color:#fff;color:#3e9aca;font-size:14px;cursor:pointer;transition:all .2s;font-weight:600}.calculator-btn:hover{background-color:#3e9aca;color:#fff;transform:translateY(-2px);box-shadow:0 2px 4px #3e9aca4d}.calculator-func{background-color:#e6f3ff;border-color:#3e9aca;color:#3e9aca;font-size:12px;font-weight:600}.calculator-func:hover{background-color:#3e9aca;color:#fff;transform:translateY(-2px);box-shadow:0 2px 4px #3e9aca4d}.calculator-op{background-color:#3e9aca;border-color:#3e9aca;color:#fff;font-weight:700}.calculator-op:hover{background-color:#2e7ba0;border-color:#2e7ba0;transform:translateY(-2px);box-shadow:0 2px 4px #3e9aca4d}.calculator-clear{background-color:#e74c3c;border-color:#e74c3c;color:#fff;font-weight:700}.calculator-clear:hover{background-color:#c0392b;border-color:#c0392b;transform:translateY(-2px);box-shadow:0 2px 4px #e74c3c4d}.calculator-equals{background-color:#28a745;border-color:#28a745;color:#fff;font-weight:700;grid-row:span 2}.calculator-equals:hover{background-color:#218838;border-color:#218838;transform:translateY(-2px);box-shadow:0 2px 4px #28a7454d}.calculator-mode{background-color:#fff;border-color:#3e9aca;color:#3e9aca;font-size:12px;font-weight:600}.calculator-mode:hover{background-color:#e6f3ff;transform:translateY(-2px);box-shadow:0 2px 4px #3e9aca4d}.calculator-mode.active{background-color:#3e9aca;border-color:#3e9aca;color:#fff}.calculator-mode.active:hover{background-color:#2e7ba0;border-color:#2e7ba0}.calculator-zero{grid-column:span 1}.duel-drawing-container{border:2px solid #ddd;border-radius:4px;overflow:hidden;background-color:#fff;width:100%;position:relative}.duel-drawing-canvas{display:block;width:100%;height:500px;cursor:crosshair;touch-action:none;background-color:#fff;border:none}.duel-eraser-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="8" fill="none" stroke="%23ff0000" stroke-width="2"/></svg>') 10 10,crosshair}.duel-keyboard-input{width:100%;min-height:420px;padding:12px;border:2px solid #ddd;border-radius:4px;font-size:16px;font-family:Courier New,monospace;resize:vertical;box-sizing:border-box}.duel-character-notification{position:fixed;bottom:148px;right:calc((100% - min(95%,1180px))/2 + 20px);width:min(95%,1180px);max-width:min(95%,1180px);display:flex;flex-direction:row;align-items:flex-end;gap:10px;z-index:1000;animation:fadeInScale .3s ease-in-out;padding:0 20px;box-sizing:border-box;justify-content:flex-end}.duel-character-correct,.duel-character-wrong,.duel-character-levelup{bottom:148px;right:calc((100% - min(95%,1180px))/2 + 20px);width:min(95%,1180px);max-width:min(95%,1180px);padding:0 20px;box-sizing:border-box}@media (max-width: 1280px){.duel-character-notification,.duel-character-correct,.duel-character-wrong,.duel-character-levelup{right:calc((100% - min(95%,1180px))/2 + 20px);width:min(95%,1180px);max-width:min(95%,1180px);padding:0 20px}}@media (max-width: 768px){.duel-character-notification,.duel-character-correct,.duel-character-wrong,.duel-character-levelup{position:fixed;bottom:20px;right:16px;left:auto;max-width:calc(100vw - 32px);width:auto}.duel-mobile-notification{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;gap:0;max-width:calc(100vw - 32px)}.duel-mobile-bubble{min-width:0;flex:1;max-width:calc(100vw - 180px);padding:16px 21px;font-size:17px;border-radius:18px;margin-bottom:0;margin-right:0;position:relative}.duel-mobile-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:12px;position:relative}.duel-mobile-text{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;min-width:0;gap:8px}.duel-mobile-image{width:131px;height:131px;max-width:131px;max-height:131px;object-fit:contain;flex-shrink:0;margin-left:auto;position:relative;z-index:1}.duel-mobile-bubble:after,.duel-mobile-bubble:before{display:none}.duel-mobile-bubble .duel-speech-text{font-size:26px;margin-bottom:0;display:inline-block;white-space:nowrap}.duel-mobile-bubble .duel-speech-subtext{font-size:21px;display:inline-block;white-space:nowrap}.duel-card{width:100%;max-width:100%;padding:16px;margin:0;border-radius:0}.duel-content{width:100%;max-width:100%;padding:0}.duel-solution-section{width:100%;max-width:100%;padding:12px 0;margin-left:0;margin-right:0;box-sizing:border-box;border-radius:0}.duel-solution-area{width:100%;padding:12px;box-sizing:border-box;border-radius:0}.duel-solution-content-wrapper,.duel-solution-content,.duel-drawing-container,.duel-drawing-canvas,.duel-keyboard-input{width:100%;box-sizing:border-box}}@media (max-width: 480px){.duel-character-notification,.duel-character-correct,.duel-character-wrong,.duel-character-levelup{bottom:16px;right:12px;max-width:calc(100vw - 24px)}.duel-mobile-bubble{min-width:0;max-width:calc(100vw - 160px);padding:13px 16px}.duel-mobile-image{width:113px;height:113px;max-width:113px;max-height:113px}.duel-mobile-bubble .duel-speech-text{font-size:23px}.duel-mobile-bubble .duel-speech-subtext{font-size:20px}}.duel-speech-bubble-levelup{border-color:#10b981}.duel-speech-text-levelup{color:#10b981}.duel-speech-subtext-levelup{color:#059669}.duel-speech-bubble{background-color:#fff;border:3px solid #3E9ACA;border-radius:26px;padding:22px 29px;position:relative;min-width:320px;max-width:448px;box-shadow:0 6px 19px #00000026;margin-bottom:0;align-self:flex-start}.duel-speech-bubble:after{content:"";position:absolute;right:-19px;bottom:32px;width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:19px solid #fff}.duel-speech-bubble:before{content:"";position:absolute;right:-22px;bottom:29px;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:22px solid #3E9ACA;z-index:-1}.duel-speech-bubble-error{border-color:#e74c3c}.duel-speech-bubble-error:after{border-left-color:#fff}.duel-speech-bubble-error:before{border-left-color:#e74c3c}.duel-speech-text{font-size:26px;font-weight:700;font-family:monospace;color:#3e9aca;margin-bottom:6px}.duel-speech-text-error{color:#721c24}.duel-speech-subtext{font-size:22px;font-family:monospace;color:#1a4a6b}.duel-speech-subtext-error{color:#a94442}.duel-answer-text{font-weight:400!important;text-transform:none!important;font-size:20px}.duel-answer-content{font-weight:400!important;text-transform:none!important;font-size:18px;word-wrap:break-word;overflow-wrap:break-word}.duel-character-image{width:288px;height:auto;object-fit:contain;z-index:1001}.settings-menu{padding:20px;min-height:calc(100vh - 140px);background-color:#fff}.settings-menu-title{font-size:24px;font-weight:700;margin-bottom:30px;color:#333}.menu-item{display:flex;align-items:center;width:100%;padding:15px 20px;margin-bottom:12px;background-color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease;text-align:left}.menu-item:hover{box-shadow:0 4px 8px #00000026}.menu-item-icon{width:24px;height:24px;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.menu-item-text{flex:1;font-size:16px;color:#333}.menu-item.logout .menu-item-text{color:#e74c3c}.menu-item-icon svg{width:100%;height:100%;fill:#333;stroke:#333}.menu-item.logout .menu-item-icon svg{fill:#e74c3c;stroke:#e74c3c}.account-settings-container{display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 140px);padding:40px 20px;background-color:#f5f5f5;box-sizing:border-box}.account-settings-content{max-width:700px;width:100%;margin:0 auto;background-color:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000004d}.account-settings-title{font-size:32px;font-weight:700;color:#3e9aca;margin-bottom:40px;text-align:center}.account-settings-loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:#666}.account-settings-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:15px;font-weight:600;color:#333;margin-left:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-readonly{background-color:#f8f9fa;cursor:not-allowed}.form-input{padding:16px 20px;border:2px solid #e0e0e0;border-radius:16px;font-size:16px;font-family:inherit;background-color:#fff;color:#000;transition:all .3s ease;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3e9aca;box-shadow:0 0 0 4px #3e9aca1a}.form-input::placeholder{color:#999}.form-input[readonly]{background-color:#f8f9fa;cursor:not-allowed;border-color:#e9ecef}.form-input[readonly]:focus{border-color:#e9ecef;box-shadow:none}.edit-icon-button{position:absolute;right:16px;background-color:#fff;border:2px solid #e0e0e0;font-size:18px;color:#3e9aca;cursor:pointer;padding:10px;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-shadow:0 2px 8px #0000001a}.edit-icon-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3e9aca33;border-color:#3e9aca}.edit-icon-button:active{transform:translateY(0)}.password-toggle-button{padding:14px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.password-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.password-toggle-button:active{transform:translateY(0)}.email-input-wrapper{position:relative;display:flex;align-items:center}.email-input-wrapper .form-input{padding-right:50px}.email-verified-icon{position:absolute;right:58px;color:#10b981;font-size:22px;font-weight:700;pointer-events:none;background-color:#ecfdf5;padding:6px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.email-input-wrapper .edit-icon-button{right:16px}.email-change-notice{display:block;margin-top:6px;font-size:13px;color:#f59e0b;font-style:italic;margin-left:4px}.validation-message{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;margin-left:4px}.validation-success{color:#10b981}.validation-error{color:#ef4444}.validation-info{color:#3e9aca}.spinner{display:inline-block;animation:spin 1s linear infinite}.input-error{border-color:#ef4444!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441a!important}.input-success{border-color:#10b981!important}.input-success:focus{border-color:#10b981!important;box-shadow:0 0 0 4px #10b9811a!important}.form-actions{display:flex;gap:16px;margin-top:32px;justify-content:flex-end}.save-button{padding:16px 32px;background-color:#3e9aca;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3e9aca4d;min-width:120px}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3e9aca66;background-color:#2e7a9a}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.cancel-button{padding:16px 32px;background-color:#fff;color:#3e9aca;border:2px solid #3E9ACA;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-button:hover{background-color:#e6f3fa;transform:translateY(-2px)}.cancel-button:active{transform:translateY(0)}@media (max-width: 768px){.account-settings-container{padding:20px 10px}.account-settings-content{padding:30px 20px;border-radius:20px}.account-settings-title{font-size:26px;margin-bottom:30px}.form-actions{flex-direction:column;gap:12px}.save-button,.cancel-button{width:100%}}.levelmap-container{display:flex;flex-direction:column;background-color:#fff;min-height:calc(100vh - 140px);padding-bottom:60px;overflow-x:hidden}.levelmap-map-container{width:100%;padding:20px 0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;min-height:calc(100vh - 200px);position:relative}.levelmap-absolute-map{width:100%;max-width:500px;position:relative;min-height:800px;display:flex;flex-direction:column;align-items:center;margin:20px 0}.levelmap-icon{width:100%;max-width:200px;height:auto;object-fit:contain;display:block}.levelmap-path{width:100%;max-width:190px;height:auto;object-fit:contain;pointer-events:none}.levelmap-island{position:relative;background:none;border:none;cursor:pointer;opacity:1;z-index:10;padding:0;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,opacity .2s ease}.levelmap-island:hover:not(:disabled){opacity:.85;transform:translate(-50%) scale(1.05)}.levelmap-island:active:not(:disabled){transform:translate(-50%) scale(.95)}.levelmap-island:disabled{cursor:not-allowed}.levelmap-locked{opacity:.5;filter:grayscale(.7)}.levelmap-locked:hover{opacity:.5;transform:translate(-50%) scale(1)}.levelmap-completed{opacity:1}.levelmap-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;z-index:12;pointer-events:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.levelmap-banner{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background-color:#87ceeb;color:#fff;font-weight:700;font-size:15px;padding:6px 18px;border-radius:18px;white-space:nowrap;z-index:11;box-shadow:0 2px 6px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.5px}.levelmap-progress-text{font-size:11px;font-weight:600;color:#666;text-align:center;position:absolute;bottom:-48px;left:50%;transform:translate(-50%);z-index:100;background-color:#ffffffe6;padding:3px 8px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.levelmap-progress-completed{background-color:#4caf50e6;color:#fff;font-weight:700}.levelmap-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);font-size:18px;color:#666}.public-exam-showcase-container{min-height:calc(100vh - 140px);background:linear-gradient(135deg,#f0f8ff,#e8f4f8);padding:40px 20px}.public-exam-content{max-width:1000px;margin:0 auto;background-color:#fff;border-radius:20px;padding:48px;box-shadow:0 8px 24px #0000001f;border:1px solid rgba(62,154,202,.1)}.public-exam-header{margin-bottom:0;border-bottom:none;padding-bottom:0}.public-exam-title{font-size:2.75rem;font-weight:800;color:#3e9aca;margin-bottom:20px;line-height:1.2;text-align:center}.public-exam-meta{display:flex;gap:24px;flex-wrap:wrap}.public-exam-meta-item{font-size:1rem;color:#64748b;font-weight:500}.public-exam-description{margin-bottom:32px;font-size:1.125rem;line-height:1.8;color:#2b3748}.public-exam-description p{margin-bottom:16px}.public-exam-section-title{font-size:1.75rem;font-weight:700;color:#1a1f2b;margin-bottom:24px;margin-top:40px}.public-exam-sample-questions{margin-bottom:32px}.public-exam-question-card{background-color:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e9ecef}.public-exam-question-header{margin-bottom:16px}.public-exam-question-number{font-size:.875rem;font-weight:600;color:#3e9aca;text-transform:uppercase;letter-spacing:.5px}.public-exam-question-content{display:flex;flex-direction:column;gap:16px}.public-exam-question-title{font-size:1.25rem;font-weight:600;color:#1a1f2b;line-height:1.5}.public-exam-question-explanation{font-size:1rem;color:#2b3748;line-height:1.6;font-style:italic;padding:12px;background-color:#f0f7ff;border-left:4px solid #3e9aca;border-radius:4px}.public-exam-question-explanation p{margin:0}.public-exam-question-answers{display:flex;flex-direction:column;gap:12px;margin-top:16px}.public-exam-answer-option{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background-color:#fff;border-radius:8px;border:2px solid #e9ecef;transition:all .2s ease}.public-exam-answer-correct{border-color:#10b981;background-color:#f0fdf4}.public-exam-answer-letter{font-weight:700;color:#3e9aca;min-width:24px}.public-exam-answer-text{flex:1;color:#2b3748;line-height:1.6}.public-exam-answer-badge{font-size:.875rem;font-weight:600;color:#10b981;margin-left:auto}.public-exam-ad-banner{width:100%;min-height:100px;margin:24px 0;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.public-exam-ad-banner .ad-banner__slot{width:100%;min-height:100px}.public-exam-cta{margin-top:40px;text-align:center;padding-top:32px;border-top:2px solid #e9ecef}.public-exam-cta-top{margin-top:24px;margin-bottom:32px;padding-top:0;padding-bottom:32px;border-top:none;border-bottom:2px solid #e9ecef}.public-exam-start-button{background:linear-gradient(135deg,#3e9aca,#2b7ba8);color:#fff;border:none;border-radius:12px;padding:16px 48px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3e9aca4d;margin-bottom:16px}.public-exam-start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3e9aca66;background:linear-gradient(135deg,#4ba8d4,#3e9aca)}.public-exam-start-button:disabled{opacity:.6;cursor:not-allowed}.public-exam-cta-note{font-size:.875rem;color:#64748b;margin-top:8px}.public-exam-loading,.public-exam-error{text-align:center;padding:60px 20px;font-size:1.25rem;color:#64748b}.public-exam-error{color:#ef4444}.public-exam-features{margin:40px 0;background-color:#f8fcff;padding:32px;border-radius:12px;border-left:4px solid #3e9aca}.public-exam-features h2{color:#1a1f2b;font-size:1.75rem;font-weight:700;margin-bottom:24px;text-align:center}.public-exam-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.public-exam-feature{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.public-exam-feature h3{color:#2e7ba8;font-size:1.2rem;font-weight:600;margin-bottom:12px}.public-exam-feature p{color:#2b3748;font-size:1rem;line-height:1.6;margin:0}.public-exam-benefits{margin:40px 0;background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #0000001a}.public-exam-benefits h2{color:#1a1f2b;font-size:1.75rem;font-weight:700;margin-bottom:24px;text-align:center}.public-exam-benefits-content{display:flex;flex-direction:column;gap:24px}.public-exam-benefit{padding:20px;background-color:#f8fcff;border-radius:8px;border-left:4px solid #3e9aca}.public-exam-benefit h3{color:#2e7ba8;font-size:1.3rem;font-weight:600;margin-bottom:12px}.public-exam-benefit p{color:#2b3748;font-size:1rem;line-height:1.6;margin:0}.public-exam-topics{margin:40px 0;background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #0000001a}.public-exam-topics h2{color:#1a1f2b;font-size:1.75rem;font-weight:700;margin-bottom:24px;text-align:center}.public-exam-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.public-exam-topic{background-color:#f8fcff;padding:12px 16px;border-radius:6px;border-left:3px solid #3e9aca;color:#2b3748;font-size:1rem;font-weight:500;transition:all .2s ease}.public-exam-topic:hover{background-color:#e8f4f8;transform:translate(4px)}.public-exam-preparation-tips{margin:40px 0;background-color:#f8fcff;padding:32px;border-radius:12px;border-left:4px solid #3e9aca}.public-exam-preparation-tips h2{color:#1a1f2b;font-size:1.75rem;font-weight:700;margin-bottom:24px;text-align:center}.public-exam-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.public-exam-tip{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.public-exam-tip h4{color:#2e7ba8;font-size:1.1rem;font-weight:600;margin-bottom:8px}.public-exam-tip p{color:#2b3748;font-size:.95rem;line-height:1.5;margin:0}@media (max-width: 768px){.public-exam-content{padding:24px}.public-exam-title{font-size:1.75rem}.public-exam-start-button{font-size:1rem;padding:14px 32px;width:100%}.public-exam-meta{flex-direction:column;gap:12px}.public-exam-features,.public-exam-benefits,.public-exam-topics,.public-exam-preparation-tips{padding:20px;margin:24px 0}.public-exam-features-grid,.public-exam-tips{grid-template-columns:1fr;gap:16px}.public-exam-topics-grid{grid-template-columns:1fr;gap:12px}}.sales-agreement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000;opacity:0;transition:opacity .15s ease-in-out}.sales-agreement-overlay.visible{opacity:1}.sales-agreement-container{max-width:700px;width:100%;max-height:90vh;background-color:#fff;border-radius:20px;border:2px solid #3E9ACA;box-shadow:0 8px 24px #3e9aca4d;transform:scale(.9);transition:transform .2s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.sales-agreement-container.visible{transform:scale(1)}.sales-agreement-header{padding:24px 28px;border-bottom:1px solid #e0e0e0}.sales-agreement-title{font-size:20px;font-weight:700;text-align:center;margin:0;font-family:monospace;letter-spacing:.5px;color:#1a4a6b}.sales-agreement-content{flex:1;overflow-y:auto;padding:24px 28px}.sales-agreement-text{font-family:monospace;color:#4a5568;line-height:1.6}.sales-agreement-text h3{font-size:16px;font-weight:700;margin-top:24px;margin-bottom:12px;color:#3e9aca}.sales-agreement-text h3:first-of-type{margin-top:0}.sales-agreement-text p{font-size:13px;margin-bottom:16px;text-align:justify}.sales-agreement-footer{padding:20px 28px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.sales-agreement-button{padding:12px 32px;border-radius:12px;border:none;font-size:16px;font-weight:700;font-family:monospace;letter-spacing:.5px;cursor:pointer;color:#fff;transition:all .2s ease-in-out;box-shadow:0 4px 12px #0003}.sales-agreement-button-cancel{background-color:#6c757d}.sales-agreement-button-cancel:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.sales-agreement-button-confirm{background-color:#3e9aca}.sales-agreement-button-confirm:hover{background-color:#3182a4;transform:translateY(-1px);box-shadow:0 4px 12px #3e9aca4d}.payment-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f9fc,#fff);padding:40px 20px}.payment-loading{font-size:18px;font-family:monospace;color:#666;margin-top:100px}.payment-content{width:100%;max-width:600px;display:flex;flex-direction:column}.payment-title{text-align:center;font-size:28px;font-weight:700;color:#3e9aca;margin-bottom:32px;font-family:monospace;letter-spacing:.5px}.payment-plan-card{background-color:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #3e9aca1a;border:2px solid #e0e8f0}.payment-plan-title{font-size:18px;font-weight:700;color:#333;margin-bottom:16px;font-family:monospace}.payment-plan-info{display:flex;justify-content:space-between;align-items:center}.payment-plan-name{font-size:20px;font-weight:700;color:#3e9aca;font-family:monospace}.payment-plan-price{font-size:24px;font-weight:700;color:#28a745;font-family:monospace}.payment-plan-price-details{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.payment-plan-original-price,.payment-plan-discount,.payment-plan-final-price{display:flex;align-items:center;gap:12px}.payment-price-label{font-size:14px;color:#666;font-family:monospace}.payment-price-original-value{font-size:16px;color:#999;text-decoration:line-through;font-family:monospace}.payment-price-discount-value{font-size:16px;color:#dc3545;font-weight:700;font-family:monospace}.payment-price-final-value{font-size:24px;font-weight:700;color:#28a745;font-family:monospace}.payment-card-section{background-color:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #3e9aca1a;border:2px solid #e0e8f0}.payment-section-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;font-family:monospace}.payment-form{display:flex;flex-direction:column}.payment-label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;margin-top:12px;font-family:monospace}.payment-label:first-of-type{margin-top:0}.payment-input-wrapper{display:flex;align-items:center;border:2px solid #e0e8f0;border-radius:12px;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000a;margin-bottom:8px}.payment-input-wrapper:hover{border-color:#84c6ee;box-shadow:0 4px 8px #3e9aca1a}.payment-input-wrapper:focus-within{border-color:#3e9aca;box-shadow:0 4px 12px #3e9aca26}.payment-input-icon{margin-left:14px;margin-right:8px;font-size:20px;opacity:.7}.payment-input{flex:1;padding:14px 8px;font-size:16px;font-family:monospace;color:#222;background-color:transparent;border:none;outline:none}.payment-input::placeholder{color:#999;opacity:.8}.payment-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-col{display:flex;flex-direction:column}.payment-checkbox-container{margin-top:16px;margin-bottom:8px}.payment-checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-family:monospace;font-size:14px;color:#333;line-height:1.6}.payment-checkbox-label.disabled{opacity:.5;cursor:not-allowed}.payment-checkbox{margin-right:10px;margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:#3E9ACA;flex-shrink:0}.payment-checkbox-label.disabled .payment-checkbox{cursor:not-allowed}.payment-checkbox-text{display:flex;flex-wrap:wrap;align-items:center;font-weight:500}.payment-agreement-section{background-color:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:24px;border:1px solid #e9ecef}.payment-agreement-link{background:none;border:none;padding:0 2px;margin:0;cursor:pointer;color:#3e9aca;text-decoration:underline;font-family:monospace;font-size:14px;font-weight:600;transition:all .2s ease-in-out;border-radius:4px}.payment-agreement-link:hover{color:#57b6e9;background-color:#3e9aca1a;text-decoration:none}.payment-button{width:100%;padding:16px;background:linear-gradient(135deg,#57b6e9,#3e9aca);border-radius:12px;border:none;cursor:pointer;font-size:18px;font-weight:700;font-family:monospace;color:#fff;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 16px #3e9aca4d;margin-bottom:12px}.payment-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3e9aca66}.payment-button.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.payment-cancel-button{width:100%;padding:14px;background:none;border:2px solid #6c757d;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;font-family:monospace;color:#6c757d;transition:all .2s ease}.payment-cancel-button:hover{background-color:#6c757d;color:#fff}.subscription-spinner-small{display:inline-block;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}:root{--app-background-color: #ffffff}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--app-background-color);width:100%;position:relative}.app-content{flex:1;width:100%;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:200px;transition:padding .2s ease}.app-content.with-header{margin-bottom:60px}.app-container.with-side-banners{padding-left:220px;padding-right:220px}.app-main{width:min(100%,1100px);align-self:center;padding:0 16px}@media (max-width: 1600px){.app-container.with-side-banners{padding-left:200px;padding-right:200px}}@media (max-width: 768px){.app-content{padding-bottom:140px}.app-container.with-side-banners{padding-left:0;padding-right:0}.app-main{width:100%;max-width:100%;padding:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:monospace}#root{width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}