:root{--ink:#152238;--muted:#637083;--line:#dbe2ea;--paper:#f4f8fb;--white:#ffffff;--navy:#1d3152;--red:#bf4e5c;--green:#3b8f75;--gold:#dfb45d;--sky:#dfeaf4;--shadow:0 22px 70px rgba(24,38,58,0.16)}*{box-sizing:border-box}.is-hidden{display:none !important}[hidden]{display:none !important}html{scroll-behavior:smooth;min-height:100%;background:var(--paper)}html.dark-mode{color-scheme:dark;background:#07111f}body{margin:0;min-height:100dvh;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html.dark-mode body{color:#eef6ff;background:radial-gradient(circle at 18% 12%,rgba(66,169,129,0.16),transparent 32%),radial-gradient(circle at 88% 8%,rgba(47,111,143,0.18),transparent 30%),linear-gradient(180deg,#07111f 0%,#0b1728 100%)}html.dark-mode .site-header{border-bottom-color:rgba(62,83,110,0.72);background:rgba(6,18,32,0.96)}html.dark-mode .top-nav{border-color:rgba(59,84,114,0.86);background:rgba(14,26,43,0.94)}html.dark-mode .top-nav a,html.dark-mode .top-nav summary,html.dark-mode .nav-menu{color:#eef6ff;border-color:rgba(58,79,108,0.9);background:#101c2e}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.quick-accent-picker{position:fixed;z-index:9999;display:inline-flex;flex-wrap:wrap;max-width:min(94vw,360px);gap:4px;padding:5px;border:1px solid rgba(86,118,158,0.78);border-radius:999px;background:#10213a;box-shadow:0 14px 34px rgba(7,17,31,0.24)}.quick-accent-picker[hidden]{display:none}.quick-accent-picker button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;color:#eef6ff;background:#152a49;cursor:pointer;font:inherit;font-size:1.05rem;font-weight:850}.quick-accent-picker button.is-active,.quick-accent-picker button:hover,.quick-accent-picker button:focus{color:#07111f;background:#ffd95a}html:not(.dark-mode) .quick-accent-picker{border-color:#cbd7e4;background:#ffffff;box-shadow:0 14px 34px rgba(24,38,58,0.16)}html:not(.dark-mode) .quick-accent-picker button{color:var(--ink);background:#e8f0f7}html:not(.dark-mode) .quick-accent-picker button.is-active,html:not(.dark-mode) .quick-accent-picker button:hover,html:not(.dark-mode) .quick-accent-picker button:focus{color:#07111f;background:#ffd95a}.site-header{position:sticky;top:0;z-index:70;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px 24px;min-height:calc(64px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) clamp(18px,3vw,40px) 12px;border-bottom:1px solid rgba(255,255,255,0.08);color:#ffffff;background:rgba(6,18,32,0.96);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;min-width:0}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--white);background:#ffffff;border:1px solid rgba(255,255,255,0.28);font-weight:800;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand strong,.brand small{display:none}.brand small{margin-top:2px;color:var(--muted);font-size:0.78rem}.header-quick-actions{position:static;transform:none;display:inline-flex;align-items:center;gap:8px;min-width:0;justify-self:start;z-index:2}.mobile-menu-toggle{display:none;border:0;background:transparent;cursor:pointer}.top-nav{justify-self:start;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%;padding:0;border:0;border-radius:0;background:transparent}.top-nav a,.top-nav summary,.nav-menu-disabled{padding:9px 10px;border-radius:8px;color:rgba(255,255,255,0.92);background:transparent;font-size:0.98rem;font-weight:750;list-style:none;cursor:pointer;box-shadow:none}.nav-menu-disabled{display:flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(107,155,181,0.18);border-radius:10px;color:rgba(238,246,255,0.52);background:rgba(255,255,255,0.035);cursor:not-allowed;white-space:nowrap;font-size:0.95rem;font-weight:850}.nav-menu-disabled small{margin-left:4px;color:#ff9bad;font-size:0.72em;font-weight:900}.top-nav summary::-webkit-details-marker{display:none}.top-nav a:hover,.top-nav summary:hover,.top-nav a.is-active,.top-nav summary.is-active{color:#ffffff;background:rgba(255,255,255,0.1)}.nav-dropdown{position:relative}.nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:30;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px;min-width:min(520px,calc(100vw - 32px));padding:18px;border:1px solid rgba(88,129,158,0.38);border-radius:10px;background:linear-gradient(135deg,rgba(12,31,49,0.98) 0%,rgba(15,48,61,0.98) 100%);box-shadow:0 24px 64px rgba(0,0,0,0.32)}.nav-dropdown-wide .nav-menu,.top-nav .nav-dropdown:first-of-type .nav-menu{left:0;transform:none}.nav-dropdown-practice .nav-menu{left:0;transform:none}.nav-dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}.nav-menu a{display:flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(107,155,181,0.28);border-radius:10px;white-space:nowrap;color:#eef6ff;background:rgba(255,255,255,0.045);font-size:0.95rem;font-weight:850}.nav-menu a:hover,.nav-menu a:focus,.nav-menu a.is-active{color:#061224;border-color:rgba(139,224,188,0.78);background:linear-gradient(135deg,#8be0bc 0%,#54b98f 100%);box-shadow:0 14px 28px rgba(59,143,117,0.22)}.nav-dropdown:not([open]) .nav-menu{display:none}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:grid}.nav-dropdown-wide .nav-menu{grid-template-columns:minmax(180px,0.75fr) minmax(260px,1fr);align-items:start;min-width:min(650px,calc(100vw - 48px));max-width:calc(100vw - 48px);gap:24px;padding:28px 32px}.nav-menu-section{display:grid;gap:12px;min-width:0}.nav-menu-heading{margin:0 0 8px;color:#9fb0c6;font-size:0.76rem;font-weight:850;letter-spacing:0.08em;text-transform:uppercase}.nav-menu-exam-grid{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px 14px}.nav-menu-practice{grid-template-columns:1fr;width:min(260px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);padding:14px}.nav-menu a.nav-menu-skill-link{gap:10px;padding:6px 10px}.nav-menu-skill-icon{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#173657}.nav-menu-skill-icon img{width:17px;height:17px;object-fit:contain}.top-nav .nav-dropdown-practice>.nav-menu.nav-menu-practice{width:min(260px,calc(100vw - 32px)) !important;min-width:0 !important;max-width:calc(100vw - 32px) !important;grid-template-columns:1fr !important;padding:14px !important}.nav-menu-practice-grid{display:grid;grid-template-columns:minmax(150px,1fr);gap:10px 12px}.nav-menu-practice .nav-menu-heading{margin-bottom:4px}.nav-menu-practice a{min-height:40px;padding:0 12px;font-size:0.84rem}html:not(.dark-mode) .site-header{color:var(--navy);border-bottom-color:rgba(16,34,52,0.12);background:rgba(255,255,255,0.96);box-shadow:0 10px 28px rgba(20,38,58,0.08)}html:not(.dark-mode) .top-nav a,html:not(.dark-mode) .top-nav summary{color:var(--navy)}html:not(.dark-mode) .top-nav a:hover,html:not(.dark-mode) .top-nav summary:hover,html:not(.dark-mode) .top-nav a:focus,html:not(.dark-mode) .top-nav summary:focus{color:#061224;background:rgba(59,143,117,0.1)}html:not(.dark-mode) .top-nav .is-active{color:#ffffff !important;background:var(--green) !important;box-shadow:0 10px 24px rgba(59,143,117,0.18)}html:not(.dark-mode) .mobile-menu-toggle{background:#eef5f3;box-shadow:0 8px 20px rgba(20,38,58,0.08)}html:not(.dark-mode) .mobile-menu-toggle span{background:var(--navy)}html:not(.dark-mode) .user-chip{color:var(--navy);border-color:rgba(16,34,52,0.12);background:#ffffff}html:not(.dark-mode) .nav-menu{border-color:rgba(61,108,129,0.24);background:linear-gradient(135deg,rgba(247,251,250,0.98) 0%,rgba(233,244,240,0.98) 100%);box-shadow:0 24px 62px rgba(24,38,58,0.22)}html:not(.dark-mode) .nav-menu a{color:var(--navy);border-color:rgba(42,74,98,0.12);background:rgba(255,255,255,0.72)}html:not(.dark-mode) .nav-menu-disabled{color:rgba(21,34,56,0.52);border-color:rgba(42,74,98,0.1);background:rgba(255,255,255,0.46)}html:not(.dark-mode) .nav-menu-disabled small{color:#bf4e5c}html:not(.dark-mode) .nav-menu a:hover,html:not(.dark-mode) .nav-menu a:focus,html:not(.dark-mode) .nav-menu a.is-active{color:#061224;border-color:rgba(59,143,117,0.52);background:linear-gradient(135deg,#8be0bc 0%,#54b98f 100%)}html:not(.dark-mode) .nav-menu-heading{color:#647181}.auth-area{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:116px;max-width:100%}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;justify-self:end}.btn,.google-btn,.close-btn,.round-btn{border:0;font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font-weight:800;transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease}.btn:hover,.google-btn:hover,.round-btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--white);background:var(--red);box-shadow:0 12px 28px rgba(216,75,75,0.28)}.btn-green{color:var(--white);background:var(--green);box-shadow:0 12px 28px rgba(59,143,117,0.24)}.whatsapp-join-btn{white-space:nowrap}.header-whatsapp-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;box-shadow:0 10px 24px rgba(59,143,117,0.18)}.header-whatsapp-button img{width:19px;height:19px;object-fit:contain;filter:brightness(0) invert(1)}.app-feedback-whatsapp{width:fit-content}.app-feedback-social{width:fit-content;display:inline-flex;align-items:center;gap:8px;line-height:1.1}.app-feedback-telegram{color:#ffffff;background:#2aabee;box-shadow:0 12px 28px rgba(42,171,238,0.22)}.app-feedback-telegram:hover,.app-feedback-telegram:focus{background:#1f9fdd;box-shadow:0 16px 32px rgba(42,171,238,0.3)}.app-feedback-social-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:999px;background:#ffffff}.app-feedback-social-icon img{width:18px;height:18px;object-fit:contain}.app-feedback-social-label{display:inline-flex;flex-direction:column;gap:2px}.app-feedback-social small{font-size:0.62rem;font-weight:900;opacity:0.86}.btn-plan{color:#ffffff;background:linear-gradient(135deg,#1d3152 0%,#3b8f75 100%);box-shadow:0 12px 28px rgba(59,143,117,0.24)}.btn-plan:hover,.btn-plan:focus{box-shadow:0 16px 32px rgba(59,143,117,0.3)}.btn-red{color:var(--white);background:var(--red);box-shadow:0 12px 28px rgba(191,78,92,0.22)}.btn.is-disabled{pointer-events:none;opacity:0.5;box-shadow:none}.btn-danger{color:var(--white);background:var(--red);box-shadow:0 12px 28px rgba(191,78,92,0.22)}.btn-danger:disabled{cursor:not-allowed;opacity:0.48;transform:none}.btn-finish{color:#07111f;background:var(--gold);box-shadow:0 12px 28px rgba(223,180,93,0.28)}.btn-secondary{color:var(--ink);background:var(--white);border:1px solid var(--line)}.btn:disabled{cursor:not-allowed;opacity:0.58;transform:none;box-shadow:none}.btn-ghost{color:var(--navy);background:#edf4f1}.btn-tcf{color:var(--white) !important;background:var(--green) !important;box-shadow:0 10px 24px rgba(59,143,117,0.2)}.auth-loading-chip,.app-loading-panel{display:inline-flex;align-items:center;gap:10px;color:var(--navy);background:rgba(255,255,255,0.86);border:1px solid rgba(20,58,103,0.18);border-radius:999px;font-weight:850}.auth-loading-chip{min-height:44px;padding:0 16px;white-space:nowrap}.app-loading-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:start;width:min(100%,520px);min-height:auto;margin:18px auto;padding:16px 18px;border-radius:16px;text-align:left;box-shadow:0 18px 42px rgba(10,26,50,0.12)}.writing-test-card.app-loading-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:min(100%,520px);padding:16px 18px;border-radius:16px}.app-loading-panel .app-loading-copy{display:grid;gap:3px}.app-loading-panel .eyebrow,.app-loading-panel h2,.app-loading-panel p,.app-loading-panel strong,.app-loading-panel small{margin:0}.app-loading-panel h2,.app-loading-panel strong{display:block;color:var(--green);font-size:1.18rem;line-height:1.12;font-weight:950}.app-loading-panel p,.app-loading-panel small{color:var(--muted);font-size:0.84rem;line-height:1.35;font-weight:800}.loading-spinner{display:inline-block;width:18px;height:18px;flex:0 0 18px;border:3px solid rgba(59,143,117,0.22);border-top-color:var(--green);border-radius:50%;animation:loadingSpin 780ms linear infinite}.skill-page-loading{overflow:hidden}.skill-page-loader{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;color:var(--navy);background:radial-gradient(circle at 24% 18%,rgba(139,224,188,0.28),transparent 32%),linear-gradient(180deg,#f4f8fb 0%,#eaf3ef 100%);transition:opacity 320ms ease,visibility 320ms ease}.skill-page-loader.is-hiding{opacity:0;visibility:hidden}.skill-page-loader-card{display:grid;justify-items:center;gap:12px;width:min(100%,320px);padding:26px 24px;border:1px solid rgba(20,58,103,0.14);border-radius:18px;background:rgba(255,255,255,0.86);box-shadow:0 24px 70px rgba(24,38,58,0.14);text-align:center}.skill-page-loader-card strong{color:var(--green);font-size:1.08rem;font-weight:950}.skill-page-loader-card small{color:var(--muted);font-size:0.84rem;font-weight:800}html.dark-mode .skill-page-loader{color:#eef6ff;background:radial-gradient(circle at 24% 18%,rgba(66,169,129,0.24),transparent 32%),linear-gradient(180deg,#07111f 0%,#0b1728 100%)}html.dark-mode .skill-page-loader-card{border-color:rgba(58,79,108,0.9);background:rgba(16,28,46,0.92);box-shadow:0 24px 70px rgba(0,0,0,0.34)}html.dark-mode .skill-page-loader-card small{color:#9fb0c6}@keyframes loadingSpin{to{transform:rotate(360deg)}}.header-access-status{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(191,78,92,0.26);border-radius:999px;color:var(--red);background:rgba(191,78,92,0.08);font-size:0.84rem;font-weight:850;white-space:nowrap}.header-access-status .access-mobile{display:none}.header-access-status:empty{display:none}.header-access-status.is-active{color:var(--green);border-color:rgba(59,143,117,0.3);background:rgba(59,143,117,0.1)}.header-access-status.is-no-access{color:var(--red);border-color:rgba(191,78,92,0.34);background:rgba(191,78,92,0.08)}.header-access-status.has-free-tokens{position:relative;color:#8a6416;border-color:rgba(223,180,93,0.5);background:rgba(223,180,93,0.18);box-shadow:0 10px 24px rgba(223,180,93,0.18)}.header-access-status.is-token-only{display:inline-grid;place-items:center;min-width:42px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}.header-access-status .token-icon{width:24px;height:24px;font-size:0.8rem}.header-access-status.has-unlimited-tokens .token-icon{font-size:1.12rem}.header-access-status.has-free-tokens .token-icon{color:#07111f;background:var(--gold)}.header-access-status.is-token-only .token-icon{width:100%;height:100%;font-size:0.95rem;box-shadow:inset 0 0 0 1px rgba(7,17,31,0.08)}.header-access-status.is-spending-token{animation:tokenSpendPulse 650ms ease}.app-hint-box{display:grid;gap:4px;margin-top:6px;padding:10px 12px;border:1px solid rgba(223,180,93,0.4);border-radius:12px;color:#293245;background:linear-gradient(135deg,rgba(255,226,132,0.24),rgba(139,224,188,0.14));font-size:0.78rem;line-height:1.35}.app-hint-box strong{color:#8a6416;font-size:0.72rem;font-weight:950;text-transform:uppercase}.app-hint-box span{font-weight:800}.app-feedback-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:14px;align-items:stretch;margin:14px 0;padding:14px;border:1px solid rgba(66,169,129,0.28);border-radius:16px;background:linear-gradient(135deg,rgba(139,224,188,0.18),rgba(255,221,99,0.12));color:#172235}.app-feedback-copy{display:grid;gap:4px}.app-feedback-copy strong{color:#137253;font-size:0.86rem;font-weight:950;text-transform:uppercase}.app-feedback-copy p{margin:0;color:#39465b;font-size:0.92rem;font-weight:750;line-height:1.45}.app-feedback-form{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid rgba(66,169,129,0.22);border-radius:14px;background:rgba(255,255,255,0.42)}.app-feedback-form textarea{width:100%;min-height:58px;resize:vertical;border:1px solid rgba(35,70,112,0.24);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,0.72);color:#111827;font:inherit;font-size:0.88rem;font-weight:700}.app-feedback-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.app-feedback-actions .btn{min-height:36px;padding:0 14px;font-size:0.82rem}.app-feedback-form small{min-height:16px;color:#137253;font-size:0.76rem;font-weight:850;text-align:left}.app-feedback-share{display:grid;gap:8px;align-content:center;justify-items:start;padding:12px;border:1px solid rgba(35,70,112,0.2);border-radius:14px;background:rgba(255,255,255,0.34)}.app-feedback-share strong{color:#137253;font-size:0.86rem;font-weight:950;text-transform:uppercase}.app-feedback-share p{margin:0;color:#39465b;font-size:0.92rem;font-weight:750;line-height:1.45}@media (max-width:760px){.app-feedback-panel{grid-template-columns:1fr}.app-feedback-actions,.app-feedback-form small{justify-content:flex-start;text-align:left}.app-feedback-share .btn{width:100%}}.header-language-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(196,145,28,0.52);border-radius:999px;background:linear-gradient(135deg,#ffdc61 0%,#f6bf3f 100%);color:#061224;font:inherit;font-size:0.82rem;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px rgba(246,191,63,0.18)}.header-language-button:hover{border-color:rgba(196,145,28,0.82);filter:brightness(1.03)}.header-language-button.needs-choice{animation:languageChoicePulse 1.15s ease-in-out infinite}.header-language-button img{width:18px;height:18px;object-fit:contain}.header-language-button strong{color:#061224;font-size:0.78rem}@keyframes languageChoicePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,220,97,0.5),0 10px 24px rgba(246,191,63,0.18)}50%{box-shadow:0 0 0 8px rgba(255,220,97,0),0 12px 28px rgba(246,191,63,0.28)}}.token-spend-burst{position:absolute;top:-18px;right:12px;color:#8a6416;font-size:0.95rem;font-weight:950;pointer-events:none;animation:tokenSpendBurst 900ms ease forwards}.top-nav .is-active{color:#ffffff !important;background:rgba(255,255,255,0.1) !important;box-shadow:none}.user-chip{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:230px;padding:5px 6px 5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);box-shadow:0 10px 28px rgba(24,38,58,0.08)}.user-chip span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.settings-profile-menu{position:relative;display:inline-flex;align-items:center;gap:8px}.complete-profile-button{min-height:36px;padding:0 13px;border:1px solid rgba(191,78,92,0.26);border-radius:999px;color:#ffffff;background:linear-gradient(135deg,#bf4e5c 0%,#dfb45d 100%);box-shadow:0 10px 24px rgba(191,78,92,0.18);font:inherit;font-size:0.78rem;font-weight:900;white-space:nowrap;cursor:pointer}.complete-profile-button:hover,.complete-profile-button:focus{transform:translateY(-1px);box-shadow:0 14px 28px rgba(191,78,92,0.24)}.settings-avatar-btn,.settings-icon-btn{display:inline-grid;place-items:center;border:1px solid rgba(107,155,181,0.28);border-radius:999px;background:rgba(255,255,255,0.08);cursor:pointer}.settings-avatar-btn{width:38px;height:38px;padding:0;overflow:hidden}.settings-icon-btn{width:38px;height:38px}.settings-icon-btn img{width:18px;height:18px;filter:brightness(0) invert(1)}.settings-avatar{display:inline-grid;place-items:center;width:100%;height:100%;border-radius:999px;color:#07111f;background:linear-gradient(135deg,#8be0bc 0%,#ffd95a 100%);overflow:hidden;font-size:0.76rem;font-weight:950}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-dropdown-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:90;width:min(320px,calc(100vw - 24px));padding:10px;border:1px solid rgba(90,113,145,0.5);border-radius:14px;color:#eef6ff;background:#27313f;box-shadow:0 24px 70px rgba(0,0,0,0.36)}.settings-dropdown-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid rgba(255,255,255,0.1)}.settings-avatar-large{width:44px;height:44px}.settings-dropdown-head strong,.settings-dropdown-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dropdown-head strong{font-size:0.95rem;font-weight:900}.settings-dropdown-head small{margin-top:2px;color:#aeb8c7;font-size:0.82rem;font-weight:750}.settings-country-flag{display:grid;place-items:center;justify-self:end;width:54px;min-width:54px;height:38px;padding:5px;border:1px solid rgba(107,155,181,0.24);border-radius:12px;background:rgba(255,255,255,0.08)}.settings-country-flag:empty{display:none}.settings-country-flag img{width:100%;height:100%;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px rgba(7,17,31,0.12)}.settings-dropdown-group{display:grid;gap:3px;padding:8px 0}.settings-menu-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:8px;color:#dce4ef;background:transparent;font:inherit;font-size:0.92rem;font-weight:760;text-align:left;cursor:pointer}.settings-menu-row:hover,.settings-menu-row:focus{color:#ffffff;background:rgba(255,255,255,0.08)}.settings-menu-static{cursor:default}.settings-menu-static:hover,.settings-menu-static:focus{color:#dce4ef;background:transparent}.settings-menu-row img{width:19px;height:19px;opacity:0.8;filter:brightness(0) invert(1)}.settings-menu-row small{max-width:92px;overflow:hidden;color:#9fb0c6;font-size:0.7rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.settings-menu-row-toggle b{display:inline-flex;min-width:62px;height:28px;align-items:center;justify-content:center;border-radius:999px;color:#07111f;background:#8be0bc;font-size:0.72rem;font-style:normal;font-weight:950}.settings-join-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 10px 10px 42px}.settings-join-actions .btn{min-height:34px;padding:0 10px;font-size:0.76rem}.settings-social-link{display:inline-flex;align-items:center;gap:7px;line-height:1.1}.settings-social-icon{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:999px;background:#ffffff}.settings-social-icon img{width:16px;height:16px;object-fit:contain;opacity:1;filter:none}.settings-social-label{display:inline-flex;flex-direction:column;gap:1px}.settings-telegram-link{color:#ffffff;background:#2aabee;box-shadow:0 12px 28px rgba(42,171,238,0.22)}.settings-telegram-link:hover,.settings-telegram-link:focus{background:#1f9fdd;box-shadow:0 16px 32px rgba(42,171,238,0.3);line-height:1.1}.settings-telegram-link small{font-size:0.58rem;font-weight:900;opacity:0.78}.settings-dropdown-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,0.1)}.settings-signout{width:100%;min-height:40px;border:0;border-radius:8px;color:#dce4ef;background:transparent;font:inherit;font-weight:800;text-align:left;cursor:pointer;padding:0 10px}.settings-signout:hover,.settings-signout:focus{color:#ffffff;background:rgba(255,255,255,0.08)}html:not(.dark-mode) .settings-avatar-btn,html:not(.dark-mode) .settings-icon-btn{border-color:rgba(29,49,82,0.18);background:#ffffff;box-shadow:0 8px 20px rgba(20,38,58,0.1)}html:not(.dark-mode) .complete-profile-button{color:#07111f;border-color:rgba(223,180,93,0.48);background:linear-gradient(135deg,#ffd95a 0%,#8be0bc 100%);box-shadow:0 10px 24px rgba(223,180,93,0.18)}html:not(.dark-mode) .settings-icon-btn img{opacity:0.9;filter:brightness(0) saturate(100%) invert(16%) sepia(36%) saturate(1030%) hue-rotate(180deg) brightness(91%) contrast(92%)}html:not(.dark-mode) .settings-dropdown-panel{color:var(--navy);border-color:rgba(20,38,58,0.16);background:#ffffff;box-shadow:0 24px 60px rgba(24,38,58,0.2)}html:not(.dark-mode) .settings-dropdown-head{border-bottom-color:rgba(16,34,52,0.1)}html:not(.dark-mode) .settings-country-flag{border-color:rgba(29,49,82,0.12);background:#f6fafc;box-shadow:0 8px 20px rgba(20,38,58,0.08)}html:not(.dark-mode) .settings-dropdown-head small,html:not(.dark-mode) .settings-menu-row small{color:#647181}html:not(.dark-mode) .settings-menu-row,html:not(.dark-mode) .settings-signout{color:var(--navy)}html:not(.dark-mode) .settings-menu-row{min-height:46px}html:not(.dark-mode) .settings-menu-row:hover,html:not(.dark-mode) .settings-menu-row:focus,html:not(.dark-mode) .settings-signout:hover,html:not(.dark-mode) .settings-signout:focus{color:#061224;background:rgba(59,143,117,0.1)}html:not(.dark-mode) .settings-menu-static:hover,html:not(.dark-mode) .settings-menu-static:focus{color:var(--navy);background:transparent}html:not(.dark-mode) .settings-menu-row img{opacity:0.82;filter:brightness(0) saturate(100%) invert(16%) sepia(36%) saturate(1030%) hue-rotate(180deg) brightness(91%) contrast(92%)}html:not(.dark-mode) .settings-menu-row:hover img,html:not(.dark-mode) .settings-menu-row:focus img{opacity:1;filter:brightness(0) saturate(100%) invert(39%) sepia(22%) saturate(1022%) hue-rotate(111deg) brightness(92%) contrast(88%)}html:not(.dark-mode) .settings-dropdown-footer{border-top-color:rgba(16,34,52,0.1)}.logout-btn{min-height:34px;padding:0 12px;border-radius:999px;color:var(--white);background:var(--navy)}.theme-switch{display:inline-grid;place-items:center;width:58px;height:34px;border:1px solid rgba(59,143,117,0.28);border-radius:999px;background:linear-gradient(135deg,#ffffff 0%,#eef7f3 100%);box-shadow:0 10px 24px rgba(24,38,58,0.1);cursor:pointer;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}@media (min-width:981px){html{font-size:14px}.site-header{gap:10px 18px;min-height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) clamp(14px,3vw,48px) 8px}.brand-mark{width:34px;height:34px;border-radius:999px}.header-quick-actions{gap:6px}.top-nav{gap:5px;padding:0}.top-nav a,.top-nav summary,.nav-menu-disabled{padding:7px 11px;font-size:0.86rem}.nav-menu{min-width:min(520px,calc(100vw - 32px));gap:8px;padding:18px;border-radius:10px}.btn{min-height:34px;padding:0 13px;font-size:0.86rem}.notebook-header-btn,.ask-ai-header-btn{min-height:34px;padding:0 11px;font-size:0.78rem}.notebook-header-btn img,.ask-ai-header-btn img{width:16px;height:16px}.header-access-status{min-height:30px;padding:0 10px;font-size:0.78rem}.user-chip{gap:7px;max-width:190px;padding:3px 4px 3px 9px;font-size:0.86rem}.logout-btn{min-height:30px;padding:0 10px;font-size:0.86rem}.theme-switch{width:46px;min-height:30px}}@media (max-width:580px){.complete-profile-button{max-width:126px;min-height:34px;padding:0 10px;overflow:hidden;font-size:0.72rem;text-overflow:ellipsis}}.theme-switch:hover{transform:translateY(-1px);border-color:rgba(59,143,117,0.5)}.theme-switch-track{position:relative;display:block;width:46px;height:24px;border-radius:999px;background:linear-gradient(135deg,#d9efe7 0%,#ffffff 100%)}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,#fff3c4 100%);box-shadow:0 4px 10px rgba(24,38,58,0.18);transition:transform 180ms ease,background 180ms ease}.theme-switch[aria-pressed="true"]{border-color:rgba(86,129,190,0.5);background:linear-gradient(135deg,#0b1728 0%,#172b48 100%)}.theme-switch[aria-pressed="true"] .theme-switch-track{background:linear-gradient(135deg,#14243d 0%,#244163 100%)}.theme-switch[aria-pressed="true"] .theme-switch-thumb{transform:translateX(22px);background:linear-gradient(135deg,#dfeaff 0%,#8eb3e8 100%)}.language-picker-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(7,17,31,0.54);backdrop-filter:blur(8px)}.language-picker-modal[hidden]{display:none}.language-picker-panel{width:min(420px,100%);max-height:min(620px,calc(100vh - 32px));overflow:hidden;border:1px solid rgba(29,49,82,0.14);border-radius:18px;background:#ffffff;color:var(--navy);box-shadow:0 28px 80px rgba(7,17,31,0.28)}.language-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px}.language-picker-head strong{color:var(--navy);font-size:1rem;font-weight:950}.language-picker-close{width:34px;height:34px;border:1px solid rgba(29,49,82,0.14);border-radius:999px;background:#f4f8fb;color:var(--navy);font-weight:800;cursor:pointer}.language-picker-search{width:calc(100% - 36px);margin:0 18px 12px;padding:12px 14px;border:1px solid rgba(29,49,82,0.18);border-radius:12px;background:#ffffff;color:var(--ink);font:inherit;font-weight:800}.language-picker-search::placeholder{color:#7b8798}.language-picker-search:focus{outline:3px solid rgba(255,217,90,0.45);border-color:#df9f18}.language-picker-list{display:grid;gap:8px;max-height:420px;overflow:auto;padding:0 18px 18px;scrollbar-color:rgba(29,49,82,0.36) rgba(244,248,251,0.9)}.language-picker-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid rgba(29,49,82,0.12);border-radius:12px;background:#f7fafc;color:var(--navy);font:inherit;font-weight:850;text-align:left;cursor:pointer}.language-picker-list button.is-selected,.language-picker-list button:hover{border-color:rgba(75,181,138,0.78);background:rgba(139,224,188,0.34);color:#061224}.language-picker-list small{color:#637083;font-weight:800}html.dark-mode .language-picker-modal{background:rgba(1,8,18,0.68);backdrop-filter:blur(10px)}html.dark-mode .language-picker-panel{border-color:rgba(58,79,108,0.9);background:#101c2e;color:#eef6ff;box-shadow:0 28px 80px rgba(0,0,0,0.45)}html.dark-mode .language-picker-head strong{color:#eef6ff}html.dark-mode .language-picker-close{border-color:rgba(58,79,108,0.9);background:#162640;color:#eef6ff}html.dark-mode .language-picker-search{border-color:rgba(58,79,108,0.9);background:#07111f;color:#eef6ff}html.dark-mode .language-picker-search::placeholder,html.dark-mode .language-picker-list small{color:#9fb0c6}html.dark-mode .language-picker-list{scrollbar-color:rgba(139,224,188,0.42) rgba(7,17,31,0.9)}html.dark-mode .language-picker-list button{border-color:rgba(58,79,108,0.8);background:rgba(10,23,40,0.72);color:#eef6ff}html.dark-mode .language-picker-list button.is-selected,html.dark-mode .language-picker-list button:hover{border-color:rgba(139,224,188,0.78);background:rgba(66,169,129,0.24);color:#eef6ff}.notebook-header-btn,.ask-ai-header-btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid rgba(223,180,93,0.55);border-radius:999px;color:#07111f;background:#ffd95a;font:inherit;font-size:0.82rem;font-weight:950;box-shadow:0 10px 22px rgba(223,180,93,0.24);cursor:pointer}.ask-ai-header-btn{border-color:rgba(59,143,117,0.26);background:#dff3ea;box-shadow:0 10px 22px rgba(59,143,117,0.18)}.ask-ai-floating-btn{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:1350;display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 18px;border:1px solid rgba(59,143,117,0.26);border-radius:999px;color:#07111f;background:#dff3ea;font:inherit;font-weight:950;box-shadow:0 18px 42px rgba(24,38,58,0.22);cursor:grab;touch-action:none}.ask-ai-floating-btn[aria-expanded="true"]{background:#8be0bc;box-shadow:0 20px 48px rgba(59,143,117,0.34)}.ask-ai-floating-btn.is-dragging{cursor:grabbing;transform:scale(1.02)}.notebook-header-btn img,.ask-ai-header-btn img,.ask-ai-floating-btn img{width:19px;height:19px;object-fit:contain;filter:brightness(0) saturate(100%) invert(8%) sepia(31%) saturate(1158%) hue-rotate(176deg) brightness(93%) contrast(98%)}.ask-ai-chat{position:fixed;z-index:1450;right:max(18px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 72px);width:min(420px,calc(100vw - 24px))}.ask-ai-chat.is-desktop-resizable{min-width:360px;min-height:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;resize:both}.ask-ai-chat[hidden]{display:none}.ask-ai-panel{position:relative;display:grid;gap:14px;width:100%;max-height:min(78vh,640px);overflow-y:auto;padding:16px;border:1px solid var(--line);border-radius:18px 18px 8px 18px;background:var(--white);box-shadow:var(--shadow)}.ask-ai-chat.is-desktop-resizable .ask-ai-panel{min-height:100%;max-height:none}.ask-ai-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;color:#ffffff;background:var(--red);font-size:1.2rem;font-weight:950;cursor:pointer}.ask-ai-head{display:flex;align-items:center;gap:12px;padding-right:36px}.ask-ai-head img{width:38px;height:38px;object-fit:contain}.ask-ai-head h2,.ask-ai-head p{margin:0}@media (min-width:981px){.ask-ai-floating-btn{min-height:42px;padding:0 14px;font-size:0.86rem}.ask-ai-floating-btn img{width:17px;height:17px}.ask-ai-chat{width:min(360px,calc(100vw - 24px));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 54px)}.ask-ai-chat.is-desktop-resizable{min-width:320px;min-height:300px}.ask-ai-panel{gap:10px;max-height:min(72vh,540px);padding:13px;border-radius:14px 14px 8px 14px}.ask-ai-close{top:9px;right:9px;width:28px;height:28px;border-radius:8px;font-size:1rem}.ask-ai-head{gap:9px;padding-right:32px}.ask-ai-head img{width:30px;height:30px}}.ask-ai-form{display:grid;gap:10px}.ask-ai-desktop-tools{display:none}.ask-ai-accent-keyboard{padding:10px;gap:6px;max-height:118px;overflow-y:auto}.ask-ai-accent-keyboard button{min-width:34px;height:34px;border-radius:9px;font-size:0.98rem}.ask-ai-form textarea{min-height:120px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--white);font:inherit;line-height:1.5}.ask-ai-language-note{margin-top:-4px;color:var(--muted);font-size:0.72rem;font-weight:800;line-height:1.25}.ask-ai-form .btn{justify-self:start}.ask-ai-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.ask-ai-record-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(29,49,82,0.12);border-radius:999px;color:var(--navy);background:#edf4f1;font:inherit;font-weight:900;cursor:pointer}.ask-ai-record-btn img{width:18px;height:18px;object-fit:contain}.ask-ai-record-btn.is-recording{color:#ffffff;border-color:rgba(191,78,92,0.55);background:var(--red);box-shadow:0 12px 26px rgba(191,78,92,0.22)}.ask-ai-record-btn:disabled{cursor:wait;opacity:0.6}.ask-ai-status{min-height:20px;margin:-4px 0 0;color:var(--muted);font-size:0.82rem;font-weight:800;line-height:1.35}.ask-ai-status.is-error{color:var(--red)}.ask-ai-answer{position:relative;display:grid;gap:10px;padding:14px 58px 14px 14px;border:1px solid rgba(59,143,117,0.24);border-radius:14px;color:var(--ink);background:#f1fbf6}.ask-ai-answer p{margin:0;line-height:1.6}.ask-ai-answer .writing-topic-tool{position:absolute;right:12px;bottom:12px}@media (min-width:900px) and (hover:hover) and (pointer:fine){.ask-ai-desktop-tools{display:flex;align-items:center;gap:8px}}.notebook-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:18px;background:rgba(7,17,31,0.58);backdrop-filter:blur(12px)}.notebook-modal[hidden]{display:none}.notebook-panel{display:grid;gap:14px;width:min(100%,760px);max-height:min(86vh,780px);overflow:hidden;padding:clamp(18px,4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.notebook-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.notebook-head h2,.notebook-head p{margin:0}.notebook-close,.notebook-card-actions button{display:grid;place-items:center;border:0;cursor:pointer}.notebook-close{width:38px;height:38px;border-radius:12px;background:#edf4f1}.notebook-close img,.notebook-card-actions img{width:18px;height:18px;object-fit:contain}.notebook-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#f3f7fa}.notebook-tabs button{min-height:38px;border:0;border-radius:999px;color:var(--ink);background:transparent;font:inherit;font-weight:950;cursor:pointer}.notebook-tabs button.is-active{color:#ffffff;background:var(--green)}.notebook-list{display:grid;gap:12px;overflow-y:auto;padding-right:4px}.notebook-empty{padding:18px;border:1px dashed rgba(99,112,131,0.36);border-radius:14px;color:var(--muted);font-weight:850;text-align:center}.notebook-card{position:relative;display:grid;gap:10px;padding:14px 54px 14px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.notebook-correction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.notebook-correction span,.notebook-correction strong{min-width:0;padding:9px 10px;border-radius:10px;overflow-wrap:anywhere}.notebook-correction span{color:var(--red);background:rgba(191,78,92,0.1)}.notebook-correction strong{color:var(--green);background:rgba(59,143,117,0.12)}.notebook-ai-text,.notebook-card li{color:var(--ink);line-height:1.5}.notebook-card ul{margin:0;padding-left:18px}.notebook-card label{display:grid;gap:6px;color:var(--muted);font-size:0.78rem;font-weight:950}.notebook-card textarea{min-height:66px;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit}.notebook-card-actions{position:absolute;right:12px;bottom:12px;display:grid;gap:8px}.notebook-card-actions button{width:34px;height:34px;border-radius:10px;background:#ffd95a}.notebook-card-actions button:last-child{background:rgba(59,143,117,0.14)}.notebook-page{display:grid;gap:22px;padding:clamp(28px,5vw,56px) clamp(16px,4vw,64px)}.notebook-source-switch{justify-self:center;display:inline-grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;width:min(100%,760px);padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--white);box-shadow:0 14px 34px rgba(24,38,58,0.08)}.notebook-source-switch button{min-height:42px;border:0;border-radius:999px;color:var(--ink);background:transparent;font:inherit;font-weight:950;cursor:pointer}.notebook-source-switch button.is-active{color:#ffffff;background:var(--green);box-shadow:0 10px 24px rgba(59,143,117,0.22)}.notebook-listening-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.notebook-listening-card{display:grid;gap:14px}.notebook-listening-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.notebook-listening-card-head>div{display:grid;gap:3px}.notebook-listening-card-head span{color:var(--green);font-size:0.78rem;font-weight:800;text-transform:uppercase}.notebook-listening-card-head strong{color:var(--ink)}.notebook-listening-card-head button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--red) 8%,var(--white));cursor:pointer}.notebook-listening-card-head button img{width:18px;height:18px}.notebook-listening-image{width:min(100%,430px);max-height:270px;margin-inline:auto;border-radius:8px;object-fit:contain}.notebook-listening-audio{width:100%}.notebook-listening-card h3{margin:0;color:var(--ink);font-size:1rem;line-height:1.45}.notebook-reading-passage{padding:16px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:color-mix(in srgb,var(--green) 5%,var(--white))}.notebook-reading-passage span{display:block;margin-bottom:8px;color:var(--green);font-size:0.76rem;font-weight:900;text-transform:uppercase}.notebook-reading-passage p{margin:0;white-space:pre-wrap;line-height:1.65}.notebook-listening-options{display:grid;gap:8px}.notebook-listening-options>button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:transparent;font:inherit;text-align:left;cursor:pointer}.notebook-listening-options>button:hover,.notebook-listening-options>button.is-selected{border-color:var(--green);background:color-mix(in srgb,var(--green) 6%,var(--white))}.notebook-listening-options>button.is-correct{border-color:color-mix(in srgb,var(--green) 60%,var(--line));background:color-mix(in srgb,var(--green) 10%,var(--white))}.notebook-listening-options>button.is-wrong{border-color:color-mix(in srgb,var(--red) 65%,var(--line));background:color-mix(in srgb,var(--red) 10%,var(--white))}.notebook-listening-options b{color:var(--green)}.notebook-listening-options strong{color:var(--green);font-size:0.75rem;white-space:nowrap}.notebook-listening-review-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notebook-reveal-answer{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e3ad08;border-radius:10px;background:#ffd95a;cursor:pointer}.notebook-reveal-answer img{width:19px;height:19px}.notebook-listening-feedback{font-weight:900}.notebook-listening-feedback.is-correct{color:var(--green)}.notebook-listening-feedback.is-wrong{color:var(--red)}.notebook-listening-transcript{padding:12px 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.notebook-listening-transcript summary{color:var(--green);font-weight:800;cursor:pointer}.notebook-listening-transcript p{margin:10px 0 0;line-height:1.6}.notebook-page-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.notebook-page-head h1,.notebook-page-head p{margin:0}.notebook-page-head h1{color:var(--navy);font-size:clamp(1.9rem,4vw,3.1rem)}.notebook-page-head>div{display:grid;gap:8px;max-width:760px}.notebook-page-head>div>p:last-child{color:var(--muted);line-height:1.6}.notebook-workspace{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:clamp(16px,3vw,28px);align-items:start}.notebook-sidebar{position:sticky;top:104px;display:grid;gap:14px}.notebook-side-tabs{grid-template-columns:1fr;border-radius:16px;padding:8px}.notebook-add-form,.notebook-main-list{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 18px 46px rgba(24,38,58,0.08)}.notebook-add-form h2{margin:0;color:var(--green);font-size:1rem}.notebook-add-form label{display:grid;gap:6px;color:var(--muted);font-size:0.78rem;font-weight:950}.notebook-add-form input,.notebook-add-form select{min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--white);font:inherit}.notebook-main-list{min-height:420px}.notebook-main-list .notebook-list{overflow:visible;padding-right:0}.notebook-page .notebook-card{padding-right:62px}.notebook-page .notebook-card-actions button:nth-child(3){color:var(--red);background:rgba(191,78,92,0.12)}.flashcard-list-head,.flashcard-practice-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(59,143,117,0.2);border-radius:14px;background:rgba(59,143,117,0.08)}.flashcard-list-head div{display:grid;gap:4px}.flashcard-list-head strong,.flashcard-word strong{color:var(--navy)}.flashcard-list-head span,.flashcard-word span{color:var(--muted);font-size:0.82rem;font-weight:850}.flashcard-card{min-height:92px}.flashcard-word{display:grid;gap:5px;padding:10px;border-radius:12px;background:rgba(255,217,90,0.18)}.flashcard-practice-panel{display:grid;gap:14px;background:rgba(255,217,90,0.14)}.flashcard-practice-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.flashcard-practice-head h2,.flashcard-practice-head p{margin:0}.flashcard-practice-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:end}.flashcard-speaker{width:48px;height:48px;border:0;border-radius:16px;background:var(--green);cursor:pointer}.flashcard-speaker img{width:22px;height:22px;filter:brightness(0) invert(1)}.flashcard-practice-box label{display:grid;gap:6px;color:var(--muted);font-size:0.78rem;font-weight:950}.flashcard-practice-box input{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--white);font:inherit;font-size:1rem}.flashcard-feedback{grid-column:1 / -1;display:grid;gap:4px;padding:10px 12px;border-radius:12px;font-weight:850}.flashcard-feedback.is-correct{color:var(--green);background:rgba(59,143,117,0.12)}.flashcard-feedback.is-wrong{color:var(--red);background:rgba(191,78,92,0.12)}.flashcard-feedback b{color:var(--green)}@media (min-width:981px){.notebook-page{gap:16px;padding:clamp(24px,3vw,42px) clamp(18px,3vw,48px)}.notebook-page-head{gap:14px}.notebook-page-head h1{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.1}.notebook-page-head>div>p:last-child{font-size:0.92rem;line-height:1.5}.notebook-source-switch{grid-template-columns:repeat(5,minmax(90px,1fr));width:min(100%,720px);padding:4px}.notebook-source-switch button{min-height:34px;font-size:0.82rem}.notebook-workspace{grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:16px}.notebook-sidebar{top:74px;gap:10px}.notebook-add-form,.notebook-main-list{gap:10px;padding:13px;border-radius:13px}}@media (max-width:720px){.flashcard-list-head,.flashcard-practice-head,.flashcard-practice-box{grid-template-columns:1fr;align-items:stretch}.flashcard-list-head{display:grid}.flashcard-practice-box{display:grid}.flashcard-speaker{width:44px;height:44px}}body.dark-mode{--ink:#eef6ff;--muted:#9fb0c6;--line:#263b56;--paper:#07111f;--white:#101c2e;--navy:#0b1728;--red:#d36a77;--green:#42a981;--gold:#e2bd68;--sky:#1b2e45;--shadow:0 22px 70px rgba(0,0,0,0.42);color:var(--ink);background:radial-gradient(circle at 18% 12%,rgba(66,169,129,0.16),transparent 32%),radial-gradient(circle at 88% 8%,rgba(47,111,143,0.18),transparent 30%),linear-gradient(180deg,#07111f 0%,#0b1728 100%)}body.dark-mode .site-header{border-bottom-color:rgba(62,83,110,0.72);background:rgba(7,17,31,0.9)}body.dark-mode .top-nav{border-color:rgba(59,84,114,0.86);background:rgba(14,26,43,0.88)}body.dark-mode .top-nav a,body.dark-mode .top-nav summary,body.dark-mode .nav-menu-disabled,body.dark-mode .nav-menu,body.dark-mode .user-chip,body.dark-mode .price-card,body.dark-mode .exam-card,body.dark-mode .feature-card,body.dark-mode .lesson-panel,body.dark-mode .login-modal,body.dark-mode .access-status,body.dark-mode .practice-layout,body.dark-mode .practice-player{background:#101c2e;border-color:rgba(58,79,108,0.9)}body.dark-mode .top-nav a:hover,body.dark-mode .top-nav summary:hover,body.dark-mode .nav-menu a:hover{color:var(--ink);background:#162741}body.dark-mode .nav-menu-disabled{color:#7f91aa}body.dark-mode .nav-menu-disabled small{color:#ff9bad}body.dark-mode .site-header{border-bottom-color:rgba(255,255,255,0.08);background:rgba(6,18,32,0.96)}body.dark-mode .top-nav,body.dark-mode .top-nav a,body.dark-mode .top-nav summary{border-color:transparent;color:rgba(255,255,255,0.92);background:transparent}body.dark-mode .top-nav a:hover,body.dark-mode .top-nav summary:hover,body.dark-mode .top-nav a.is-active,body.dark-mode .top-nav summary.is-active{color:#ffffff;background:rgba(255,255,255,0.1)}body.dark-mode .nav-menu{color:var(--ink);background:linear-gradient(135deg,rgba(12,31,49,0.98) 0%,rgba(15,48,61,0.98) 100%);border-color:rgba(88,129,158,0.38)}body.dark-mode .nav-menu a{color:#eef6ff;border-color:rgba(107,155,181,0.28);background:rgba(255,255,255,0.045)}body.dark-mode .nav-menu a:hover,body.dark-mode .nav-menu a:focus,body.dark-mode .nav-menu a.is-active{color:#061224;border-color:rgba(139,224,188,0.78);background:linear-gradient(135deg,#8be0bc 0%,#54b98f 100%)}body.dark-mode .nav-menu-disabled{color:rgba(238,246,255,0.52);border-color:rgba(107,155,181,0.18);background:rgba(255,255,255,0.035)}body.dark-mode .nav-menu-disabled small{color:#ff9bad}body.dark-mode .notebook-header-btn{color:#07111f;background:#ffd95a;border-color:rgba(255,229,155,0.34)}body.dark-mode .ask-ai-header-btn{color:#07111f;background:#8be0bc;border-color:rgba(139,224,188,0.34)}body.dark-mode .ask-ai-floating-btn{color:#07111f;background:#8be0bc;border-color:rgba(139,224,188,0.34);box-shadow:0 18px 42px rgba(0,0,0,0.42)}body.dark-mode .ask-ai-floating-btn[aria-expanded="true"]{background:#ffd95a}body.dark-mode .ask-ai-panel{color:#f4f8ff;background:#101c2e;border-color:rgba(58,79,108,0.9)}body.dark-mode .ask-ai-form textarea{color:#f4f8ff;background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .ask-ai-accent-keyboard{background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .ask-ai-accent-keyboard button{color:#f4f8ff;background:#17263d;border-color:rgba(58,79,108,0.86)}body.dark-mode .ask-ai-language-note{color:#9fb0c6}body.dark-mode .ask-ai-answer{color:#f4f8ff;background:#0d1829;border-color:rgba(139,224,188,0.28)}body.dark-mode .ask-ai-record-btn{color:#f4f8ff;background:#17263d;border-color:rgba(58,79,108,0.86)}body.dark-mode .ask-ai-record-btn.is-recording{color:#ffffff;background:#8f2432;border-color:rgba(242,163,173,0.5)}body.dark-mode .ask-ai-status{color:#9fb0c6}body.dark-mode .ask-ai-status.is-error{color:#f2a3ad}body.dark-mode .notebook-panel,body.dark-mode .notebook-card{color:#f4f8ff;background:#101c2e;border-color:rgba(58,79,108,0.9)}body.dark-mode .notebook-tabs,body.dark-mode .notebook-close,body.dark-mode .notebook-source-switch{background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .notebook-tabs button,body.dark-mode .notebook-source-switch button{color:#f4f8ff}body.dark-mode .notebook-source-switch button.is-active{color:#ffffff;background:var(--green)}body.dark-mode .notebook-correction span{color:#ffb4c0;background:rgba(191,78,92,0.2)}body.dark-mode .notebook-correction strong{color:#8be0bc;background:rgba(139,224,188,0.1)}body.dark-mode .notebook-card textarea{color:#f4f8ff;background:#07111f;border-color:rgba(58,79,108,0.9)}body.dark-mode .notebook-ai-text,body.dark-mode .notebook-card li{color:#c9d7e8}body.dark-mode .notebook-page-head h1{color:#f4f8ff}body.dark-mode .notebook-add-form,body.dark-mode .notebook-main-list{background:#101c2e;border-color:rgba(58,79,108,0.9);box-shadow:0 18px 46px rgba(0,0,0,0.26)}body.dark-mode .notebook-add-form input,body.dark-mode .notebook-add-form select{color:#f4f8ff;background:#07111f;border-color:rgba(58,79,108,0.9)}body.dark-mode .flashcard-list-head,body.dark-mode .flashcard-practice-panel{background:rgba(255,217,90,0.08);border-color:rgba(255,217,90,0.22)}body.dark-mode .flashcard-list-head strong,body.dark-mode .flashcard-word strong{color:#eef6ff}body.dark-mode .flashcard-list-head span,body.dark-mode .flashcard-word span,body.dark-mode .flashcard-practice-box label{color:#b9c9de}body.dark-mode .flashcard-word{background:rgba(255,217,90,0.1)}body.dark-mode .flashcard-practice-box input{color:#eef6ff;border-color:rgba(58,79,108,0.9);background:#07111f}body.dark-mode .mobile-menu-toggle{background:#17263d;border-color:rgba(66,169,129,0.3)}body.dark-mode .mobile-menu-toggle span{background:#f4f8ff}body.dark-mode .top-nav .is-active,body.dark-mode .btn-tcf,body.dark-mode .btn-green{color:#ffffff !important;background:var(--green) !important}body.dark-mode .auth-loading-chip,body.dark-mode .app-loading-panel{color:#f4f8ff;background:rgba(16,31,53,0.92);border-color:rgba(135,167,210,0.28);box-shadow:0 18px 42px rgba(0,0,0,0.26)}body.dark-mode .app-loading-panel small{color:#b7c4d8}body.dark-mode .header-access-status{color:#f2a3ad;background:rgba(211,106,119,0.12);border-color:rgba(211,106,119,0.32)}body.dark-mode .header-access-status.is-active{color:#8be0bc;background:rgba(66,169,129,0.14);border-color:rgba(66,169,129,0.36)}body.dark-mode .header-access-status.has-free-tokens{color:#ffe59b;background:rgba(226,189,104,0.14);border-color:rgba(226,189,104,0.34)}body.dark-mode .app-hint-box{color:#dbe7f5;border-color:rgba(226,189,104,0.34);background:linear-gradient(135deg,rgba(226,189,104,0.13),rgba(139,224,188,0.08))}body.dark-mode .app-hint-box strong{color:#ffe59b}body.dark-mode .app-feedback-panel{color:#f4f8ff;border-color:rgba(139,224,188,0.24);background:linear-gradient(135deg,rgba(66,169,129,0.16),rgba(226,189,104,0.08))}body.dark-mode .app-feedback-copy strong{color:#8be0bc}body.dark-mode .app-feedback-copy p{color:#c9d6e5}body.dark-mode .app-feedback-form textarea{color:#f4f8ff;background:rgba(7,17,31,0.72);border-color:rgba(139,224,188,0.22)}body.dark-mode .app-feedback-form,body.dark-mode .app-feedback-share{background:rgba(7,17,31,0.42);border-color:rgba(139,224,188,0.18)}body.dark-mode .app-feedback-share strong{color:#8be0bc}body.dark-mode .app-feedback-share p{color:#c9d6e5}body.dark-mode .app-feedback-form textarea::placeholder{color:#8ea0b7}body.dark-mode .app-feedback-form small{color:#8be0bc}body.dark-mode .token-spend-burst{color:#ffe59b}body.dark-mode .price{color:#f4f8ff}body.dark-mode .legal-card{background:#101c2e;border-color:rgba(58,79,108,0.9);box-shadow:0 18px 46px rgba(0,0,0,0.26)}body.dark-mode .legal-card h2,body.dark-mode .legal-hero h1,body.dark-mode .site-footer>span:first-child{color:#f4f8ff}body.dark-mode .legal-card p,body.dark-mode .legal-list,body.dark-mode .legal-hero>p:last-child,body.dark-mode .footer-links a{color:#c9d7e8}body.dark-mode .legal-card a:not(.btn),body.dark-mode .footer-links a:hover,body.dark-mode .footer-links a:focus,body.dark-mode .footer-links a[aria-current="page"]{color:#8be0bc}body.dark-mode .plan-token-pill{color:#8be0bc;background:rgba(66,169,129,0.14);border-color:rgba(66,169,129,0.3)}body.dark-mode .plan-token-pill.is-unlimited{color:#ffe59b;background:rgba(226,189,104,0.12);border-color:rgba(226,189,104,0.32)}body.dark-mode .plan-token-pill.is-free{color:#ffe59b;background:rgba(226,189,104,0.14);border-color:rgba(226,189,104,0.34)}body.dark-mode .btn-primary{color:#ffffff;background:var(--red)}body.dark-mode .btn-danger{color:#ffffff;background:#a83c4c}body.dark-mode .btn-finish{color:#07111f;background:var(--gold);box-shadow:0 12px 28px rgba(226,189,104,0.22)}body.dark-mode .btn-secondary,body.dark-mode .btn-ghost,body.dark-mode .google-btn{color:var(--ink);background:#17263d;border-color:rgba(66,169,129,0.3)}body.dark-mode .app-feedback-telegram,body.dark-mode .settings-telegram-link{color:#ffffff;background:#2aabee;border-color:rgba(120,211,255,0.42);box-shadow:0 12px 28px rgba(42,171,238,0.26)}body.dark-mode .app-feedback-telegram:hover,body.dark-mode .app-feedback-telegram:focus,body.dark-mode .settings-telegram-link:hover,body.dark-mode .settings-telegram-link:focus{color:#ffffff;background:#1f9fdd;border-color:rgba(145,222,255,0.58);box-shadow:0 16px 32px rgba(42,171,238,0.34)}body.dark-mode .logout-btn{color:#ffffff;background:#243b5f}body.dark-mode .hero,body.dark-mode .library-hero,body.dark-mode .speaking-hero,body.dark-mode .tcf-hero{background:radial-gradient(circle at 82% 10%,rgba(66,169,129,0.14),transparent 34%),radial-gradient(circle at 18% 80%,rgba(47,111,143,0.16),transparent 34%),linear-gradient(180deg,rgba(7,17,31,0.98) 0%,rgba(11,23,40,0.92) 100%)}body.dark-mode .practice-band,body.dark-mode .feature-band,body.dark-mode .lesson-preview,body.dark-mode .pricing-section,body.dark-mode .tcf-section,body.dark-mode .exam-flow,body.dark-mode .library-section,body.dark-mode .speaking-section,body.dark-mode .auth-action-page{background:transparent}body.dark-mode .lesson-preview{background:radial-gradient(circle at 18% 18%,rgba(66,169,129,0.12),transparent 30%),linear-gradient(180deg,rgba(13,24,41,0.7) 0%,rgba(7,17,31,0.72) 100%)}body.dark-mode .exam-summary div,body.dark-mode .feature-list article,body.dark-mode .flow-steps article{background:#101c2e;border-color:rgba(58,79,108,0.9)}body.dark-mode .skill-select-panel strong{color:#ffffff}body.dark-mode .skill-select-panel span{color:rgba(255,255,255,0.84)}body.dark-mode .exam-tag,body.dark-mode .trust-row span,body.dark-mode .auth-tabs{background:#17263d;color:var(--ink)}body.dark-mode .badge{color:#ffffff !important;background:var(--green)}body.dark-mode .progress-track{background:#1b2f4a}body.dark-mode .round-btn,body.dark-mode .feature-icon{color:#ffffff;background:#243b5f}body.dark-mode .flow-steps span,body.dark-mode .exam-summary strong,body.dark-mode .text-link{color:var(--green)}body.dark-mode .lesson-demo,body.dark-mode .phrase-block,body.dark-mode .practice-tabs,body.dark-mode .practice-card,body.dark-mode .practice-panel,body.dark-mode .practice-table-header span,body.dark-mode .speaking-question-panel,body.dark-mode .speaking-question-chart,body.dark-mode .question-page-controls,body.dark-mode .speaking-question-chip,body.dark-mode .speaking-answer-layout article,body.dark-mode .speaking-detail-card,body.dark-mode .speaking-example-answer,body.dark-mode .speaking-task-tab,body.dark-mode .speaking-category-note,body.dark-mode .speaking-question-row,body.dark-mode .writing-exam-card,body.dark-mode .writing-test-card>.writing-answer-label,body.dark-mode .writing-prompt-card,body.dark-mode .accent-keyboard,body.dark-mode .speaking-practice-layout,body.dark-mode .speaking-year-tabs,body.dark-mode .speaking-year-tab,body.dark-mode .speaking-month-panel,body.dark-mode .speaking-month-option,body.dark-mode .auth-action-card,body.dark-mode .quiz-topline,body.dark-mode .missing-media,body.dark-mode .transcript-box,body.dark-mode .answer-option,body.dark-mode .review-item,body.dark-mode .studio-panel,body.dark-mode .exercise-editor-head span{background:#0d1829;border-color:rgba(58,79,108,0.8)}body.dark-mode .practice-card{background:linear-gradient(180deg,#101c2e 0%,#0d1829 100%)}body.dark-mode .auth-action-note{color:#f4f8ff;background:rgba(139,224,188,0.1);border-color:rgba(139,224,188,0.24)}body.dark-mode .practice-card:hover,body.dark-mode .practice-card:focus{border-color:rgba(66,169,129,0.58);box-shadow:0 14px 30px rgba(66,169,129,0.16)}body.dark-mode .speaking-practice-layout,body.dark-mode .speaking-month-panel{background:linear-gradient(180deg,#101c2e 0%,#0d1829 100%)}body.dark-mode .speaking-year-tabs,body.dark-mode .speaking-category-layout .speaking-year-tabs{background:linear-gradient(180deg,#17263d 0%,#101c2e 100%);border-color:rgba(58,79,108,0.9)}body.dark-mode .speaking-year-tab{color:#f4f8ff;background:#17263d;border-color:rgba(58,79,108,0.9)}body.dark-mode .speaking-year-tab:hover,body.dark-mode .speaking-year-tab:focus,body.dark-mode .speaking-year-tab.is-active{color:#ffffff;background:var(--green);border-color:var(--green)}body.dark-mode .speaking-month-option{color:#ffffff;background:linear-gradient(135deg,#2f6f8f 0%,var(--green) 100%);border-color:rgba(139,224,188,0.34)}body.dark-mode .speaking-month-option:hover,body.dark-mode .speaking-month-option:focus,body.dark-mode .speaking-month-option.is-active{color:#ffffff;border-color:rgba(255,255,255,0.58);box-shadow:0 12px 26px rgba(66,169,129,0.2)}body.dark-mode .speaking-month-option.is-locked,body.dark-mode .speaking-year-tab.is-locked{color:#ffffff;background:linear-gradient(135deg,#8f2432 0%,var(--red) 100%);border-color:rgba(211,106,119,0.5)}body.dark-mode .speaking-task-tab.is-active{color:#ffffff;background:var(--green);border-color:var(--green)}body.dark-mode .speaking-question-chip.is-active{color:#ffffff;background:var(--red);border-color:var(--red)}body.dark-mode .question-page-controls{background:linear-gradient(180deg,#101c2e 0%,#0d1829 100%);border-color:rgba(58,79,108,0.9)}body.dark-mode .question-page-controls>span{color:#aebed2}body.dark-mode .question-page-button,body.dark-mode .question-page-arrow{color:#f4f8ff;background:#102033;border-color:rgba(58,79,108,0.9)}body.dark-mode .question-page-button:hover,body.dark-mode .question-page-button:focus,body.dark-mode .question-page-arrow:hover,body.dark-mode .question-page-arrow:focus{border-color:rgba(139,224,188,0.42);background:#17263d}body.dark-mode .question-page-button.is-active{color:#ffffff;background:var(--green);border-color:var(--green)}body.dark-mode .question-page-button:disabled,body.dark-mode .question-page-arrow:disabled{color:#aebed2;background:#243043;border-color:rgba(58,79,108,0.68)}body.dark-mode .speaking-question-toggle,body.dark-mode .speaking-question-toggle p{color:#f4f8ff}body.dark-mode .speaking-feedback-save{border-color:rgba(58,79,108,0.86);background:#102033}body.dark-mode .speaking-evaluation-state-panel{border-color:rgba(139,224,188,0.24);background:rgba(139,224,188,0.08)}body.dark-mode .speaking-test-recorder-info{border-color:rgba(139,224,188,0.24);background:rgba(139,224,188,0.08)}body.dark-mode .speaking-test-recorder-info small{color:#aebed2}body.dark-mode .speaking-recording-indicator{color:#aab9cc;border-color:rgba(58,79,108,0.86);background:#0d1829}body.dark-mode .speaking-recording-indicator.is-countdown{color:#ffe59b;border-color:rgba(226,189,104,0.32);background:rgba(226,189,104,0.12)}body.dark-mode .speaking-recording-indicator.is-recording{color:#ff9bad;border-color:rgba(255,155,173,0.3);background:rgba(191,78,92,0.14)}body.dark-mode .speaking-record-sphere{color:#f4f8ff;background:radial-gradient(circle at center,#0d1829 0 58%,transparent 59%),conic-gradient(#8be0bc var(--record-progress),rgba(139,224,188,0.13) 0);box-shadow:0 18px 42px rgba(0,0,0,0.28)}body.dark-mode .speaking-record-sphere span{color:#f4f8ff}body.dark-mode .speaking-record-sphere.is-countdown{background:radial-gradient(circle at center,#171f2c 0 58%,transparent 59%),conic-gradient(#ffe59b 360deg,rgba(255,229,155,0.14) 0)}body.dark-mode .speaking-record-sphere.is-recording{background:radial-gradient(circle at center,#1c1721 0 58%,transparent 59%),conic-gradient(#ff9bad var(--record-progress),rgba(255,155,173,0.13) 0)}body.dark-mode .speaking-record-sphere-icon.is-ready{filter:brightness(0) saturate(100%) invert(90%) sepia(13%) saturate(469%) hue-rotate(178deg) brightness(101%) contrast(96%)}body.dark-mode .speaking-record-sphere-icon.is-countdown{filter:brightness(0) saturate(100%) invert(85%) sepia(46%) saturate(449%) hue-rotate(351deg) brightness(101%) contrast(98%)}body.dark-mode .speaking-record-sphere-icon.is-recording{filter:brightness(0) saturate(100%) invert(77%) sepia(31%) saturate(718%) hue-rotate(302deg) brightness(101%) contrast(101%)}body.dark-mode .speaking-record-sphere-icon.is-done{filter:brightness(0) saturate(100%) invert(82%) sepia(16%) saturate(995%) hue-rotate(102deg) brightness(95%) contrast(92%)}body.dark-mode .speaking-recorder-submit-actions .btn-secondary img{filter:brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(492%) hue-rotate(176deg) brightness(105%) contrast(99%)}body.dark-mode .speaking-feedback-save small{color:#aab9cc}body.dark-mode .speaking-review-card.is-single-review .writing-complete-task-card{background:transparent;border-color:transparent}body.dark-mode .speaking-review-card.is-single-review .writing-complete-task-toggle,body.dark-mode .speaking-single-review-title,body.dark-mode .speaking-review-card.is-single-review .speaking-review-left-stack{color:#f4f8ff;background:#102033;border-color:rgba(58,79,108,0.86)}body.dark-mode .speaking-ai-result{border-color:rgba(139,224,188,0.24);background:#102033}body.dark-mode .speaking-transcript-panel,body.dark-mode .speaking-suggestions-panel,body.dark-mode .speaking-example-panel,body.dark-mode .speaking-question-breakdown{border-color:rgba(58,79,108,0.86);background:#0d1829}body.dark-mode .speaking-ai-result p{color:#c9d7e8}body.dark-mode .speaking-ai-result strong{color:#8be0bc}body.dark-mode .speaking-suggestions-panel h3,body.dark-mode .speaking-example-panel h3,body.dark-mode .speaking-question-breakdown h3,body.dark-mode .speaking-suggestions-panel b{color:#8be0bc}body.dark-mode .speaking-question-breakdown li,body.dark-mode .speaking-example-panel p{color:#d9e5f3}body.dark-mode .speaking-active-session,body.dark-mode .speaking-result-panel{color:#f4f8ff;background:#101c2e;border-color:rgba(58,79,108,0.9)}body.dark-mode .speaking-active-session span,body.dark-mode .speaking-active-session small,body.dark-mode .speaking-result-empty,body.dark-mode .speaking-result-mistakes p{color:#9fb0c6}body.dark-mode .speaking-result-mistakes article{background:rgba(191,78,92,0.16);border-color:rgba(242,163,173,0.28)}body.dark-mode .speaking-result-mistakes span{color:#ffb4c0}body.dark-mode .speaking-result-mistakes strong{color:#8be0bc}body.dark-mode .speaking-evaluation-mistakes{border-color:rgba(248,113,113,0.22);background:rgba(248,113,113,0.08)}body.dark-mode .speaking-evaluation-mistakes h3{color:#8be0bc}body.dark-mode .speaking-mistake-card{border-color:rgba(58,79,108,0.86);background:#0d1829}body.dark-mode .speaking-mistake-card span{color:#ffb4c0}body.dark-mode .speaking-mistake-card strong,body.dark-mode .speaking-mistake-card p{color:#f4f8ff}body.dark-mode .speaking-mistake-card b{color:#8be0bc}body.dark-mode .speaking-result-note-btn{color:#07111f;background:#ffd95a}body.dark-mode .mistake-ai-button{color:#07111f;background:#8be0bc}body.dark-mode .mistake-ai-button:hover,body.dark-mode .mistake-ai-button:focus{background:#6ccfa8}body.dark-mode .mistake-ai-explanation,body.dark-mode .writing-ai-issue .mistake-ai-explanation{color:#f4f8ff;background:#0d1829;border:1px solid rgba(139,224,188,0.2)}body.dark-mode .practice-tab{color:#eaf3ff;background:#101c2e;border-color:rgba(58,79,108,0.82)}body.dark-mode .practice-tab small{color:#9fb0c6}body.dark-mode .practice-tab:hover,body.dark-mode .practice-tab:focus,body.dark-mode .practice-tab.is-active{color:#ffffff !important;background:#1c3553 !important;border-color:rgba(66,169,129,0.52) !important}body.dark-mode .practice-tab:hover small,body.dark-mode .practice-tab:focus small,body.dark-mode .practice-tab.is-active small{color:#d7f3e8 !important}body.dark-mode .practice-card.is-locked .number-sphere{background:conic-gradient(#5a2432 0deg,#5a2432 360deg)}body.dark-mode .practice-card.is-locked .number-sphere::before{background:linear-gradient(135deg,#8f2432 0%,#c35568 52%,#7e345a 100%)}body.dark-mode .practice-card.is-locked:hover,body.dark-mode .practice-card.is-locked:focus{border-color:rgba(211,106,119,0.62);box-shadow:0 14px 30px rgba(211,106,119,0.15)}body.dark-mode .number-sphere{background:conic-gradient(#214f42 0deg,#214f42 360deg);box-shadow:0 12px 24px rgba(66,169,129,0.18)}body.dark-mode .number-sphere.has-score{background:conic-gradient(var(--level-color,var(--green)) calc(var(--score) * 3.6deg),#213347 0deg)}body.dark-mode .number-sphere::before{background:linear-gradient(135deg,#236a56 0%,var(--green) 56%,#7bd1aa 100%)}body.dark-mode .number-sphere.has-score::before{background:linear-gradient(135deg,var(--level-inner-start,#236a56) 0%,var(--level-inner-mid,var(--green)) 56%,var(--level-inner-end,#7bd1aa) 100%)}body.dark-mode input{color:var(--ink);background:#0b1728;border-color:rgba(58,79,108,0.92)}body.dark-mode textarea{color:var(--ink);background:#0b1728;border-color:rgba(58,79,108,0.92)}body.dark-mode #writingWordCount{background:rgba(16,28,46,0.94);border-color:rgba(58,79,108,0.92)}body.dark-mode input::placeholder{color:#70849f}body.dark-mode .login-modal h2,body.dark-mode .auth-form label{color:#f4f8ff}body.dark-mode .reset-form label{color:#f4f8ff}body.dark-mode .login-modal .eyebrow,body.dark-mode .login-note,body.dark-mode .audio-row small{color:#aebed2}body.dark-mode .verification-card{border-color:rgba(58,79,108,0.9);background:linear-gradient(180deg,rgba(16,28,46,0.98) 0%,rgba(11,23,40,0.98) 100%)}body.dark-mode .verification-card p{color:#aebed2}body.dark-mode .verification-card strong{color:#f4f8ff}body.dark-mode .verification-steps li{color:#f4f8ff;background:#101c2e;border-color:rgba(58,79,108,0.86)}body.dark-mode .spam-note{color:#f4f8ff;background:#17263d;border-color:rgba(226,189,104,0.35)}body.dark-mode .help-search input{color:#f4f8ff;background:#07111f;border-color:rgba(58,79,108,0.92)}body.dark-mode .help-topic{border-color:rgba(58,79,108,0.92);background:#101c2e;box-shadow:0 20px 46px rgba(0,0,0,0.28)}body.dark-mode .help-topic-toggle{color:#eef6ff}body.dark-mode .help-step{border-color:rgba(58,79,108,0.72);background:rgba(7,17,31,0.68)}body.dark-mode .auth-form input{color:#f4f8ff;background:#07111f;border-color:#3b4f6b;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}body.dark-mode .reset-form input,body.dark-mode .studio-grid input,body.dark-mode .studio-grid select,body.dark-mode .studio-grid textarea{color:#f4f8ff;background:#07111f;border-color:#3b4f6b;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}body.dark-mode .auth-form input:focus{outline:3px solid rgba(66,169,129,0.28);border-color:var(--green)}body.dark-mode .reset-form input:focus{outline:3px solid rgba(66,169,129,0.28);border-color:var(--green)}body.dark-mode .auth-tabs{background:#07111f;border:1px solid #263b56}body.dark-mode .auth-tab{color:#b8c7d9}body.dark-mode .auth-tab.is-active{color:#ffffff;background:var(--green)}body.dark-mode .email-link-btn{color:#8be0bc;background:rgba(66,169,129,0.14);border-color:rgba(139,224,188,0.32)}body.dark-mode .email-link-btn:hover,body.dark-mode .email-link-btn:focus{background:rgba(66,169,129,0.22)}body.dark-mode .google-btn{color:#f4f8ff}body.dark-mode .google-mark{color:#07111f;background:#f4f8ff}body.dark-mode .close-btn{color:#f4f8ff;background:#17263d}body.dark-mode .forgot-password{color:#7bd1aa}body.dark-mode .answer-option.is-selected{color:#f4f8ff;background:#14314d;border-color:rgba(66,169,129,0.5)}body.dark-mode .studio-grid label,body.dark-mode .studio-ai-actions,body.dark-mode .transcript-box,body.dark-mode .review-item,body.dark-mode .answer-option{color:#f4f8ff}body.dark-mode .writing-sheet-wrap,body.dark-mode .writing-studio-sheet textarea{color:#f4f8ff;background:#07111f}body.dark-mode .writing-studio-sheet th,body.dark-mode .writing-studio-sheet td{border-color:rgba(58,79,108,0.9)}body.dark-mode .writing-studio-sheet th{color:#8be0bc;background:#102033}body.dark-mode .writing-sheet-number{color:#f4f8ff;background:#0d1829}body.dark-mode .writing-studio-sheet textarea:focus{background:rgba(139,224,188,0.08)}body.dark-mode .listening-answer-sheet{color:#f4f8ff}body.dark-mode .listening-answer-sheet table,body.dark-mode .listening-answer-sheet .option-input{color:#f4f8ff;background:#07111f}body.dark-mode .listening-answer-sheet td{border-color:rgba(58,79,108,0.9)}body.dark-mode .listening-answer-sheet.is-letter-answer-sheet td:nth-child(2){color:#f4f8ff}body.dark-mode .listening-answer-sheet .option-input:focus{background:rgba(139,224,188,0.08)}body.dark-mode .listening-auto-import{border-color:rgba(66,169,129,0.28);background:#101c2e}body.dark-mode .listening-answer-key-head strong,body.dark-mode .listening-answer-key-grid button,body.dark-mode .listening-answer-key-choices button{color:#f4f8ff;background:#07111f;border-color:rgba(58,79,108,0.9)}body.dark-mode .listening-answer-key-grid button small{color:#8be0bc}body.dark-mode .listening-answer-key-grid button.is-active,body.dark-mode .listening-answer-key-choices button.is-selected{color:#07111f;background:#55bf94;border-color:rgba(139,224,188,0.75)}body.dark-mode .listening-answer-key-grid button.is-active small{color:#07111f}body.dark-mode .listening-answer-editor{color:#f4f8ff;border-color:rgba(58,79,108,0.9);background:rgba(7,17,31,0.72)}body.dark-mode .listening-answer-editor-head strong{color:#f4f8ff}body.dark-mode .listening-answer-editor-head span{color:#b5c2d5}body.dark-mode .listening-answer-editor-row{border-color:rgba(58,79,108,0.9);background:#07111f}body.dark-mode .listening-answer-editor-letter{color:#8be0bc;background:rgba(139,224,188,0.1)}body.dark-mode .listening-answer-editor-input{color:#f4f8ff;background:#07111f;border-color:rgba(58,79,108,0.9)}body.dark-mode .listening-answer-editor-input::placeholder{color:#8ea0b8}body.dark-mode .reading-question-grid button.is-filled:not(.is-active){border-color:rgba(139,224,188,0.38);background:rgba(139,224,188,0.08)}body.dark-mode .reading-selected-editor{color:#f4f8ff;border-color:rgba(58,79,108,0.9);background:rgba(7,17,31,0.72)}body.dark-mode .reading-selected-editor label{color:#b5c2d5}body.dark-mode .reading-panel-field{color:#f4f8ff;background:#07111f;border-color:rgba(58,79,108,0.9)}body.dark-mode .reading-panel-field::placeholder{color:#8ea0b8}body.dark-mode .studio-ai-actions{border-color:rgba(66,169,129,0.28);background:#101c2e}body.dark-mode .practice-test-card,body.dark-mode .transcript-card,body.dark-mode .practice-audio-center,body.dark-mode .practice-question-block,body.dark-mode .practice-inline-transcript,body.dark-mode .practice-reading-panel,body.dark-mode .practice-test-placeholder,body.dark-mode .practice-empty-state{color:#f4f8ff;background:#101c2e;border-color:rgba(58,79,108,0.9)}body.dark-mode .practice-reading-panel p{color:#f4f8ff}body.dark-mode .hero-speaking-demo,body.dark-mode .hero-demo-question,body.dark-mode .hero-demo-recorder,body.dark-mode .hero-demo-result{color:#f4f8ff;background:#101c2e;border-color:rgba(58,79,108,0.9)}body.dark-mode .hero-demo-recorder{background:linear-gradient(180deg,#101c2e 0%,#0d1829 100%)}body.dark-mode .home-live-stat{border-color:rgba(117,154,202,0.34);background:radial-gradient(circle at 78% 14%,rgba(255,217,90,0.16),transparent 24%),linear-gradient(145deg,rgba(15,30,50,0.96),rgba(11,23,39,0.9));box-shadow:0 20px 42px rgba(0,0,0,0.28)}body.dark-mode .home-live-stat::before{background:rgba(86,203,159,0.18)}body.dark-mode .home-live-stat-cube{color:#07111f;border-color:rgba(134,232,192,0.42);background:linear-gradient(160deg,#ffd95a,#65dcab)}body.dark-mode .home-live-stat small{color:rgba(222,235,250,0.78)}body.dark-mode .hero-demo-head strong,body.dark-mode .hero-demo-question p,body.dark-mode .hero-demo-result p,body.dark-mode .hero-demo-result small{color:#f4f8ff}body.dark-mode .practice-test-head>span,body.dark-mode .question-jump{color:#f4f8ff;background:#17263d;border-color:rgba(58,79,108,0.9)}body.dark-mode .practice-answer{color:#f4f8ff;background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .practice-answer span{color:inherit;background:transparent;box-shadow:none}body.dark-mode .practice-answer.is-selected{color:#f4f8ff;border-color:rgba(226,189,104,0.55);background:linear-gradient(135deg,#74571d 0%,#a9782c 100%)}body.dark-mode .practice-answer.is-correct{background:linear-gradient(135deg,#236a56 0%,var(--green) 100%)}body.dark-mode .practice-answer.is-wrong{background:linear-gradient(135deg,#7a2030 0%,var(--red) 100%)}body.dark-mode .practice-result-banner{background:#10291f;border-color:rgba(66,169,129,0.4)}body.dark-mode .result-instructions{color:#f4f8ff;background:linear-gradient(135deg,rgba(226,189,104,0.12) 0%,rgba(13,24,41,0.92) 100%);border-color:rgba(226,189,104,0.36);border-left-color:#e2bd68;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}body.dark-mode .result-instructions h3{color:#ffe5a5}body.dark-mode .practice-result-banner span,body.dark-mode .result-instructions p,body.dark-mode .transcript-card p:last-child{color:#f4f8ff}body.dark-mode .result-stat-grid article,body.dark-mode .answer-review-panel,body.dark-mode .submit-confirm-card,body.dark-mode .session-confirm-card{color:#f4f8ff;background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .score-ring{color:#f4f8ff;background:radial-gradient(circle at center,#101c2e 58%,transparent 60%),conic-gradient(var(--score-color) 0 var(--score-percent),#263b56 var(--score-percent) 100%);box-shadow:inset 0 0 0 1px rgba(244,248,255,0.08)}body.dark-mode .score-ring strong,body.dark-mode .result-stat-grid span{color:#f4f8ff}body.dark-mode .score-ring span,body.dark-mode .result-stat-grid strong{color:#aebed2}body.dark-mode .result-level-card{color:#f4f8ff;background:rgba(76,184,144,0.12);border-color:rgba(139,224,188,0.28)}body.dark-mode .result-level-card strong,body.dark-mode .practice-card-result strong{color:#f4f8ff}body.dark-mode .result-level-card span,body.dark-mode .result-level-card small{color:#8be0bc}body.dark-mode .practice-card-result small{color:#ffffff;font-weight:500}body.dark-mode .practice-bottom-bar{background:rgba(7,17,31,0.94);border-top-color:rgba(58,79,108,0.9)}body.dark-mode .practice-progress-track{background:#17263d}body.dark-mode .question-jump.answered{color:#07111f;border-color:rgba(226,189,104,0.8);background:linear-gradient(135deg,#fff3c4 0%,var(--gold) 100%)}body.dark-mode .question-jump.correct{color:#ffffff;border-color:rgba(66,169,129,0.85);background:linear-gradient(135deg,#236a56 0%,var(--green) 100%)}body.dark-mode .question-jump.wrong{color:#ffffff;border-color:rgba(211,106,119,0.85);background:linear-gradient(135deg,#7a2030 0%,var(--red) 100%)}body.dark-mode .question-jump.is-current{outline-color:rgba(226,189,104,0.34)}.hero{display:grid;grid-template-columns:minmax(280px,0.92fr) minmax(340px,1.08fr);align-items:start;gap:clamp(22px,4vw,56px);width:min(1180px,100%);margin:0 auto;min-height:auto;padding:clamp(30px,5vw,64px) clamp(18px,4vw,64px) 42px}.hero-copy{max-width:560px}.hero:has(.hero-speaking-demo[hidden]){grid-template-columns:minmax(0,860px);justify-content:center}.hero:has(.hero-speaking-demo[hidden]) .hero-copy{max-width:860px;text-align:center;justify-self:center}.hero:has(.hero-speaking-demo[hidden]) .hero-actions{justify-content:center}.eyebrow{margin:0 0 14px;color:var(--green);font-size:0.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h2,h3,h1,p{margin-top:0}.hero-title{margin-bottom:22px;font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.05;letter-spacing:0}h2{margin-bottom:14px;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.12;letter-spacing:0}.section-heading h1{margin-bottom:14px;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.12;letter-spacing:0}h3{margin-bottom:10px;font-size:1.12rem}.hero-text,.section-heading p,.lesson-copy p,.feature-card p,.price-card p,.login-modal p{color:var(--muted);font-size:1.05rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.hero-telegram-btn{color:#ffffff;background:#2aabee;border-color:rgba(120,211,255,0.45);box-shadow:0 12px 28px rgba(42,171,238,0.22)}.hero-telegram-btn:hover,.hero-telegram-btn:focus{color:#ffffff;background:#1f9fdd;box-shadow:0 16px 32px rgba(42,171,238,0.3)}.trust-row{display:flex;flex-wrap:wrap;gap:10px}.trust-row span{padding:8px 12px;border-radius:999px;color:var(--navy);background:#f2ead8;font-size:0.88rem;font-weight:800}.hero-media{position:relative;min-height:420px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.hero-media-actions{position:absolute;top:18px;left:18px;z-index:2;display:flex;flex-wrap:wrap;gap:10px}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,49,82,0.2),rgba(29,49,82,0));pointer-events:none}.hero-media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.help-page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,5vw,58px) 0 64px}.help-hero{display:grid;gap:14px;max-width:760px;margin-bottom:24px}.help-hero h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.help-hero>p{max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.65}.help-search{display:grid;gap:8px;width:min(100%,640px);margin-top:6px;color:var(--green);font-weight:900}.help-search input{width:100%;min-height:54px;padding:0 18px;border:1px solid rgba(86,118,158,0.52);border-radius:16px;color:var(--ink);background:var(--white);font:inherit;box-shadow:0 16px 34px rgba(24,38,58,0.08)}.help-search input:focus{outline:3px solid rgba(75,181,138,0.22);border-color:var(--green)}.help-topic-list{display:grid;gap:14px}.help-topic{overflow:hidden;border:1px solid rgba(86,118,158,0.42);border-radius:18px;background:#ffffff;box-shadow:0 20px 46px rgba(24,38,58,0.1)}.help-topic-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 20px;border:0;color:var(--ink);background:transparent;font:inherit;font-size:1.05rem;font-weight:950;text-align:left;cursor:pointer}.help-topic-toggle small{display:block;margin-bottom:4px;color:var(--green);font-size:0.7rem;font-weight:950;letter-spacing:0.08em;text-transform:uppercase}.help-topic-toggle b{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:999px;color:#061224;background:#8be0bc;transition:transform 160ms ease,background 160ms ease}.help-topic-toggle b::before{content:"";width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-2px) rotate(45deg)}.help-topic.is-open .help-topic-toggle b::before{transform:translateY(2px) rotate(225deg)}.help-topic-body{display:none;padding:0 20px 20px}.help-topic.is-open .help-topic-body{display:block}.help-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.help-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.help-image-grid.is-single{grid-template-columns:minmax(0,320px);justify-content:center}.help-image-step{display:grid;justify-items:center;gap:12px;min-width:0;margin:0}.help-image-step span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;color:#061224;background:linear-gradient(135deg,#ffd95a 0%,#8be0bc 100%);font-size:1.08rem;font-weight:950;box-shadow:0 14px 30px rgba(0,0,0,0.18)}.help-image-step img{display:block;width:min(100%,280px);height:520px;border:1px solid rgba(86,118,158,0.42);border-radius:18px;object-fit:contain;background:#07111f;box-shadow:0 18px 42px rgba(0,0,0,0.24)}[data-keywords*="android"] .help-step-grid{display:none}[data-keywords*="desktop"]{display:none !important}html:not(.dark-mode) .help-page{color:var(--ink)}html:not(.dark-mode) .help-search input{color:var(--ink);background:#ffffff;border-color:#cbd7e4}html:not(.dark-mode) .help-topic{border-color:#d6e1ec;background:#ffffff;box-shadow:0 18px 42px rgba(24,38,58,0.1)}html:not(.dark-mode) .help-topic-toggle{color:var(--ink)}html:not(.dark-mode) .help-topic-toggle b{color:#061224;background:#8be0bc}html:not(.dark-mode) .help-step{border-color:#d6e1ec;background:#f6fafc}.help-step{display:grid;gap:12px;align-content:start;min-width:0;padding:16px;border:1px solid rgba(86,118,158,0.34);border-radius:16px;background:rgba(244,248,251,0.72)}.help-step h2{margin:0;font-size:1.05rem}.help-step p{margin:0;color:var(--muted);line-height:1.5}.help-phone-art,.help-browser-art{min-height:230px;border:1px solid rgba(86,118,158,0.45);border-radius:24px;background:linear-gradient(180deg,#10213a,#07111f);box-shadow:inset 0 0 0 8px rgba(255,255,255,0.04);overflow:hidden}.help-phone-art{display:grid;grid-template-rows:42px 1fr;width:min(100%,210px);margin:0 auto}.help-phone-art.android{border-radius:18px}.help-phone-bar,.help-browser-top{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:#eef6ff;background:rgba(255,255,255,0.08);font-size:0.76rem;font-weight:850}.help-phone-screen,.help-browser-body{position:relative;display:grid;place-items:center;padding:18px}.help-logo-dot,.help-app-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#061224;background:linear-gradient(135deg,#ffffff 0%,#8be0bc 100%);font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,0.24)}.help-share-icon,.help-dots-icon{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;color:#061224;background:#ffd95a;font-size:1.3rem;font-weight:950}.help-menu-screen{align-content:center;gap:9px}.help-menu-screen span{width:100%;padding:10px 12px;border-radius:10px;color:#dbe8f8;background:rgba(255,255,255,0.08);font-weight:850}.help-menu-screen .is-highlighted{color:#061224;background:#8be0bc}.help-home-screen{gap:10px;color:#eef6ff;font-weight:850}.help-browser-art{display:grid;grid-template-rows:42px 1fr}.help-browser-top{justify-content:space-between}.hero-speaking-demo{display:grid;align-self:start;gap:14px;padding:clamp(16px,3vw,24px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.hero-demo-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.hero-demo-head p,.hero-demo-head strong{margin:0}.hero-demo-head strong{color:var(--navy);font-size:1.05rem}.hero-demo-question{position:relative;display:grid;gap:8px;padding:14px 60px 14px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.hero-demo-question span{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.hero-demo-question p{margin:0;color:var(--ink);font-weight:750;line-height:1.55}.hero-demo-question .writing-topic-tool-stack{position:absolute;right:12px;bottom:12px;display:grid}.hero-demo-recorder{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)}.hero-demo-recorder .speaking-record-sphere{width:150px;height:150px}.hero-demo-actions{display:grid;justify-items:start;gap:10px;min-width:0}.hero-demo-actions audio{width:100%}.hero-demo-result{display:grid;gap:8px;padding:14px;border:1px solid rgba(59,143,117,0.24);border-radius:14px;background:#f3fbf7}.hero-demo-result div{display:flex;align-items:center;gap:10px}.hero-demo-result strong{color:var(--green);font-size:1.6rem}.hero-demo-result span{color:var(--red);font-weight:950}.hero-demo-result p,.hero-demo-result small{margin:0;color:var(--ink);line-height:1.5}.practice-band,.feature-band,.pricing-section,.tcf-section,.exam-flow{padding:clamp(56px,8vw,104px) clamp(18px,4vw,64px)}.section-heading{max-width:760px;margin:0 auto 32px;text-align:center}.seo-support-section{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(280px,1.05fr);gap:clamp(18px,3vw,34px);width:min(1180px,calc(100% - 32px));margin:clamp(28px,5vw,72px) auto;padding:clamp(22px,3vw,36px);border:1px solid rgba(60,95,126,0.72);border-radius:16px;background:rgba(17,31,52,0.72)}.seo-support-compact{margin-top:clamp(20px,3vw,44px)}.seo-support-section h2{margin:0 0 12px;color:#eef6ff;font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.08}.seo-support-section p{margin:0;color:#b7d5f7;font-size:1rem;line-height:1.65}.seo-faq-grid{display:grid;gap:12px}.profile-page{width:min(100% - 32px,980px);margin:0 auto;padding:clamp(28px,5vw,64px) 0 72px}.profile-panel{display:grid;gap:22px;padding:clamp(18px,4vw,34px);border:1px solid rgba(80,122,150,0.26);border-radius:18px;background:rgba(255,255,255,0.82);box-shadow:0 22px 70px rgba(24,38,58,0.12)}.profile-panel-head{display:grid;gap:8px}.profile-panel-head h1,.profile-panel-head p{margin:0}.profile-panel-head h1{color:var(--navy);font-size:clamp(2rem,4vw,3.2rem);line-height:1}.profile-panel-head p{max-width:680px;color:var(--muted);font-weight:760;line-height:1.55}.profile-auth-message{display:grid;gap:8px;justify-items:start;padding:18px;border:1px solid rgba(191,78,92,0.28);border-radius:14px;background:rgba(191,78,92,0.08)}.profile-auth-message strong{color:var(--red);font-size:1.1rem}.profile-auth-message span{color:var(--muted);font-weight:750}.profile-form{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px 24px;align-items:start}.profile-photo-block{display:grid;grid-row:1 / span 4;gap:12px;justify-items:center;align-self:start;padding:18px;border:1px solid rgba(80,122,150,0.2);border-radius:16px;background:rgba(244,248,251,0.74)}.profile-photo-preview{display:grid;place-items:center;width:142px;height:142px;border:4px solid rgba(59,143,117,0.16);border-radius:999px;color:#07111f;background:linear-gradient(135deg,#8be0bc 0%,#ffd95a 100%);overflow:hidden;font-size:2rem;font-weight:950}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-picker{position:relative;overflow:hidden}.profile-photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-icon-picker{display:grid;gap:8px;width:100%}.profile-icon-picker-head{display:grid;gap:2px;width:100%;color:var(--navy);text-align:left}.profile-icon-picker-head strong{font-size:0.86rem;font-weight:900}.profile-icon-picker-head small{color:var(--muted);font-size:0.7rem;font-weight:750}.profile-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;max-height:260px;overflow-y:auto;padding:7px;border:1px solid rgba(32,72,110,0.18);border-radius:8px;background:rgba(255,255,255,0.72);scrollbar-width:thin}.profile-icon-option{display:block;aspect-ratio:1;min-width:0;padding:3px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.profile-icon-image{display:block;width:100%;height:100%;overflow:hidden;border-radius:6px;background:#dfeefd}.profile-icon-image img{width:100%;height:100%;object-fit:cover}.profile-icon-option:hover,.profile-icon-option:focus-visible{border-color:rgba(59,143,117,0.45)}.profile-icon-option.is-selected{border-color:var(--green);background:rgba(59,143,117,0.14);box-shadow:0 0 0 2px rgba(59,143,117,0.14)}.profile-field{display:grid;gap:8px;grid-column:2;color:var(--navy);font-weight:900}.profile-field input{width:100%;min-height:48px;border:1px solid rgba(32,72,110,0.2);border-radius:12px;padding:0 14px;color:var(--ink);background:#ffffff;font:inherit;font-size:1rem;font-weight:760}.profile-field input[readonly]{color:var(--muted);background:rgba(244,248,251,0.8)}.profile-field small{color:var(--muted);font-size:0.8rem;font-weight:750}.profile-country-field{display:grid;grid-column:2;gap:10px}.profile-country-field>div:first-child{display:grid;gap:5px;color:var(--navy);font-weight:900}.profile-country-field small{color:var(--muted);font-size:0.8rem;font-weight:750}.profile-country-selected{min-height:42px;display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;padding:0 14px;border:1px solid rgba(59,143,117,0.28);border-radius:999px;color:var(--green);background:rgba(59,143,117,0.08);font-weight:900}.profile-country-selected img{width:28px;height:21px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(7,17,31,0.1)}.profile-country-search{width:100%;min-height:46px;border:1px solid rgba(32,72,110,0.2);border-radius:12px;padding:0 14px;color:var(--ink);background:#ffffff;font:inherit;font-size:0.95rem;font-weight:760}.profile-country-grid{display:grid;grid-template-columns:1fr;gap:6px;max-height:300px;overflow-y:auto;padding:8px;border:1px solid rgba(32,72,110,0.2);border-radius:14px;background:rgba(244,248,251,0.66)}.profile-country-grid button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;width:100%;padding:0 12px;border:1px solid rgba(32,72,110,0.12);border-radius:10px;color:var(--navy);background:rgba(255,255,255,0.76);font:inherit;cursor:pointer;text-align:left}.profile-country-flag{width:30px;height:22px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(7,17,31,0.1)}.profile-country-grid button strong{overflow:hidden;font-size:0.9rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.profile-country-grid button small{overflow:hidden;color:inherit;font-size:0.72rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap;opacity:0.62}.profile-country-grid button:hover,.profile-country-grid button:focus,.profile-country-grid button.is-selected{border-color:rgba(59,143,117,0.58);background:rgba(139,224,188,0.26)}.profile-save-button,.profile-message{grid-column:2;justify-self:start}.profile-message{min-height:22px;margin:0;color:var(--red);font-weight:850}.profile-message.success{color:var(--green)}.profile-completion-card{width:min(94vw,720px);max-height:min(88vh,780px);overflow:auto}.profile-completion-card form{display:grid;gap:14px;margin-top:16px}.profile-completion-card .profile-field,.profile-completion-card .profile-country-selected,.profile-completion-card .profile-country-grid,.profile-completion-card .profile-message,.profile-completion-card .submit-confirm-actions{grid-column:1}.profile-completion-country-list{max-height:260px;overflow:auto}.profile-completion-country-list button{min-height:52px}.profile-completion-modal .profile-message{margin:0}html.dark-mode .profile-panel{border-color:rgba(58,79,108,0.9);background:rgba(16,28,46,0.88);box-shadow:0 22px 70px rgba(0,0,0,0.28)}html.dark-mode .profile-panel-head h1,html.dark-mode .profile-field,html.dark-mode .profile-country-field>div:first-child{color:#eef6ff}html.dark-mode .profile-panel-head p,html.dark-mode .profile-field small,html.dark-mode .profile-country-field small,html.dark-mode .profile-auth-message span{color:#9fb0c6}html.dark-mode .profile-photo-block{border-color:rgba(58,79,108,0.9);background:rgba(10,23,40,0.58)}html.dark-mode .profile-icon-picker-head{color:#eef6ff}html.dark-mode .profile-icon-picker-head small{color:#9fb0c6}html.dark-mode .profile-icon-grid{border-color:rgba(58,79,108,0.9);background:rgba(10,23,40,0.72)}html.dark-mode .profile-field input{color:#eef6ff;border-color:rgba(58,79,108,0.9);background:#101c2e}html.dark-mode .profile-country-search{color:#eef6ff;border-color:rgba(58,79,108,0.9);background:#101c2e}html.dark-mode .profile-field input[readonly]{color:#9fb0c6;background:rgba(10,23,40,0.62)}html.dark-mode .profile-country-grid{border-color:rgba(58,79,108,0.9);background:rgba(10,23,40,0.58)}html.dark-mode .profile-country-grid button{color:#eef6ff;border-color:rgba(58,79,108,0.72);background:rgba(16,28,46,0.88)}html.dark-mode .profile-country-grid button:hover,html.dark-mode .profile-country-grid button:focus,html.dark-mode .profile-country-grid button.is-selected{border-color:rgba(139,224,188,0.58);background:rgba(66,169,129,0.18)}@media (max-width:720px){.profile-page{width:calc(100% - 20px);padding:18px 0 42px}.profile-panel{gap:16px;padding:14px;border-radius:14px}.profile-form{grid-template-columns:1fr;gap:14px}.profile-photo-block,.profile-field,.profile-country-field,.profile-save-button,.profile-message{grid-column:1}.profile-photo-preview{width:118px;height:118px}.profile-photo-block{grid-row:auto;width:100%}.profile-icon-grid{max-height:230px}}.seo-topic-grid{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.seo-faq-grid article{padding:16px;border:1px solid rgba(62,91,122,0.86);border-radius:12px;background:rgba(10,20,36,0.62)}.seo-faq-grid h3{margin:0 0 8px;color:#eef6ff;font-size:1rem}.seo-faq-grid p{font-size:0.92rem;line-height:1.55}.practice-grid,.pricing-grid,.exam-grid,.feature-list,.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}.feature-card,.price-card,.exam-card,.feature-list article,.flow-steps article,.exam-summary,.lesson-demo,.login-modal{border:1px solid rgba(219,226,234,0.92);border-radius:18px;background:var(--white);box-shadow:0 16px 46px rgba(24,38,58,0.08)}.feature-card{padding:26px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border-radius:50%;color:var(--white);background:var(--green);font-weight:900}.lesson-preview{padding:clamp(42px,7vw,88px) clamp(18px,4vw,64px);background:#eef4f1}.lesson-panel{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(320px,0.72fr);gap:clamp(24px,5vw,64px);align-items:center;max-width:1180px;margin:0 auto}.lesson-demo{padding:24px}.audio-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-bottom:22px}.round-btn{width:62px;height:62px;border-radius:50%;color:var(--white);background:var(--navy);font-size:0.82rem;font-weight:900}.audio-row small,.login-note{display:block;margin-top:5px;color:var(--muted)}.phrase-block{padding:16px;border-radius:14px;background:#f8faf6}.phrase-block + .phrase-block{margin-top:12px}.phrase-block span{color:var(--green);font-size:0.78rem;font-weight:900;text-transform:uppercase}.phrase-block p{margin:8px 0 0;line-height:1.6}.progress-track{height:10px;margin-top:20px;border-radius:999px;background:#edf0f4;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--gold))}.price-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:28px}.price-card.highlighted{border-color:rgba(216,75,75,0.42);transform:translateY(-8px)}.price{margin-bottom:12px;color:var(--navy);font-size:2.7rem;font-weight:900;line-height:1}.plan-token-pill{display:inline-flex;align-items:center;gap:9px;margin:4px 0 22px;padding:8px 11px 8px 8px;border:1px solid rgba(59,143,117,0.22);border-radius:999px;color:var(--green);background:rgba(59,143,117,0.08);font-size:0.9rem;font-weight:850}.plan-token-pill.is-unlimited{color:var(--navy);border-color:rgba(223,180,93,0.38);background:rgba(223,180,93,0.14)}.plan-token-pill.is-free{color:#8a6416;border-color:rgba(223,180,93,0.5);background:rgba(223,180,93,0.18)}.token-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#ffffff;background:var(--green);font-size:0.88rem;font-weight:950;line-height:1}.plan-token-pill.is-unlimited .token-icon{color:#07111f;background:var(--gold);font-size:1.35rem}.plan-token-pill.is-free .token-icon{color:#07111f;background:var(--gold)}.price-card .btn-plan{margin-top:auto}.badge{position:absolute;top:18px;right:18px;margin:0;padding:6px 10px;border-radius:999px;color:var(--white) !important;background:var(--green);font-size:0.76rem !important;font-weight:900}.site-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:var(--muted)}.site-footer>span:first-child{color:var(--ink);font-weight:950}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 14px;font-size:0.9rem;font-weight:850}.footer-links a{color:var(--muted)}.footer-links a:hover,.footer-links a:focus,.footer-links a[aria-current="page"]{color:var(--green)}.legal-hero{display:grid;gap:12px;max-width:920px;margin:0 auto;padding:clamp(52px,8vw,94px) clamp(18px,4vw,64px) 26px;text-align:center}.legal-hero h1,.legal-hero p{margin:0}.legal-hero h1{color:var(--ink);font-size:clamp(2.1rem,5vw,4rem);line-height:1.04}.legal-hero>p:last-child{color:var(--muted);font-weight:800;line-height:1.65}.legal-section{display:grid;gap:16px;width:min(100% - 32px,920px);margin:0 auto clamp(46px,7vw,84px)}.legal-card{display:grid;gap:12px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 18px 46px rgba(24,38,58,0.08)}.legal-card h2,.legal-card p{margin:0}.legal-card h2{color:var(--navy);font-size:clamp(1.2rem,3vw,1.55rem)}.legal-card p,.legal-list{color:var(--muted);font-weight:700;line-height:1.72}.legal-card a:not(.btn){color:var(--green);font-weight:950;text-decoration:underline;text-underline-offset:3px}.legal-list{display:grid;gap:8px;margin:0;padding-left:20px}.legal-contact-card .btn{justify-self:start;margin-top:4px}.contact-action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.careers-hero{max-width:980px}.career-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(100% - 32px,1160px);margin:0 auto clamp(24px,5vw,48px)}.career-card{align-content:start;min-height:100%}.career-card .btn{justify-self:start;margin-top:4px}.career-tag{justify-self:start;padding:7px 11px;border-radius:999px;color:#061224;background:#8be0bc;font-size:0.75rem;font-weight:950;text-transform:uppercase}.careers-apply-note{margin-top:0}@media (max-width:880px){.career-grid{grid-template-columns:1fr}}.writing-page-body{display:flex;flex-direction:column;min-height:100vh}.writing-page-body main{flex:1}.tcf-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:clamp(26px,5vw,72px);min-height:calc(86vh - 76px);padding:clamp(54px,8vw,110px) clamp(18px,4vw,64px);background:linear-gradient(120deg,rgba(255,253,248,0.92),rgba(255,253,248,0.72)),radial-gradient(circle at 85% 10%,rgba(216,75,75,0.16),transparent 34%),radial-gradient(circle at 18% 80%,rgba(59,143,117,0.18),transparent 34%)}.tcf-hero-copy{max-width:800px}.home-hero{min-height:0;padding-top:clamp(24px,4vw,42px);padding-bottom:clamp(24px,4vw,42px)}.home-demo-section{width:min(980px,calc(100% - 36px));margin:clamp(-34px,-3vw,-12px) auto clamp(38px,6vw,72px);position:relative;z-index:1}.home-demo-section .hero-speaking-demo{width:100%}.home-live-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:clamp(18px,3vw,30px);max-width:570px}.home-live-stat{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-height:154px;padding:16px;overflow:hidden;border:1px solid rgba(59,143,117,0.28);border-radius:16px;background:radial-gradient(circle at 78% 14%,rgba(255,217,90,0.28),transparent 24%),linear-gradient(145deg,rgba(255,255,255,0.92),rgba(238,248,244,0.76));box-shadow:0 18px 38px rgba(19,39,66,0.1)}.home-live-stat::before{content:"";position:absolute;inset:auto -20% -35% 18%;height:82px;border-radius:999px;background:rgba(59,143,117,0.14);filter:blur(16px)}.home-live-stat-label{position:relative;z-index:1;color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase;letter-spacing:0.02em}.home-live-stat-cube{position:relative;z-index:1;display:grid;place-items:center;width:max-content;min-width:76px;max-width:100%;height:76px;padding-inline:12px;box-sizing:border-box;border:1px solid rgba(59,143,117,0.38);border-radius:18px;color:var(--navy);background:linear-gradient(160deg,rgba(255,217,90,0.94),rgba(86,203,159,0.9));box-shadow:inset 0 -12px 24px rgba(7,17,31,0.16),0 14px 26px rgba(59,143,117,0.22);transform-style:preserve-3d;transition:transform 560ms cubic-bezier(0.2,0.85,0.25,1.2)}.home-live-stat.is-flipping .home-live-stat-cube{transform:rotateX(-360deg) translateY(-2px)}.home-live-stat-value{font-size:2rem;font-weight:950;line-height:1;white-space:nowrap}.home-live-stat-value[data-digits="6"]{font-size:1.75rem}.home-live-stat-value[data-digits="7"],.home-live-stat-value[data-digits="8"]{font-size:1.45rem}.home-live-stat-value[data-digits="9"],.home-live-stat-value[data-digits="10"]{font-size:1.2rem}.home-live-stat small{position:relative;z-index:1;color:var(--muted);font-size:0.78rem;font-weight:850;line-height:1.35}.exam-summary{display:grid;gap:14px;padding:22px}.exam-summary div{padding:20px;border-radius:16px;background:#f8faf6}.exam-summary strong{display:block;color:var(--red);font-size:clamp(2.2rem,5vw,4rem);line-height:1}.exam-summary span{display:block;margin-top:6px;color:var(--muted);font-weight:800}.skill-select-panel{display:grid;gap:12px;padding:14px}.skill-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;justify-items:center}.skill-select-panel>.home-mock-test-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:12px 20px;border:1px solid rgba(255,217,90,0.58);border-radius:10px;color:#07111f;background:linear-gradient(135deg,#ffd95a,#7cddb8);box-shadow:0 12px 28px rgba(59,143,117,0.24);animation:home-mock-cta-pulse 1.6s ease-in-out infinite}.skill-select-panel>.home-mock-test-cta:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(59,143,117,0.3)}.skill-select-panel>.home-mock-test-cta strong,.skill-select-panel>.home-mock-test-cta span{color:#07111f !important}.skill-select-panel>.home-mock-test-cta span{padding:8px 16px;border:1px solid #d96878;border-radius:8px;color:#ffffff !important;background:#d96878;box-shadow:0 8px 18px rgba(217,104,120,0.32);font-weight:800}@keyframes home-mock-cta-pulse{0%,100%{background:linear-gradient(135deg,#ffd95a,#7cddb8);box-shadow:0 10px 24px rgba(255,217,90,0.2)}50%{background:linear-gradient(135deg,#ffea72,#ffd95a);box-shadow:0 14px 34px rgba(255,217,90,0.58)}}@media (prefers-reduced-motion:reduce){.skill-select-panel>.home-mock-test-cta{animation:none}}@media (max-width:560px){.skill-select-panel>.home-mock-test-cta{align-items:center;flex-direction:column;gap:2px;text-align:center}}.home-leaderboard-preview{padding:14px;border:1px solid rgba(120,223,186,0.24);border-radius:14px;background:linear-gradient(180deg,rgba(92,141,246,0.14),rgba(9,21,36,0.9)),rgba(10,24,41,0.84);box-shadow:0 16px 34px rgba(7,17,31,0.18)}.home-leaderboard-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.home-leaderboard-preview-head span{color:#78dfba;font-size:0.76rem;font-weight:950;text-transform:uppercase}.home-leaderboard-preview-head a{padding:0;border:0;color:#ffd95a;background:transparent;box-shadow:none;font-size:0.76rem;font-weight:950}.home-leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px}.home-leaderboard-card{position:relative;display:grid;justify-items:center;gap:4px;min-width:0;color:#eef6ff;text-align:center}.home-leaderboard-card.place-1{padding-top:0}.home-leaderboard-card.place-2,.home-leaderboard-card.place-3{padding-top:18px}.home-leaderboard-star{height:14px;color:#ffd95a;font-size:1rem;line-height:1}.home-leaderboard-avatar{display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(122,162,202,0.45);border-radius:50%;color:#ffffff;background:#17304d;font-size:0.82rem;font-weight:950;object-fit:cover}.place-1 .home-leaderboard-avatar{width:52px;height:52px;border-color:#ffd95a;box-shadow:0 0 0 5px rgba(255,217,90,0.12)}.home-leaderboard-country{display:grid;place-items:center;width:24px;height:18px;margin-top:-10px;margin-left:38px;border:2px solid #0b1a2d;border-radius:5px;overflow:hidden;background:#ffffff}.home-leaderboard-flag{width:100%;height:100%;object-fit:cover}.home-leaderboard-card strong{max-width:100%;overflow:hidden;font-size:0.8rem;text-overflow:ellipsis;white-space:nowrap}.home-leaderboard-card small{color:rgba(255,255,255,0.76);font-size:0.66rem;font-weight:850}.home-leaderboard-card b{display:grid;place-items:center;width:100%;height:34px;margin-top:4px;border-radius:8px 8px 0 0;color:#ffffff;background:linear-gradient(180deg,#2a4a73,#183454);font-size:1.55rem;font-weight:950;line-height:1}.home-leaderboard-card.place-1 b{height:48px;background:linear-gradient(180deg,#5178b5,#28486f)}.home-leaderboard-card.place-3 b{height:28px}.skill-select-card,.skill-select-panel a,.skill-card-disabled{padding:14px;border:1px solid rgba(59,143,117,0.34);border-radius:14px;color:#ffffff;background:linear-gradient(135deg,#1d3152 0%,#3b8f75 100%);box-shadow:0 14px 30px rgba(59,143,117,0.22);transition:transform 180ms ease,box-shadow 180ms ease}.skill-select-card{display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:10px;width:100%;min-height:118px}.skill-select-panel a{display:grid;gap:5px;padding:0;border:0;background:transparent;box-shadow:none}.skill-card-disabled{display:grid;gap:5px;border-color:rgba(99,112,131,0.22);background:linear-gradient(135deg,rgba(29,49,82,0.72) 0%,rgba(99,112,131,0.58) 100%);box-shadow:none;cursor:not-allowed;opacity:0.72}.skill-select-card:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(59,143,117,0.28)}.skill-select-copy strong,.skill-select-panel strong,.skill-card-disabled strong{color:#ffffff;font-size:1.04rem}.skill-select-copy span,.skill-select-panel span,.skill-card-disabled span{color:rgba(255,255,255,0.84);font-size:0.9rem;font-weight:750}.skill-free-btn{flex:0 0 auto;min-height:36px;padding:9px 14px !important;border:1px solid rgba(255,217,90,0.55) !important;border-radius:999px !important;color:var(--navy) !important;background:#ffd95a !important;font-size:0.82rem;font-weight:950;box-shadow:0 10px 22px rgba(255,217,90,0.22) !important;white-space:nowrap}.skill-free-btn:hover{transform:translateY(-1px)}html:not(.dark-mode) .home-leaderboard-preview{border-color:rgba(74,96,124,0.16);background:radial-gradient(circle at 50% 0%,rgba(119,175,245,0.28),transparent 42%),linear-gradient(180deg,#f7fbff 0%,#eaf4ff 58%,#dcecff 100%);box-shadow:0 16px 34px rgba(55,95,145,0.16)}html:not(.dark-mode) .home-leaderboard-card,html:not(.dark-mode) .home-leaderboard-card strong{color:#132942}html:not(.dark-mode) .home-leaderboard-preview-head span{color:#176e54}html:not(.dark-mode) .home-leaderboard-preview-head a{color:#1e5d9f}html:not(.dark-mode) .home-leaderboard-card small,html:not(.dark-mode) .skill-select-panel .home-leaderboard-card small{color:#38516f}html:not(.dark-mode) .home-leaderboard-country{border-color:#ffffff}.skill-card-disabled small{color:#ffd95a;font-size:0.8em;font-weight:950}@media (min-width:981px){.hero,.tcf-hero{gap:clamp(24px,4vw,58px);padding:clamp(42px,6vw,82px) clamp(18px,3vw,48px)}.home-hero{min-height:0}.tcf-hero{min-height:calc(72vh - 56px);grid-template-columns:minmax(0,1fr) minmax(430px,520px)}.hero-copy,.tcf-hero-copy{max-width:680px}.hero-title{margin-bottom:16px;font-size:clamp(2rem,3.1vw,3rem);line-height:1.07}.hero-text,.section-heading p,.lesson-copy p,.feature-card p,.price-card p,.login-modal p{font-size:0.96rem;line-height:1.58}.hero-actions{margin-top:22px}.skill-select-panel{gap:10px;padding:10px}.skill-select-panel a,.skill-card-disabled{gap:4px;padding:14px 16px;border-radius:12px}.skill-select-panel strong,.skill-card-disabled strong{font-size:0.96rem}.skill-select-panel span,.skill-card-disabled span{font-size:0.82rem}.home-demo-section{width:min(820px,calc(100% - 36px));margin:-18px auto 46px}.practice-band,.feature-band,.pricing-section,.tcf-section,.exam-flow,.lesson-preview,.seo-support-section{padding:clamp(42px,6vw,72px) clamp(18px,3vw,48px)}.section-heading{max-width:620px;margin-bottom:24px}h2,.section-heading h1{font-size:clamp(1.35rem,2.3vw,2.1rem)}h3{font-size:1rem}.practice-grid,.pricing-grid,.exam-grid,.feature-list,.flow-steps,.lesson-panel{max-width:1040px;gap:14px}.feature-card,.price-card,.exam-card,.feature-list article,.flow-steps article,.exam-summary,.lesson-demo,.login-modal{border-radius:14px}.feature-card,.lesson-demo{padding:18px}.feature-icon{width:34px;height:34px;margin-bottom:16px}.seo-support-section{grid-template-columns:1fr}}@media (max-width:820px){.home-live-stats{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.home-live-stat{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:6px 10px;min-height:0;padding:14px;text-align:left}.home-live-stat-cube{grid-row:1 / span 2;grid-column:2;width:max-content;min-width:62px;max-width:150px;height:62px;padding-inline:10px;border-radius:16px}.home-live-stat-value{font-size:clamp(1.35rem,8vw,1.72rem);max-width:100%;letter-spacing:-0.03em}.home-live-stat small{grid-column:1;min-width:0;line-height:1.25}}@media (max-width:390px){.home-live-stat{padding:12px}.home-live-stat-cube{width:max-content;min-width:56px;max-width:130px;height:56px;border-radius:14px}.home-live-stat-value{font-size:1.42rem}}.exam-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-band{background:#fbf7ed}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr))}.exam-card,.feature-list article,.flow-steps article{padding:24px}.exam-tag{display:inline-flex;margin-bottom:18px;padding:7px 10px;border-radius:999px;color:var(--navy);background:#f2ead8;font-size:0.76rem;font-weight:900;text-transform:uppercase}.exam-flow{background:#eef4f1}.flow-steps article{background:var(--white)}.flow-steps span{display:block;margin-bottom:20px;color:var(--green);font-size:1.8rem;font-weight:900}.modal-backdrop{position:fixed;inset:0;z-index:10000;display:none;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(circle at 50% 20%,rgba(59,143,117,0.18),transparent 32%),rgba(3,10,22,0.74);backdrop-filter:blur(8px)}.modal-backdrop.is-open{display:grid}.verification-notice{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 24%,rgba(223,180,93,0.22),transparent 32%),rgba(21,34,56,0.68);backdrop-filter:blur(12px)}.verification-card{width:min(100%,460px);padding:32px;border:1px solid rgba(219,226,234,0.92);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(244,248,251,0.98) 100%);box-shadow:var(--shadow);animation:verificationPop 220ms ease-out both}.verification-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:18px;color:var(--white);background:linear-gradient(135deg,var(--red),var(--gold));font-size:0.72rem;font-weight:900;box-shadow:0 14px 28px rgba(191,78,92,0.24)}.verification-card h2{margin-bottom:10px;font-size:1.75rem}.verification-card p{color:var(--muted);line-height:1.65}.verification-card strong{color:var(--ink)}.verification-steps{display:grid;gap:10px;margin:18px 0;padding:0;list-style:none}.verification-steps li{display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 12px;border:1px solid rgba(219,226,234,0.86);border-radius:14px;background:#ffffff;color:var(--navy);font-weight:900}.verification-steps li::before{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;color:var(--white);background:var(--green);font-size:0.78rem;font-weight:900}.verification-steps li:nth-child(1)::before{content:"1"}.verification-steps li:nth-child(2)::before{content:"2"}.verification-steps li:nth-child(3)::before{content:"3"}.spam-note{margin:18px 0 22px;padding:14px 16px;border:1px solid rgba(223,180,93,0.48);border-radius:14px;color:var(--ink);background:#fff8e7;font-weight:800;line-height:1.55}.verification-actions{display:flex;flex-wrap:wrap;gap:10px}@keyframes verificationPop{from{opacity:0;transform:translateY(14px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal{position:relative;width:min(100%,440px);max-height:min(92dvh,760px);overflow-y:auto;padding:32px;border:1px solid rgba(219,226,234,0.26);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,0.42);animation:loginModalPop 180ms ease-out both}.login-modal h2{font-size:2rem}@keyframes loginModalPop{from{opacity:0;transform:translateY(14px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;color:var(--muted);background:#f2f5f8;font-weight:900}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0;padding:5px;border:1px solid var(--line);border-radius:999px;background:#f8faf6}.auth-tab{min-height:38px;border:0;border-radius:999px;color:var(--muted);background:transparent;font:inherit;font-weight:900;cursor:pointer}.auth-tab.is-active{color:var(--white);background:var(--navy)}.auth-form{display:none;gap:14px}.auth-form.is-active{display:grid}.auth-form label{display:grid;gap:7px;color:var(--navy);font-size:0.9rem;font-weight:900}.auth-form input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--white);font:inherit}.auth-form input:focus{outline:3px solid rgba(59,143,117,0.2);border-color:var(--green)}.auth-submit{width:100%;margin-top:4px}.email-link-btn{width:100%;min-height:44px;border:1px solid rgba(59,143,117,0.32);border-radius:999px;color:var(--green);background:rgba(59,143,117,0.09);font:inherit;font-weight:950;cursor:pointer}.email-link-btn:hover,.email-link-btn:focus{background:rgba(59,143,117,0.15)}.email-link-btn:disabled{cursor:wait;opacity:0.62}.forgot-password{justify-self:center;border:0;background:transparent;color:var(--green);font:inherit;font-size:0.9rem;font-weight:900;cursor:pointer}.forgot-password:hover{text-decoration:underline}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin-top:14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--white);font:inherit;font-weight:900;cursor:pointer;transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease}.google-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#4285f4;background:#f6f8fb;font-weight:900}.form-message{min-height:24px;margin:12px 0 0;color:var(--red);font-size:0.92rem !important;line-height:1.45 !important}.form-message.success{color:var(--green)}.checkout-message{min-height:28px;max-width:760px;margin:22px auto 0;color:var(--red);font-weight:800;text-align:center}.checkout-message.success{color:var(--green)}.access-status{max-width:760px;margin:0 auto 22px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 14px 34px rgba(24,38,58,0.08);text-align:center}.access-status.is-active{border-color:rgba(59,143,117,0.42);background:#f3fbf7}.access-status h3{margin:0 0 6px}.access-status p{margin:0;color:var(--muted);line-height:1.6}.access-status .plan-token-pill{margin:14px auto 0}@keyframes tokenSpendPulse{0%{transform:scale(1)}45%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes tokenSpendBurst{0%{opacity:0;transform:translateY(8px)}25%{opacity:1}100%{opacity:0;transform:translateY(-16px)}}.status-page{max-width:780px;min-height:calc(100vh - 76px);padding:clamp(64px,12vw,140px) clamp(18px,4vw,64px)}.auth-action-page{display:grid;place-items:center;min-height:calc(100vh - 76px);padding:clamp(48px,8vw,92px) clamp(18px,4vw,64px);background:radial-gradient(circle at 14% 20%,rgba(59,143,117,0.16),transparent 32%),radial-gradient(circle at 84% 14%,rgba(223,180,93,0.2),transparent 32%),linear-gradient(180deg,rgba(244,248,251,0.94) 0%,rgba(255,255,255,0.92) 100%)}.auth-action-card{width:min(100%,560px);padding:clamp(26px,5vw,42px);border:1px solid rgba(219,226,234,0.92);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.auth-action-card h2{margin-bottom:12px;font-size:clamp(1.7rem,3vw,2.25rem)}.auth-action-card>p{color:var(--muted);line-height:1.7}.auth-action-note{padding:12px 14px;border:1px solid rgba(59,143,117,0.24);border-radius:14px;color:var(--navy);background:#f1fbf6;font-size:0.9rem;font-weight:850;line-height:1.5}.reset-form{display:grid;gap:14px;margin-top:20px}.reset-form[hidden]{display:none}.reset-form label{display:grid;gap:7px;color:var(--navy);font-size:0.9rem;font-weight:900}.reset-form input{min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--white);font:inherit}.reset-form input:focus{outline:3px solid rgba(59,143,117,0.2);border-color:var(--green)}.auth-action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.plan-button:disabled{cursor:wait;opacity:0.72;transform:none}.text-link{display:inline-flex;margin-top:14px;color:var(--red);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link.is-disabled{color:var(--muted);cursor:not-allowed;opacity:0.72}.text-link.is-disabled:hover{text-decoration:none}.library-hero,.library-section{padding:clamp(52px,8vw,96px) clamp(18px,4vw,64px)}.listening-library-section{padding-top:clamp(28px,5vw,56px)}.library-hero{background:linear-gradient(180deg,rgba(244,248,251,0.96) 0%,#ffffff 100%),repeating-linear-gradient(0deg,rgba(29,49,82,0.035) 0 1px,transparent 1px 34px)}.practice-player{max-width:880px;margin:28px auto 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 18px 42px rgba(24,38,58,0.08)}.practice-player.is-open{border-color:rgba(59,143,117,0.42)}.practice-player h3{margin:4px 0 12px;font-size:1.35rem}.practice-player-text{display:grid;gap:8px;margin:0;color:var(--muted);line-height:1.65}.practice-player-text strong,.practice-player-text span,.practice-player-text small{display:block}.practice-player-text strong{color:var(--ink)}.quiz-shell{display:grid;gap:16px}.quiz-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8faf6;color:var(--muted);font-weight:900}.quiz-topline strong{color:var(--red);font-size:1.2rem}.quiz-audio{width:100%}.quiz-image{width:min(100%,560px);max-height:320px;border-radius:14px;object-fit:contain;background:#f8faf6}.missing-media{padding:16px;border:1px dashed rgba(99,112,131,0.4);border-radius:14px;color:var(--muted);background:#f8faf6;font-weight:800}.text-toggle{justify-self:start;border:0;background:transparent;color:var(--green);font:inherit;font-weight:900;cursor:pointer}.transcript-box{padding:16px;border-left:4px solid var(--green);border-radius:12px;color:var(--ink);background:#f8faf6;line-height:1.7}.answer-list{display:grid;gap:10px}.answer-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:50px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--white);cursor:pointer;font-weight:800}.answer-option.is-selected{border-color:rgba(59,143,117,0.48);background:#f2fbf7}.answer-option input{accent-color:var(--green)}.quiz-actions{display:flex;flex-wrap:wrap;gap:10px}.quiz-actions .btn:disabled{cursor:not-allowed;opacity:0.45;transform:none}.quiz-result{display:grid;gap:12px;place-items:start}.quiz-result h3{margin:0;color:var(--green);font-size:3rem}.review-list{display:grid;gap:12px}.review-item{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.review-item.is-correct{border-color:rgba(59,143,117,0.4)}.review-item.is-wrong{border-color:rgba(191,78,92,0.35)}.review-item span,.review-item strong{display:block;margin-top:8px}.practice-library-grid{display:grid;max-width:1180px;margin:0 auto}.progress-page{min-height:calc(100vh - 78px);padding:clamp(14px,3vw,32px) clamp(12px,3vw,34px);background:linear-gradient(135deg,rgba(67,181,139,0.13),transparent 35%),var(--page-bg,#07111f)}.progress-hero,.progress-shell{width:min(1180px,100%);margin:0 auto}.progress-hero{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:clamp(16px,3vw,24px);border:1px solid rgba(122,162,202,0.28);border-radius:8px;background:rgba(12,26,44,0.9)}.progress-hero h1{margin:4px 0;font-size:clamp(1.6rem,3vw,2.7rem);letter-spacing:0}.progress-hero p:last-child{max-width:680px;margin:0;color:var(--muted-text,#a9bad0)}.progress-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:min(420px,42%)}.progress-user-score{min-width:210px;padding:12px 16px;border:1px solid rgba(67,181,139,0.38);border-radius:8px;background:linear-gradient(135deg,rgba(67,181,139,0.18),rgba(12,26,44,0.72));box-shadow:0 14px 34px rgba(67,181,139,0.1)}.progress-user-score span,.progress-user-score small{display:block;color:var(--muted-text,#a9bad0);font-size:0.74rem;font-weight:900}.progress-user-score strong{display:block;margin:1px 0;color:var(--text,#eef5ff);font-size:clamp(1.35rem,2.8vw,2rem);line-height:1}.progress-shell{margin-top:14px;padding:clamp(12px,2vw,18px);border:1px solid rgba(122,162,202,0.28);border-radius:8px;background:rgba(8,18,32,0.92)}.progress-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.progress-tabs button{min-height:34px;padding:0 14px;border:1px solid rgba(122,162,202,0.32);border-radius:8px;background:rgba(17,33,54,0.92);color:var(--text,#eef5ff);font:inherit;font-weight:800;cursor:pointer}.progress-tabs button.is-active{border-color:rgba(67,181,139,0.75);background:#43b58b;color:#06111e}.progress-state-panel{display:grid;place-items:center;gap:12px;min-height:260px;padding:32px;border:1px solid rgba(122,162,202,0.26);border-radius:8px;text-align:center;background:rgba(12,26,44,0.72)}.progress-state-panel p{margin:0;color:var(--muted-text,#a9bad0)}.progress-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.progress-summary-grid article,.progress-chart-panel{border:1px solid rgba(122,162,202,0.26);border-radius:8px;background:rgba(12,26,44,0.78)}.progress-summary-grid article{min-height:68px;padding:11px 13px}.progress-summary-grid small{display:block;color:var(--muted-text,#a9bad0);font-size:0.78rem;font-style:normal}.progress-summary-grid strong{display:block;margin-top:4px;font-size:clamp(1.35rem,2.4vw,2rem)}.progress-chart-panel{position:relative;margin-top:12px;padding:clamp(12px,2vw,16px)}.progress-chart-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:8px}.progress-chart-head h2{margin:0 0 2px;font-size:1.05rem}.progress-chart-head p{margin:0;color:var(--muted-text,#a9bad0);font-size:0.82rem}.progress-legend{display:flex;flex-wrap:wrap;justify-content:end;gap:8px 12px}.progress-legend span{display:inline-flex;align-items:center;gap:6px;color:var(--muted-text,#a9bad0);font-weight:800}.progress-legend i{width:12px;height:12px;border-radius:999px}.progress-chart-scroll{overflow-x:hidden;padding-bottom:2px}.progress-chart{display:block;width:100%;max-width:100%;height:auto}.progress-chart-grid,.progress-chart-axis-line{stroke:rgba(122,162,202,0.22);stroke-width:1}.progress-chart-level-band{opacity:0.1;pointer-events:none}.progress-chart-axis{fill:var(--muted-text,#a9bad0);font-size:11px;font-weight:800}.progress-chart-band-label{font-size:11px}.progress-chart-level-label{pointer-events:none}.progress-chart-level-label text{font-size:11px;font-weight:1000}.progress-chart-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.progress-chart-date-range{display:flex;justify-content:space-between;gap:20px;padding:1px 18px 0 104px;color:var(--muted-text,#a9bad0);font-size:0.78rem;font-weight:800}.progress-chart-point{stroke:rgba(7,17,31,0.92);stroke-width:2.5;cursor:pointer;transition:r 140ms ease,filter 140ms ease}.progress-chart-point:hover,.progress-chart-point:focus{r:8px;filter:drop-shadow(0 0 6px currentColor);outline:none}.progress-chart-tooltip{position:absolute;z-index:5;width:min(260px,calc(100% - 24px));padding:12px 14px;border:1px solid rgba(122,162,202,0.22);border-radius:8px;background:#07182b;box-shadow:0 14px 34px rgba(0,0,0,0.34);color:#f4f8ff;pointer-events:none}.progress-chart-tooltip[hidden]{display:none}.progress-chart-tooltip>strong,.progress-chart-tooltip>span{display:block}.progress-chart-tooltip>span{margin-top:2px;color:#a9bad0;font-size:0.82rem}.progress-chart-tooltip dl{display:grid;gap:5px;margin:10px 0 0}.progress-chart-tooltip dl>div{display:flex;justify-content:space-between;gap:12px}.progress-chart-tooltip dt{color:#a9bad0}.progress-chart-tooltip dd{margin:0;text-align:right;font-weight:800}.progress-day-details{display:grid;gap:12px;margin-top:18px;padding:14px;border:1px solid rgba(122,162,202,0.24);border-radius:8px;background:rgba(7,17,31,0.42)}.progress-day-details[hidden]{display:none}.progress-day-details-head,.progress-day-result{display:flex;align-items:center;justify-content:space-between;gap:14px}.progress-day-details-head strong,.progress-day-result strong,.progress-day-result b{display:block;color:var(--text,#f4f8ff)}.progress-day-details-head span,.progress-day-result span,.progress-day-result small{display:block;color:var(--muted-text,#a9bad0)}.progress-day-details-head button,.progress-day-result button{border:1px solid rgba(122,162,202,0.24);border-radius:999px;background:rgba(12,26,44,0.82);color:var(--text,#f4f8ff);font:inherit;font-weight:900;cursor:pointer}.progress-day-details-head button{width:34px;height:34px}.progress-day-results{display:grid;gap:10px}.progress-day-result{padding:12px;border:1px solid rgba(122,162,202,0.2);border-radius:8px;background:rgba(12,26,44,0.62)}.progress-day-result-score{display:flex;align-items:center;gap:10px}.progress-day-result button{padding:9px 13px;border-color:rgba(215,97,113,0.38);color:#ffd5da}.progress-day-result button:disabled{cursor:wait;opacity:0.68}.progress-delete-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(3,9,18,0.72);backdrop-filter:blur(8px)}.progress-delete-dialog{display:grid;grid-template-columns:auto 1fr;gap:14px;width:min(100%,430px);padding:22px;border:1px solid rgba(122,162,202,0.28);border-radius:8px;background:#0b1a2d;box-shadow:0 24px 70px rgba(0,0,0,0.42);color:#f4f8ff}.progress-delete-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#ffd5da;background:rgba(215,97,113,0.16);border:1px solid rgba(215,97,113,0.36);font-size:1.3rem;font-weight:1000}.progress-delete-dialog h3{margin:0 0 4px;font-size:1.35rem}.progress-delete-dialog p{margin:0;color:#a9bad0}.progress-delete-preview,.progress-delete-actions{grid-column:1 / -1}.progress-delete-preview{display:grid;gap:3px;padding:13px 14px;border:1px solid rgba(122,162,202,0.22);border-radius:8px;background:rgba(7,17,31,0.58)}.progress-delete-preview span,.progress-delete-preview small{color:#a9bad0}.progress-delete-preview strong{font-size:1.25rem}.progress-delete-actions{display:flex;justify-content:end;gap:10px}.progress-delete-actions button{min-height:42px;padding:0 16px;border-radius:999px;font:inherit;font-weight:900;cursor:pointer}.progress-delete-cancel{border:1px solid rgba(122,162,202,0.3);color:#f4f8ff;background:rgba(12,26,44,0.82)}.progress-delete-confirm{border:1px solid rgba(215,97,113,0.42);color:#fff;background:#d76171;box-shadow:0 12px 26px rgba(215,97,113,0.22)}html:not(.dark-mode) .progress-page{background:linear-gradient(135deg,rgba(67,181,139,0.12),rgba(92,141,246,0.08)),#f4f8fb}html:not(.dark-mode) .progress-hero,html:not(.dark-mode) .progress-shell,html:not(.dark-mode) .progress-state-panel,html:not(.dark-mode) .progress-summary-grid article,html:not(.dark-mode) .progress-chart-panel{background:rgba(255,255,255,0.9);border-color:rgba(94,111,132,0.22);box-shadow:0 18px 44px rgba(31,46,69,0.08)}html:not(.dark-mode) .progress-tabs button{background:#f7fbff;border-color:rgba(94,111,132,0.24);color:#172942}html:not(.dark-mode) .progress-tabs button.is-active{background:#43b58b;color:#07111f}html:not(.dark-mode) .progress-user-score{border-color:rgba(30,126,96,0.26);background:linear-gradient(135deg,rgba(67,181,139,0.14),#ffffff);box-shadow:0 14px 34px rgba(24,38,58,0.08)}html:not(.dark-mode) .progress-user-score strong{color:#15243b}html:not(.dark-mode) .progress-summary-grid small,html:not(.dark-mode) .progress-chart-head p,html:not(.dark-mode) .progress-chart-date-range,html:not(.dark-mode) .progress-state-panel p{color:#4f6380}html:not(.dark-mode) .progress-chart-axis{fill:#58708f}html:not(.dark-mode) .progress-chart-grid,html:not(.dark-mode) .progress-chart-axis-line{stroke:rgba(88,112,143,0.26)}html:not(.dark-mode) .progress-chart-level-band{opacity:0.14}html:not(.dark-mode) .progress-chart-tooltip{border-color:rgba(49,72,102,0.22);background:#ffffff;box-shadow:0 14px 34px rgba(31,46,69,0.18);color:#152d50}html:not(.dark-mode) .progress-chart-tooltip>span,html:not(.dark-mode) .progress-chart-tooltip dt{color:#64758b}html:not(.dark-mode) .progress-day-details,html:not(.dark-mode) .progress-day-result{background:rgba(247,251,255,0.92);border-color:rgba(94,111,132,0.22)}html:not(.dark-mode) .progress-day-details-head strong,html:not(.dark-mode) .progress-day-result strong,html:not(.dark-mode) .progress-day-result b{color:#152d50}html:not(.dark-mode) .progress-day-details-head span,html:not(.dark-mode) .progress-day-result span,html:not(.dark-mode) .progress-day-result small{color:#64758b}html:not(.dark-mode) .progress-day-details-head button{background:#ffffff;color:#152d50}html:not(.dark-mode) .progress-day-result button{background:#fff0f2;color:#b73f50}html:not(.dark-mode) .progress-delete-modal{background:rgba(20,31,48,0.42)}html:not(.dark-mode) .progress-delete-dialog{background:#ffffff;color:#152d50;border-color:rgba(94,111,132,0.22);box-shadow:0 24px 70px rgba(31,46,69,0.22)}html:not(.dark-mode) .progress-delete-dialog p,html:not(.dark-mode) .progress-delete-preview span,html:not(.dark-mode) .progress-delete-preview small{color:#64758b}html:not(.dark-mode) .progress-delete-preview{background:#f7fbff;border-color:rgba(94,111,132,0.22)}html:not(.dark-mode) .progress-delete-cancel{background:#ffffff;color:#152d50}@media (max-width:760px){.progress-hero{align-items:stretch;flex-direction:column}.progress-hero-actions{justify-content:space-between;width:100%;min-width:0}.progress-user-score{min-width:0;flex:1}.progress-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-tabs button{flex:1 1 calc(50% - 10px);padding-inline:12px}.progress-chart-head{display:grid}.progress-chart-panel{padding:16px 12px}.progress-chart-date-range{padding-inline:108px 12px}.progress-legend{justify-content:start}.progress-day-details-head,.progress-day-result{align-items:stretch;flex-direction:column}.progress-day-result-score{justify-content:space-between}}.leaderboard-page{min-height:calc(100vh - 78px);padding:clamp(16px,3vw,34px) clamp(12px,3vw,34px) 48px;background:radial-gradient(circle at 50% 0,rgba(92,141,246,0.13),transparent 34%),linear-gradient(140deg,rgba(67,181,139,0.08),transparent 42%),var(--page-bg,#07111f)}.leaderboard-hero,.leaderboard-shell{width:min(920px,100%);margin-inline:auto}.leaderboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(16px,3vw,24px);border:1px solid rgba(122,162,202,0.26);border-radius:8px;background:rgba(10,24,41,0.9);overflow:hidden}.leaderboard-hero h1{margin:4px 0 6px;font-size:clamp(1.55rem,3.3vw,2.35rem);letter-spacing:0}.leaderboard-hero>div:first-child>p:last-child{max-width:600px;margin:0;color:var(--muted-text,#a9bad0)}.leaderboard-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.leaderboard-join-prompt{display:grid;gap:10px;width:min(260px,26vw);padding:14px;border:1px solid rgba(120,223,186,0.3);border-radius:8px;background:rgba(120,223,186,0.1)}.leaderboard-join-prompt[hidden]{display:none}.leaderboard-join-prompt span{color:var(--muted-text,#a9bad0);font-size:0.78rem;font-weight:850;line-height:1.35}.leaderboard-join-prompt .btn{min-height:38px;padding:9px 14px;font-size:0.78rem}.leaderboard-countdown{flex:0 0 auto;min-width:220px;padding:12px 16px;border:1px solid rgba(246,196,83,0.38);border-radius:8px;background:rgba(246,196,83,0.1);text-align:center}.leaderboard-countdown span,.leaderboard-countdown small,.leaderboard-countdown strong{display:block}.leaderboard-countdown span,.leaderboard-countdown small{color:var(--muted-text,#a9bad0);font-size:0.78rem;font-weight:850}.leaderboard-countdown strong{margin:4px 0;color:#f6c453;font-size:clamp(1rem,2vw,1.35rem);font-variant-numeric:tabular-nums;white-space:nowrap}.leaderboard-shell{margin-top:16px}.leaderboard-league-panel{margin-bottom:16px;padding:18px;border:1px solid rgba(122,162,202,0.25);border-radius:8px;background:rgba(8,18,32,0.94)}.leaderboard-league-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.leaderboard-league-heading h2,.leaderboard-league-status h2{margin:2px 0 0;font-size:1.2rem}.leaderboard-league-heading>p,.leaderboard-league-status small{margin:0;color:var(--muted-text,#a9bad0);font-size:0.76rem;font-weight:750}.leaderboard-league-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.leaderboard-league-tab{--league-color:#778493;display:grid;place-items:center;gap:4px;min-width:0;min-height:122px;padding:10px 6px;border:1px solid rgba(122,162,202,0.24);border-radius:8px;color:var(--text,#eef5ff);background:rgba(16,32,53,0.72);font:inherit;cursor:pointer;transition:border-color 0.18s ease,background 0.18s ease,transform 0.18s ease}.leaderboard-league-tab:hover{border-color:var(--league-color);transform:translateY(-2px)}.leaderboard-league-tab.is-active{border-color:var(--league-color);background:color-mix(in srgb,var(--league-color) 18%,rgba(16,32,53,0.9));box-shadow:inset 0 -3px 0 var(--league-color)}.leaderboard-league-tab strong,.leaderboard-league-tab small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-league-tab strong{font-size:0.78rem}.leaderboard-league-tab small{color:var(--muted-text,#a9bad0);font-size:0.63rem;font-weight:750}.leaderboard-league-medal{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border-radius:8px;background:#020e1e;filter:drop-shadow(0 5px 8px rgba(0,0,0,0.24))}.leaderboard-league-medal img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.18s ease}.leaderboard-league-tab:hover .leaderboard-league-medal img,.leaderboard-league-tab.is-active .leaderboard-league-medal img{transform:scale(1.06)}.league-iron{--league-color:#7c8795}.league-bronze{--league-color:#bd7b42}.league-silver{--league-color:#b9c6d2}.league-gold{--league-color:#f3c24f}.league-diamond{--league-color:#65bce6}.league-legend{--league-color:#61d3a8}.leaderboard-league-status{--league-color:#778493;display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--league-color) 55%,transparent);border-radius:8px;background:color-mix(in srgb,var(--league-color) 10%,rgba(8,18,32,0.94))}.leaderboard-league-status .leaderboard-league-medal.is-large{width:76px;height:76px;flex:0 0 auto}.leaderboard-zone-label{margin:-5px 0 8px;padding:4px 8px;border-radius:999px;color:#071523;background:#78dfba;font-size:0.6rem;font-weight:950;text-transform:uppercase}.leaderboard-row.is-promotion-zone{border-color:rgba(82,214,158,0.58);background:linear-gradient(90deg,rgba(82,214,158,0.12),rgba(16,32,53,0.78) 38%)}.leaderboard-row.is-demotion-zone{border-color:rgba(255,113,129,0.42)}.leaderboard-row.is-current-user,.leaderboard-podium-card.is-current-user{outline:3px solid #f6c453;outline-offset:3px;box-shadow:0 0 0 7px rgba(246,196,83,0.13),0 12px 30px rgba(246,196,83,0.16)}.leaderboard-you-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:3px 7px;border-radius:999px;color:#17243a;background:#f6c453;font-size:0.62rem;font-weight:950;line-height:1;vertical-align:2px}.leaderboard-student .leaderboard-you-badge{display:inline-flex;width:auto;margin-top:0;margin-left:6px;color:#17243a;font-size:0.62rem}.leaderboard-podium-card>.leaderboard-you-badge{position:absolute;top:0;right:8px;z-index:3;margin:0}.leaderboard-student small{display:block;margin-top:3px;color:#52d69e;font-size:0.65rem;font-weight:850}.leaderboard-row.is-demotion-zone .leaderboard-student small{color:#ff7181}.leaderboard-loading,.leaderboard-empty{display:grid;place-items:center;gap:10px;min-height:240px;padding:28px;border:1px solid rgba(122,162,202,0.25);border-radius:8px;background:rgba(10,24,41,0.88);text-align:center}.leaderboard-loading p,.leaderboard-empty p{margin:0;color:var(--muted-text,#a9bad0)}.leaderboard-podium{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;min-height:285px;padding:28px clamp(12px,4vw,48px) 0;border:1px solid rgba(122,162,202,0.25);border-radius:8px;background:linear-gradient(180deg,rgba(92,141,246,0.13),rgba(8,18,32,0.95)),rgba(10,24,41,0.9)}.leaderboard-share-button{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(67,181,139,0.42);border-radius:8px;color:#78dfba;background:rgba(10,31,45,0.86);font:inherit;font-size:0.76rem;font-weight:900;cursor:pointer}.leaderboard-share-button img{width:16px;height:16px;object-fit:contain;filter:brightness(0) saturate(100%) invert(76%) sepia(23%) saturate(812%) hue-rotate(104deg) brightness(101%)}.leaderboard-share-button:hover{border-color:#43b58b;background:rgba(67,181,139,0.16)}.leaderboard-share-button:disabled{cursor:wait;opacity:0.72}.leaderboard-podium-card{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;min-width:0;color:var(--text,#eef5ff);text-align:center}.leaderboard-podium-card:hover,.leaderboard-row:hover{z-index:8}.leaderboard-podium-card.place-1{order:2}.leaderboard-podium-card.place-2{order:1}.leaderboard-podium-card.place-3{order:3}.leaderboard-avatar{width:46px;height:46px;flex:0 0 auto;border:2px solid rgba(122,162,202,0.45);border-radius:50%;object-fit:cover;background:#17304d}.leaderboard-avatar.is-large,.leaderboard-empty-avatar{width:58px;height:58px}.leaderboard-podium-card.place-1 .leaderboard-avatar.is-large{width:70px;height:70px;border-color:#f6c453;box-shadow:0 0 0 6px rgba(246,196,83,0.12)}.leaderboard-avatar-fallback,.leaderboard-empty-avatar{display:grid;place-items:center;color:#eaf5ff;font-weight:950}.leaderboard-empty-avatar{border:2px dashed rgba(122,162,202,0.32);border-radius:50%;color:var(--muted-text,#a9bad0)}.leaderboard-crown{display:grid;place-items:center;height:24px;margin-bottom:2px;color:#f6c453;font-size:1.15rem}.leaderboard-country{display:grid;place-items:center;width:26px;height:20px;margin:-12px -42px 6px 42px;border:2px solid #0b1a2d;border-radius:6px;overflow:hidden;background:#fff;line-height:1}.leaderboard-flag{display:inline-block;width:24px;height:16px;flex:0 0 auto;border-radius:2px;object-fit:cover;vertical-align:-3px;box-shadow:0 0 0 1px rgba(35,55,80,0.16)}.leaderboard-country .leaderboard-flag{width:100%;height:100%;border-radius:0;box-shadow:none}.leaderboard-podium-card strong{max-width:100%;overflow:hidden;font-size:0.88rem;text-overflow:ellipsis;white-space:nowrap}.leaderboard-podium-card small{color:var(--muted-text,#a9bad0);font-size:0.66rem}.leaderboard-podium-card b{margin:7px 0 10px;padding:5px 10px;border:1px solid rgba(67,181,139,0.36);border-radius:999px;color:#78dfba;background:rgba(67,181,139,0.12);font-size:0.78rem}.leaderboard-podium-card b em{font-size:0.62rem;font-style:normal}.leaderboard-podium-step{display:grid;place-items:center;width:100%;height:66px;border:1px solid rgba(122,162,202,0.28);border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#263f64,#172c49);box-shadow:0 -16px 36px rgba(0,0,0,0.12)}.place-1 .leaderboard-podium-step{height:104px;background:linear-gradient(180deg,#5178b5,#28486f)}.place-3 .leaderboard-podium-step{height:50px}.leaderboard-podium-step span{color:#fff;font-size:clamp(1.8rem,5vw,3.2rem);font-weight:950;line-height:1;opacity:0.92}.leaderboard-ranking{margin-top:16px;padding:clamp(16px,3vw,24px);border:1px solid rgba(122,162,202,0.25);border-radius:8px;background:rgba(8,18,32,0.94)}.leaderboard-your-position{display:grid;grid-template-columns:minmax(150px,0.28fr) minmax(0,1fr);align-items:center;gap:18px;margin-top:16px;padding:18px 24px;border:1px solid rgba(246,196,83,0.45);border-radius:8px;background:linear-gradient(100deg,rgba(246,196,83,0.12),rgba(8,18,32,0.94) 42%)}.leaderboard-your-position h2{margin:2px 0 0;font-size:1.2rem}.leaderboard-your-position .leaderboard-row{background:rgba(16,32,53,0.9)}.leaderboard-previous-winners{margin-top:16px;padding:clamp(16px,3vw,24px);border:1px solid rgba(122,162,202,0.25);border-radius:8px;background:rgba(8,18,32,0.94)}.leaderboard-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.leaderboard-ranking-head h2{margin:2px 0 0;font-size:1.35rem}.leaderboard-ranking-head>span{padding:7px 12px;border-radius:999px;color:#78dfba;background:rgba(67,181,139,0.13);font-weight:900}.leaderboard-list{display:grid;gap:8px}.leaderboard-row{position:relative;display:grid;grid-template-columns:86px 46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:10px 14px;border:1px solid rgba(122,162,202,0.2);border-radius:8px;background:rgba(16,32,53,0.78)}.signup-referral-label{display:flex;align-items:baseline;gap:6px}.signup-referral-label small{color:var(--muted);font-size:0.75rem;font-weight:700}.leaderboard-rank-position{display:grid;grid-template-columns:40px 34px;align-items:center;gap:6px}.leaderboard-rank-change{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;font-size:0.75rem;font-weight:950;white-space:nowrap}.leaderboard-rank-change.is-up{color:#52d69e}.leaderboard-rank-change.is-down{color:#ff7181}.leaderboard-rank-change.is-steady{color:#7890aa}.leaderboard-detail-popover{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:20;display:grid;gap:6px;min-width:180px;padding:12px 14px;border:1px solid rgba(122,162,202,0.34);border-radius:8px;color:#eaf5ff;background:rgba(8,18,32,0.97);box-shadow:0 16px 34px rgba(0,0,0,0.32);text-align:left;transform:translate(-50%,6px);opacity:0;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease}.leaderboard-row .leaderboard-detail-popover{right:18px;left:auto;transform:translateY(6px)}.leaderboard-detail-popover::after{position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:inherit;border-right:1px solid rgba(122,162,202,0.34);border-bottom:1px solid rgba(122,162,202,0.34);content:"";transform:translateX(-50%) rotate(45deg)}.leaderboard-row .leaderboard-detail-popover::after{right:30px;left:auto;transform:rotate(45deg)}.leaderboard-podium-card:hover .leaderboard-detail-popover,.leaderboard-row:hover .leaderboard-detail-popover,.leaderboard-podium-card:focus-within .leaderboard-detail-popover,.leaderboard-row:focus-within .leaderboard-detail-popover{opacity:1}.leaderboard-podium-card:hover .leaderboard-detail-popover,.leaderboard-podium-card:focus-within .leaderboard-detail-popover{transform:translate(-50%,0)}.leaderboard-row:hover .leaderboard-detail-popover,.leaderboard-row:focus-within .leaderboard-detail-popover{transform:translateY(0)}.leaderboard-detail-popover strong{color:#78dfba;font-size:0.78rem}.leaderboard-detail-popover span{display:flex;justify-content:space-between;gap:16px;color:#c8d8ea;font-size:0.76rem}.leaderboard-detail-popover span b{color:#fff}.leaderboard-winner-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.leaderboard-winner-card{display:grid;grid-template-columns:34px 46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(122,162,202,0.2);border-radius:8px;background:linear-gradient(135deg,rgba(67,181,139,0.1),rgba(92,141,246,0.1))}.leaderboard-winner-rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#11243d;background:#f6c453;font-size:0.82rem;font-weight:950;line-height:1;text-align:center}.leaderboard-winner-card strong,.leaderboard-winner-card span,.leaderboard-winner-card b{display:block}.leaderboard-winner-card .leaderboard-winner-rank{display:inline-flex}.leaderboard-winner-card .leaderboard-avatar-fallback{display:grid;place-items:center;line-height:1;text-align:center}.leaderboard-winner-card div{min-width:0}.leaderboard-winner-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-winner-card div span{display:flex;align-items:center;gap:6px;margin-top:2px;color:var(--muted-text,#a9bad0);font-size:0.72rem}.leaderboard-winner-card b{color:#78dfba;font-size:0.85rem;white-space:nowrap}.leaderboard-row:nth-child(-n + 3){border-color:rgba(246,196,83,0.26)}.leaderboard-row-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#b9c9dc;background:rgba(122,162,202,0.12);font-weight:950}.leaderboard-student strong,.leaderboard-student span,.leaderboard-row-score strong,.leaderboard-row-score span{display:block}.leaderboard-student span,.leaderboard-row-score span{color:var(--muted-text,#a9bad0);font-size:0.75rem}.leaderboard-student span{display:flex;align-items:center;gap:6px;margin-top:2px}.leaderboard-gate{min-height:360px}.leaderboard-gate-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(67,181,139,0.42);border-radius:50%;color:#78dfba;background:rgba(67,181,139,0.13);font-size:1.4rem;font-weight:950}.leaderboard-row-score{text-align:right}.leaderboard-row-score strong{color:#78dfba;font-size:1.05rem}html:not(.dark-mode) .leaderboard-page{background:linear-gradient(140deg,rgba(67,181,139,0.1),rgba(92,141,246,0.08)),#f4f8fb}html:not(.dark-mode) .leaderboard-league-tab{color:#142942;background:#f7faff}html:not(.dark-mode) .leaderboard-league-tab.is-active{background:color-mix(in srgb,var(--league-color) 18%,#ffffff)}html:not(.dark-mode) .leaderboard-row.is-promotion-zone{background:linear-gradient(90deg,rgba(82,214,158,0.16),#f7faff 42%)}html:not(.dark-mode) .leaderboard-hero,html:not(.dark-mode) .leaderboard-league-panel,html:not(.dark-mode) .leaderboard-league-status,html:not(.dark-mode) .leaderboard-podium,html:not(.dark-mode) .leaderboard-ranking,html:not(.dark-mode) .leaderboard-previous-winners,html:not(.dark-mode) .leaderboard-loading,html:not(.dark-mode) .leaderboard-empty{border-color:rgba(74,96,124,0.2);background:rgba(255,255,255,0.92);box-shadow:0 18px 44px rgba(31,46,69,0.08)}html:not(.dark-mode) .leaderboard-row{border-color:rgba(74,96,124,0.18);background:#f7faff}html:not(.dark-mode) .leaderboard-your-position{border-color:rgba(181,129,12,0.34);background:linear-gradient(100deg,#fff7dc,#ffffff 44%);box-shadow:0 18px 44px rgba(31,46,69,0.08)}html:not(.dark-mode) .leaderboard-detail-popover{border-color:rgba(74,96,124,0.2);color:#142942;background:#ffffff;box-shadow:0 16px 34px rgba(31,46,69,0.14)}html:not(.dark-mode) .leaderboard-detail-popover strong{color:#18785a}html:not(.dark-mode) .leaderboard-detail-popover span{color:#38516f}html:not(.dark-mode) .leaderboard-detail-popover span b{color:#142942}html:not(.dark-mode) .leaderboard-winner-card{border-color:rgba(74,96,124,0.18);color:#142942;background:linear-gradient(135deg,#f7fbff,#edf8f5)}html:not(.dark-mode) .leaderboard-winner-card div span{color:#526b8d}html:not(.dark-mode) .leaderboard-winner-card b{color:#18785a}html:not(.dark-mode) .leaderboard-share-button{color:#176e54;background:rgba(255,255,255,0.94)}html:not(.dark-mode) .leaderboard-share-button img{filter:brightness(0) saturate(100%) invert(35%) sepia(27%) saturate(1171%) hue-rotate(109deg) brightness(94%)}html:not(.dark-mode) .leaderboard-row-rank{color:#334e70;background:#e8f0fa}html:not(.dark-mode) .leaderboard-podium-card{color:#142942}html:not(.dark-mode) .leaderboard-country{border-color:#fff}html:not(.dark-mode) .leaderboard-countdown{background:#fff8e4}html:not(.dark-mode) .leaderboard-join-prompt{border-color:rgba(41,152,112,0.22);background:#eefbf6}html:not(.dark-mode) .leaderboard-join-prompt span{color:#38516f}html:not(.dark-mode) .leaderboard-countdown strong{color:#9b6a00}html:not(.dark-mode) .leaderboard-row-score strong,html:not(.dark-mode) .leaderboard-ranking-head>span,html:not(.dark-mode) .leaderboard-podium-card b{color:#18785a}@media (max-width:700px){.leaderboard-hero{align-items:stretch;flex-direction:column}.leaderboard-hero-actions{align-items:stretch;flex-direction:column}.leaderboard-join-prompt{width:auto}.leaderboard-countdown{min-width:0}.leaderboard-league-heading{align-items:start;flex-direction:column;gap:5px}.leaderboard-league-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-league-tab{min-height:102px}.leaderboard-league-medal{width:56px;height:56px}.leaderboard-podium{gap:7px;min-height:264px;padding:22px 8px 0}.leaderboard-share-button{top:10px;right:10px;width:40px;padding:0;justify-content:center}.leaderboard-share-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.leaderboard-avatar.is-large,.leaderboard-empty-avatar{width:50px;height:50px}.leaderboard-podium-card.place-1 .leaderboard-avatar.is-large{width:60px;height:60px}.leaderboard-country{margin-left:34px;margin-right:-34px}.leaderboard-podium-card strong{font-size:0.82rem}.leaderboard-podium-card small,.leaderboard-podium-card b em{display:none}.leaderboard-podium-card b{padding:6px 8px;font-size:0.76rem}.leaderboard-podium-step{height:72px}.place-1 .leaderboard-podium-step{height:110px}.place-3 .leaderboard-podium-step{height:54px}.leaderboard-row{grid-template-columns:72px 40px minmax(0,1fr) auto;gap:9px;padding-inline:10px}.leaderboard-your-position{grid-template-columns:1fr;padding:16px}.leaderboard-rank-position{grid-template-columns:32px 32px;gap:4px}.leaderboard-rank-change{font-size:0.68rem}.leaderboard-row .leaderboard-detail-popover{right:8px;left:8px;min-width:0;transform:translateY(6px)}.leaderboard-row .leaderboard-detail-popover::after{right:28px}.leaderboard-winner-list{grid-template-columns:1fr}.leaderboard-winner-card{grid-template-columns:34px 40px minmax(0,1fr)}.leaderboard-winner-card b{grid-column:3}.leaderboard-row .leaderboard-avatar{width:40px;height:40px}}.tcf-mock-body{min-height:100vh;background:#eef6f7}.dark-mode .tcf-mock-body{background:#071523}.tcf-mock-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 64px}.tcf-mock-hero,.tcf-mock-results-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:40px;align-items:center;padding:42px;border:1px solid #cbdde4;border-radius:8px;background:#fff;box-shadow:0 18px 48px rgba(23,54,78,.09)}.dark-mode .tcf-mock-hero,.dark-mode .tcf-mock-results-head,.dark-mode .tcf-mock-start-panel,.dark-mode .tcf-mock-result-card,.dark-mode .tcf-mock-points-panel{border-color:#29435c;background:#0d1c2e;color:#eef6ff}.tcf-mock-hero h1,.tcf-mock-results-head h1{max-width:700px;margin:8px 0 14px;color:#10243d;font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:0}.dark-mode .tcf-mock-hero h1,.dark-mode .tcf-mock-results-head h1{color:#f2f7ff}.tcf-mock-hero-copy>p:last-of-type,.tcf-mock-results-head p{max-width:680px;color:#52677f;font-size:18px;line-height:1.65}.dark-mode .tcf-mock-hero-copy>p:last-of-type,.dark-mode .tcf-mock-results-head p{color:#afc1d5}.tcf-mock-total{display:flex;align-items:baseline;gap:12px;margin-top:24px}.tcf-mock-total strong{color:#11866d;font-size:28px}.tcf-mock-total span{color:#60758c}.tcf-mock-sequence{display:grid;gap:8px}.tcf-mock-sequence article{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;min-height:70px;padding:12px 16px;border:1px solid #cfdee7;border-radius:6px;background:#f6fafc}.dark-mode .tcf-mock-sequence article{border-color:#29435c;background:#102237}.tcf-mock-sequence article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#173b60;color:#fff;font-weight:800}.tcf-mock-sequence strong,.tcf-mock-sequence small{display:block}.tcf-mock-sequence small{margin-top:3px;color:#6b7e93}.tcf-mock-sequence b{color:#13866e}.tcf-mock-start-panel,.tcf-mock-points-panel{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:18px;padding:24px 28px;border:1px solid #cbdde4;border-radius:8px;background:#fff}.tcf-mock-start-panel h2{margin:0 0 6px;color:#112942}.tcf-mock-start-panel p{max-width:760px;margin:0;color:#60758c;line-height:1.55}.dark-mode .tcf-mock-start-panel h2{color:#f2f7ff}.dark-mode .tcf-mock-start-panel p{color:#afc1d5}.tcf-mock-start{min-width:240px}.tcf-mock-results-head{grid-template-columns:1fr auto}.tcf-mock-completion-badge{display:grid;width:150px;height:150px;place-content:center;text-align:center;border:10px solid #d8f1e9;border-radius:50%;color:#0b775f}.tcf-mock-completion-badge strong{font-size:38px;line-height:1}.tcf-mock-completion-badge span{margin-top:7px;font-size:12px;font-weight:800}.tcf-mock-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.tcf-mock-result-card{display:grid;min-height:190px;padding:22px;border:1px solid #cbdde4;border-top:5px solid #36b28c;border-radius:7px;background:#fff}.tcf-mock-result-card.is-reading{border-top-color:#4d83d1}.tcf-mock-result-card.is-writing{border-top-color:#efb942}.tcf-mock-result-card.is-speaking{border-top-color:#df6b79}.tcf-mock-result-card span,.tcf-mock-result-card small{display:block}.tcf-mock-result-card small{margin-top:3px;color:#6f8195}.tcf-mock-result-card>strong{align-self:end;color:#10243d;font-size:42px}.dark-mode .tcf-mock-result-card>strong{color:#f2f7ff}.tcf-mock-result-card>strong em{margin-left:3px;font-size:16px;font-style:normal;color:#6b7e93}.tcf-mock-result-card>b{justify-self:start;padding:5px 11px;border-radius:999px;background:#dcf3eb;color:#08735a}.mock-review-open{margin-right:10px}.mock-exam-review{margin-top:28px;padding-top:26px;border-top:1px solid #c9d8e5;text-align:left}.mock-exam-review-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.mock-exam-review-head h2{margin:3px 0 0}.mock-review-tabs{display:flex;gap:7px}.mock-review-tabs button{min-height:42px;padding:0 18px;border:1px solid #b9cddd;border-radius:6px;background:transparent;color:inherit;font-weight:900;cursor:pointer}.mock-review-tabs button.is-active{border-color:#3b9d7d;background:#3b9d7d;color:#fff}.mock-review-exam-card{padding:0;overflow:hidden}.mock-review-exam-card .practice-test-head{padding:20px 22px}.mock-review-question-nav{display:grid;grid-template-columns:repeat(13,minmax(28px,1fr));gap:6px;padding:12px 22px;border-block:1px solid #d4e0e9;background:#f5f8fb}.mock-review-question-nav .question-jump{width:100%;min-width:0;height:34px}.mock-review-question-nav .question-jump.is-review-correct{border-color:#69bfa3}.mock-review-question-nav .question-jump.is-review-wrong{border-color:#e0949e;color:#ad3445}.mock-review-question-nav .question-jump.is-active{color:#fff}.mock-review-verdict{margin-bottom:12px;padding:9px 12px;border-radius:5px;font-weight:900}.mock-review-verdict.is-correct{background:#def4eb;color:#147657}.mock-review-verdict.is-wrong{background:#fae5e8;color:#ad3445}.mock-review-option{position:relative;cursor:default}.mock-review-option small{margin-left:auto;padding-left:10px;color:inherit;font-weight:900;white-space:nowrap}.mock-review-option.is-review-correct{border-color:#43aa84;background:#def4eb;color:#116b50}.mock-review-option.is-review-wrong{border-color:#d86574;background:#fae5e8;color:#a42e3e}.mock-review-audio{width:min(420px,100%);margin-top:12px}.mock-review-writing-list{display:grid;gap:14px}.mock-review-writing-task{padding:20px;border:1px solid #c8d8e5;border-left:5px solid #efb942;border-radius:7px;background:#f9fbfd}.mock-review-writing-task>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mock-review-writing-task header span,.mock-review-written-answer>span{color:#63778e;font-size:12px;font-weight:900;text-transform:uppercase}.mock-review-writing-task h4{margin:7px 0 0;font-size:17px;font-weight:400;line-height:1.55}.mock-review-writing-task>header b{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#fff3cf;color:#8a6200}.mock-review-written-answer{margin-top:16px;padding:16px;border-radius:6px;background:#eef4f8}.mock-review-written-answer p{margin-bottom:0;line-height:1.7;white-space:pre-wrap}.dark-mode .mock-exam-review{border-top-color:#29445e}.dark-mode .mock-review-tabs button{border-color:#35516d}.dark-mode .mock-review-question-nav{border-color:#29445e;background:#0b192a}.dark-mode .mock-review-verdict.is-correct,.dark-mode .mock-review-option.is-review-correct{background:#14382f;color:#7ce0bc}.dark-mode .mock-review-verdict.is-wrong,.dark-mode .mock-review-option.is-review-wrong{background:#38212c;color:#ff9eaa}.dark-mode .mock-review-writing-task{border-color:#304c67;background:#0d1d31}.dark-mode .mock-review-written-answer{background:#13283d}@media (max-width:700px){.mock-exam-review-head{align-items:stretch;flex-direction:column}.mock-review-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.mock-review-tabs button{padding:0 8px}.mock-review-question-nav{grid-template-columns:repeat(7,minmax(28px,1fr));padding-inline:14px}.mock-review-option{align-items:flex-start;flex-direction:column}.mock-review-option small{margin-left:0;padding:4px 0 0}}.tcf-mock-points-panel{justify-content:flex-start}.tcf-mock-points-panel>div{margin-right:auto}.tcf-mock-points-panel span,.tcf-mock-points-panel small{display:block}.tcf-mock-points-panel strong{display:block;margin:3px 0;color:#108168;font-size:26px}.tcf-mock-progress{overflow:hidden;width:100%;height:9px;border-radius:999px;background:#dce8ed}.tcf-mock-progress span{display:block;height:100%;border-radius:inherit;background:#3eb38e}.tcf-mock-resume{margin-top:20px}.tcf-mock-section-complete{display:grid;justify-items:center;gap:12px;max-width:820px;margin:8vh auto 120px;padding:48px;text-align:center}.tcf-mock-section-complete .tcf-mock-progress{max-width:520px;margin:12px 0}.tcf-mock-section-check{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#d9f3e9;color:#08735a;font-size:30px;font-weight:900}@media (max-width:800px){.tcf-mock-main{width:min(100% - 20px,680px);padding-top:18px}.tcf-mock-hero,.tcf-mock-results-head{grid-template-columns:1fr;gap:24px;padding:24px}.tcf-mock-hero h1,.tcf-mock-results-head h1{font-size:38px}.tcf-mock-start-panel,.tcf-mock-points-panel{align-items:stretch;flex-direction:column}.tcf-mock-start,.tcf-mock-points-panel .btn{width:100%}.tcf-mock-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcf-mock-completion-badge{width:116px;height:116px}}@media (max-width:480px){.tcf-mock-results-grid{grid-template-columns:1fr}.tcf-mock-result-card{min-height:150px}.tcf-mock-sequence article{grid-template-columns:38px 1fr}.tcf-mock-sequence article>b{grid-column:2}.tcf-mock-section-complete{padding:28px 18px}}.referral-result-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;background:rgba(2,12,25,0.68);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.referral-result-card{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:30px;border:1px solid #31516d;border-radius:8px;background:#0d1d31;color:#edf5ff;box-shadow:0 24px 70px rgba(0,0,0,0.38);text-align:center}.referral-result-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px}.referral-result-icon img{display:block;width:100%;height:100%;object-fit:contain}.referral-result-eyebrow{margin:0 0 8px;color:#62d2aa;font-size:12px;font-weight:900}.referral-result-card h2{margin:0 0 12px;font-size:clamp(24px,5vw,34px);line-height:1.15}.referral-result-card>p:not(.referral-result-eyebrow){margin:0;color:#b9c9dc;line-height:1.6}.referral-result-code{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 12px;padding:13px 16px;border:1px solid #2e5e62;border-radius:6px;background:#102b32;text-align:left}.referral-result-code span{color:#a9c3c9;font-size:13px}.referral-result-code strong{color:#70e0b7;letter-spacing:1px}.referral-result-status{display:block;min-height:20px;color:#ffd45c}.referral-result-actions{display:flex;justify-content:center;gap:10px;margin-top:14px}body.light-mode .referral-result-modal{background:rgba(22,42,61,0.42)}body.light-mode .referral-result-card{border-color:#bfd1df;background:#fff;color:#14253f}body.light-mode .referral-result-card>p:not(.referral-result-eyebrow){color:#52657b}body.light-mode .referral-result-code{border-color:#b8ded2;background:#edf9f5}body.light-mode .referral-result-code span{color:#536c72}body.light-mode .referral-result-code strong{color:#087759}@media (max-width:560px){.referral-result-card{padding:22px 18px}.referral-result-actions{flex-direction:column}.referral-result-actions .btn{width:100%}.referral-result-code{align-items:flex-start;flex-direction:column;gap:4px}}.studio-page{padding:clamp(42px,7vw,82px) clamp(18px,4vw,64px)}.studio-heading{max-width:980px;margin:0 auto 24px}.studio-form{display:grid;gap:18px;max-width:1120px;margin:0 auto}.studio-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 14px 34px rgba(24,38,58,0.08)}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-grid label{display:grid;gap:7px;color:var(--navy);font-size:0.9rem;font-weight:900}.studio-grid input,.studio-grid select,.studio-grid textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--white);font:inherit}.studio-grid textarea{padding-top:12px;resize:vertical}.studio-grid small{color:var(--muted);font-weight:700}.studio-top-save{align-self:end;min-height:44px;width:100%}.studio-month-manager{display:flex;flex-wrap:wrap;align-items:end;gap:8px;align-self:end}.studio-month-manager .btn{min-height:44px;padding:0 14px;font-size:0.84rem}.studio-month-manager .btn-danger:disabled{cursor:not-allowed;opacity:0.42}.studio-ai-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid rgba(59,143,117,0.18);border-radius:12px;background:#f5fbf8}.studio-ai-actions .btn:disabled{cursor:not-allowed;opacity:0.52;transform:none}.studio-sheet-sync{display:grid;gap:14px}.studio-sheet-sync p,.studio-sheet-sync small{margin:0;color:var(--muted);line-height:1.55}.studio-wide{grid-column:1 / -1}.writing-sheet-panel{display:grid;gap:16px}.writing-sheet-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}.writing-studio-sheet{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.writing-series-sheet{min-width:1080px}.writing-studio-sheet th,.writing-studio-sheet td{border:1px solid var(--line);vertical-align:top}.writing-studio-sheet th{padding:10px 12px;color:var(--green);background:#eef7f3;font-size:0.78rem;font-weight:950;text-align:left;text-transform:uppercase}.writing-studio-sheet th:first-child,.writing-studio-sheet td:first-child{width:88px;text-align:center}.writing-studio-sheet th:last-child,.writing-studio-sheet td:last-child{width:78px;text-align:center}.writing-series-sheet th:first-child,.writing-series-sheet td:first-child{width:76px}.writing-series-sheet th:last-child,.writing-series-sheet td:last-child{width:72px}.writing-sheet-number{padding:16px 8px;color:var(--navy);background:#f7fafc;font-weight:950}.writing-studio-sheet textarea{display:block;width:100%;min-height:96px;padding:12px;border:0;border-radius:0;color:var(--ink);background:transparent;font:inherit;line-height:1.5;resize:vertical}.writing-studio-sheet textarea:focus{outline:3px solid rgba(59,143,117,0.18);outline-offset:-3px;background:rgba(59,143,117,0.05)}.writing-studio-sheet .studio-delete-card{margin:12px auto}.writing-sheet-add{min-height:88px}.listening-auto-import{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid rgba(59,143,117,0.2);border-radius:14px;background:#f4fbf8}.listening-auto-import h4,.listening-auto-import p,.listening-answer-key-head h3,.listening-answer-key-head p{margin:0}.listening-auto-import p,.listening-answer-key-head p{color:var(--muted);line-height:1.5}.listening-answer-key-panel{display:grid;gap:16px}.listening-answer-key-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.listening-answer-key-head strong{padding:8px 12px;border-radius:999px;color:var(--navy);background:#edf4f1;font-weight:950;white-space:nowrap}.listening-answer-key-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px}.listening-answer-key-grid button,.listening-answer-key-choices button{min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--navy);background:var(--white);font:inherit;font-weight:950;cursor:pointer}.listening-answer-key-grid button{display:grid;place-items:center;gap:2px;padding:6px}.listening-answer-key-grid button small{color:var(--green);font-size:0.7rem;font-weight:950}.listening-answer-key-grid button.is-active,.listening-answer-key-choices button.is-selected{color:#07111f;border-color:rgba(59,143,117,0.6);background:var(--green)}.listening-answer-key-grid button.is-active small{color:#07111f}.listening-answer-key-choices{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:10px}.listening-answer-editor{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,0.68)}.listening-answer-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.listening-answer-editor-head strong{color:var(--navy);font-weight:950}.listening-answer-editor-head span{color:var(--muted);font-weight:800;font-size:0.9rem}.listening-answer-editor-table{display:grid;gap:8px}.listening-answer-editor-row{display:grid;grid-template-columns:44px 34px minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:8px;border:1px solid rgba(28,48,78,0.12);border-radius:12px;background:var(--white)}.listening-answer-editor-letter{display:grid;min-height:34px;place-items:center;border-radius:10px;color:var(--green);background:rgba(59,143,117,0.1);font-weight:950}.listening-answer-editor-radio{width:18px;height:18px;accent-color:var(--green)}.listening-answer-editor-input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;color:var(--navy);background:#ffffff;font:inherit;font-weight:850;padding:8px 10px}.reading-answer-panel{display:grid;gap:16px}.reading-question-grid button.is-filled:not(.is-active){border-color:rgba(59,143,117,0.42);background:rgba(59,143,117,0.08)}.reading-selected-editor{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,0.68)}.reading-selected-editor label{display:grid;gap:8px;margin:0;color:var(--muted);font-size:0.8rem;font-weight:950}.reading-panel-field{width:100%;border:1px solid var(--line);border-radius:12px;color:var(--navy);background:#ffffff;font:inherit;font-weight:750;padding:10px 12px}textarea.reading-panel-field{min-height:180px;resize:vertical;line-height:1.55}.listening-card-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,0.85fr);gap:14px;align-items:start}.listening-card-main{min-width:0}.studio-saved-picture{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center;margin-top:8px;padding:8px;border:1px solid rgba(76,184,144,0.28);border-radius:12px;background:rgba(76,184,144,0.08)}.studio-saved-picture img{width:74px;height:54px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,0.14)}.studio-saved-picture small{color:var(--muted);font-weight:800;overflow-wrap:anywhere}.listening-answer-sheet{display:grid;gap:8px;color:var(--navy);font-weight:900}.listening-answer-sheet>span{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.listening-answer-sheet table{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white)}.listening-answer-sheet td{border:1px solid var(--line);padding:8px}.listening-answer-sheet td:first-child{width:48px;text-align:center}.listening-answer-sheet td:nth-child(2){width:48px;color:var(--green);text-align:center;font-weight:950}.listening-answer-sheet input[type="radio"]{width:18px;height:18px;accent-color:var(--green)}.listening-answer-sheet.is-letter-answer-sheet td:first-child{width:54px;color:var(--green);font-weight:950;text-align:center}.listening-answer-sheet.is-letter-answer-sheet td:nth-child(2){width:auto;color:var(--navy);text-align:left;font-weight:900}.listening-answer-sheet.is-letter-answer-sheet label{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px}.listening-answer-sheet .option-input{min-height:38px;width:100%;border:0;background:transparent}.listening-answer-sheet .option-input:focus{outline:3px solid rgba(59,143,117,0.18);background:rgba(59,143,117,0.05)}.listening-card-layout .listening-answer-sheet{align-self:stretch}.exercise-editor{display:grid;gap:16px}.exercise-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.exercise-editor-head h3{margin:0}.exercise-editor-head span{padding:6px 10px;border-radius:999px;color:var(--navy);background:#edf4f1;font-weight:900}.exercise-editor-head .studio-add-top{display:inline-grid;flex:0 0 42px;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(59,143,117,0.45);border-radius:8px;color:#071b31;background:#4cb391;box-shadow:0 8px 18px rgba(59,143,117,0.2);cursor:pointer}.exercise-editor-head .studio-add-top span{padding:0;color:inherit;background:transparent;font-size:1.65rem;line-height:1}.exercise-editor-head .studio-add-top:hover,.exercise-editor-head .studio-add-top:focus-visible{background:#61c3a3;transform:translateY(-1px)}.exercise-editor-head .studio-add-top:focus-visible{outline:3px solid rgba(76,179,145,0.28);outline-offset:2px}.studio-actions{display:flex;flex-wrap:wrap;gap:10px}.studio-issue-heading,.studio-issue-card-head,.studio-ai-review-head,.studio-issue-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.studio-issue-heading p,.studio-issue-card p{margin:0;line-height:1.55}.studio-issue-heading h3,.studio-issue-card h3,.studio-issue-card h4{margin:0}.studio-issue-list{display:grid;gap:14px}.studio-issue-card{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 12px 28px rgba(24,38,58,0.07)}.studio-issue-card.status-fixed{border-color:rgba(59,143,117,0.48)}.studio-issue-skill,.studio-issue-status{display:inline-flex;width:fit-content;padding:5px 9px;border-radius:999px;color:#176d58;background:#e5f6ef;font-size:0.76rem;font-weight:900;text-transform:capitalize}.studio-issue-status{color:#8a5a00;background:#fff4d4}.studio-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-issue-grid section,.studio-issue-source,.studio-ai-review{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fbfd}.studio-issue-source p{max-height:150px;overflow:auto;white-space:pre-wrap}.studio-issue-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}.studio-issue-options li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:46px;padding:9px 11px;border:1px solid var(--line);border-radius:8px}.studio-issue-options li.is-current-answer{border-color:#e2ad2f;background:#fff8e5}.studio-ai-review{border-color:rgba(59,143,117,0.36);background:#f2fbf7}.studio-ai-review-head div{display:grid;gap:2px}.studio-ai-review-head strong{text-transform:capitalize}.studio-ai-review blockquote{padding:10px 12px;margin:0;border-left:3px solid #4cb391;color:var(--muted);background:rgba(76,179,145,0.07)}.studio-answer-change{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px}.studio-answer-change>div{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.studio-answer-change>div.is-proposed-change{border-color:#4cb391;background:#e9f8f2}.studio-answer-change>span{align-self:center;font-size:1.25rem}.studio-issue-actions{justify-content:flex-end}.studio-issue-actions .btn:disabled{cursor:not-allowed;opacity:0.45}.studio-closed-issues{margin-top:18px}.studio-closed-issues summary{margin-bottom:12px;cursor:pointer;font-weight:900}.studio-issue-empty{text-align:center}body.dark-mode .studio-issue-card,body.dark-mode .studio-answer-change>div{color:#eef6ff;border-color:rgba(58,79,108,0.8);background:#0d1829}body.dark-mode .studio-issue-grid section,body.dark-mode .studio-issue-source{border-color:rgba(58,79,108,0.8);background:#101c2e}body.dark-mode .studio-ai-review{border-color:rgba(76,179,145,0.42);background:#10251f}body.dark-mode .studio-issue-options li{border-color:rgba(58,79,108,0.8)}body.dark-mode .studio-issue-options li.is-current-answer{background:rgba(255,217,90,0.12)}body.dark-mode .studio-answer-change>div.is-proposed-change{background:rgba(76,179,145,0.13)}@media (max-width:720px){.studio-issue-heading,.studio-issue-card-head,.studio-ai-review-head{align-items:flex-start;flex-direction:column}.studio-issue-grid,.studio-issue-options{grid-template-columns:1fr}.studio-answer-change{grid-template-columns:1fr}.studio-answer-change>span{justify-self:center;transform:rotate(90deg)}}.practice-test-body{min-height:100vh;min-height:100dvh;padding-bottom:calc(118px + env(safe-area-inset-bottom));background:var(--paper);overflow-x:hidden}@media (max-width:760px){.practice-workspace,.practice-workspace.is-listening,.practice-workspace.is-reading{grid-template-columns:minmax(0,1fr) !important;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.practice-workspace.is-listening .practice-audio-center,.practice-workspace.is-reading .practice-reading-panel,.practice-workspace.is-listening .practice-question-block,.practice-workspace.is-reading .practice-question-block{order:initial;position:static;width:100%;max-width:100%;min-width:0}.practice-test-card,.practice-audio-center,.practice-reading-panel,.practice-question-block,.practice-answer-grid{max-width:100%;min-width:0}.practice-bottom-inner{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-height:520px) and (orientation:landscape){.practice-workspace,.practice-workspace.is-listening,.practice-workspace.is-reading{grid-template-columns:minmax(0,1fr) !important}}@media (max-width:760px){html,body,.practice-test-body{max-width:100%;overflow-x:hidden}.practice-test-main{width:100%;max-width:100vw;padding:10px 8px 22px;overflow-x:hidden}.practice-stage,.practice-test-card{width:100%;max-width:100%;min-width:0}.practice-test-card{gap:10px;padding:12px;border-radius:14px}.practice-test-head{display:grid;gap:8px}.practice-test-head h2{font-size:clamp(1rem,5vw,1.28rem);line-height:1.15}.practice-test-head>span{justify-self:start;max-width:100%;font-size:0.82rem}.practice-workspace,.practice-workspace.is-listening,.practice-workspace.is-reading{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;gap:10px}.practice-workspace.is-listening .practice-audio-center,.practice-workspace.is-reading .practice-reading-panel,.practice-workspace.is-listening .practice-question-block,.practice-workspace.is-reading .practice-question-block{order:initial;position:static;width:100%;max-width:100%;min-width:0}.practice-audio-center,.practice-reading-panel,.practice-question-block{padding:12px;border-radius:14px}.practice-audio-center{gap:9px}.practice-play-audio{width:min(100%,184px);min-width:0;min-height:38px}.practice-test-audio,.practice-test-image,.practice-test-placeholder,.practice-inline-transcript{width:100%;max-width:100%}.practice-test-audio{height:36px}.practice-test-image{max-height:170px}.practice-question-block{gap:8px}.practice-question-block h3{font-size:0.95rem;line-height:1.2}.practice-answer-grid{gap:7px}.practice-answer{min-height:42px;padding:8px 10px;border-radius:11px;font-size:0.86rem}.practice-answer span{overflow-wrap:anywhere}.practice-bottom-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 7px calc(8px + env(safe-area-inset-bottom))}.practice-timer{min-width:48px;gap:1px}.practice-timer span{font-size:0.55rem}.practice-timer strong{font-size:0.86rem}.question-jump-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:5px;width:100%;max-width:100%;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.question-jump-list::-webkit-scrollbar{display:none}.question-jump{flex:0 0 auto;width:29px;height:29px;border-radius:9px;font-size:0.72rem}.practice-bottom-actions{display:contents}.practice-bottom-actions .btn,#submitPractice{min-width:0;min-height:34px;padding:0 10px;border-radius:12px;font-size:0.78rem}}@media (max-height:520px) and (orientation:landscape){.practice-workspace,.practice-workspace.is-listening,.practice-workspace.is-reading{grid-template-columns:minmax(0,1fr);gap:8px}.practice-test-card{padding:9px}.practice-audio-center,.practice-reading-panel,.practice-question-block{padding:9px}.practice-test-audio{height:32px}.practice-answer{min-height:34px;padding:6px 9px;font-size:0.78rem}.practice-bottom-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:5px;padding:5px 7px calc(6px + env(safe-area-inset-bottom))}.question-jump{width:27px;height:27px}}.practice-test-main{padding:clamp(24px,4vw,48px) clamp(18px,4vw,48px)}.practice-stage{max-width:1120px;margin:0 auto}.practice-test-card,.transcript-card{border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.practice-test-card{display:grid;gap:18px;padding:clamp(18px,3vw,28px)}.practice-test-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.practice-test-head h2{margin-bottom:0;font-size:clamp(1.35rem,2.2vw,1.9rem)}.practice-test-head>span{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:var(--navy);background:#edf4f1;font-weight:900}.practice-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,0.82fr);align-items:start;gap:clamp(18px,3vw,28px)}.practice-workspace.is-listening,.practice-workspace.is-reading{grid-template-columns:minmax(390px,1fr) minmax(320px,0.72fr)}.practice-audio-center{display:grid;justify-items:center;gap:12px;padding:clamp(16px,3vw,26px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#f8fbfd 0%,#ffffff 100%)}.practice-test-audio{width:min(100%,620px)}.practice-workspace.is-listening .practice-audio-center,.practice-workspace.is-reading .practice-reading-panel{order:1}.practice-play-audio{min-width:180px}.practice-test-image{width:min(100%,500px);max-height:280px;border-radius:14px;object-fit:contain;background:#f8faf6}.practice-test-placeholder{width:min(100%,620px);padding:22px;border:1px dashed rgba(99,112,131,0.42);border-radius:16px;color:var(--muted);background:#f8faf6;font-weight:900;text-align:center}.practice-inline-transcript{width:min(100%,620px);max-height:180px;overflow-y:auto;padding:16px 18px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#ffffff;line-height:1.75;text-align:left}.practice-transcript-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--green);font-size:0.78rem;font-weight:900;text-transform:uppercase}.practice-transcript-tools>div{display:inline-flex;gap:8px}.practice-inline-transcript p{margin:0}.practice-reading-panel{display:grid;gap:10px;width:100%;padding:clamp(16px,3vw,24px);border:1px solid rgba(59,143,117,0.22);border-radius:16px;color:var(--ink);background:rgba(255,255,255,0.76);box-shadow:inset 0 1px 0 rgba(255,255,255,0.58)}.practice-reading-panel span{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.practice-reading-panel p{margin:0;font-size:clamp(1rem,2vw,1.12rem);font-weight:400;line-height:1.75;white-space:pre-wrap}.practice-question-block{display:grid;gap:12px;position:sticky;top:104px;align-self:start;padding:clamp(14px,2vw,20px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)}.practice-workspace.is-listening .practice-question-block,.practice-workspace.is-reading .practice-question-block{order:2;position:sticky;top:104px;width:100%}.practice-workspace.is-listening .practice-answer-grid,.practice-workspace.is-reading .practice-answer-grid{grid-template-columns:1fr}.practice-question-block h3{margin:0;font-size:1.08rem}.practice-reading-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.practice-reading-text-tools{flex:0 0 auto;align-self:center;margin:0}.practice-question-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.practice-question-title-row h3{min-width:0;flex:1 1 auto;margin:0;line-height:1.35}.practice-question-corner-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.practice-report-question{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,var(--red) 48%,var(--line));border-radius:10px;color:var(--red);background:color-mix(in srgb,var(--red) 9%,var(--white));font-size:1.15rem;line-height:1;cursor:pointer;transition:transform 160ms ease,background 160ms ease,color 160ms ease}.practice-report-question:hover,.practice-report-question:focus-visible{color:var(--white);background:var(--red);transform:translateY(-1px)}.question-report-modal{width:min(100%,520px)}.question-report-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:12px;color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--white));font-size:1.4rem}.question-report-copy{margin:8px 0 14px;color:var(--muted)}.question-report-reference{margin:0 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--white) 92%,var(--line));font-weight:800}.question-report-field{display:grid;gap:8px;color:var(--text);font-weight:800}.question-report-field textarea{width:100%;min-height:130px;resize:vertical;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--white);font:inherit;line-height:1.5}.question-report-field textarea:focus{border-color:var(--green);outline:3px solid color-mix(in srgb,var(--green) 18%,transparent)}.question-report-message{min-height:24px;margin:10px 0 0}.question-report-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}body.dark-mode .practice-report-question,body.dark-mode .question-report-icon{background:color-mix(in srgb,var(--red) 16%,#101c2e)}@media (max-width:560px){.question-report-actions{display:grid;grid-template-columns:1fr 1fr}.question-report-actions .btn{width:100%}}.practice-question-title-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%}.practice-reading-question-tools{flex:0 0 auto;align-self:flex-start;margin:0}.practice-reveal-answer{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,#f2b705 72%,var(--line));border-radius:10px;background:#ffd95a;cursor:pointer;transition:transform 160ms ease,background 160ms ease,box-shadow 160ms ease}.practice-reveal-answer img{width:19px;height:19px;object-fit:contain}.practice-reveal-answer:hover,.practice-reveal-answer:focus-visible,.practice-reveal-answer.is-active{background:#ffca28;box-shadow:0 7px 16px rgba(242,183,5,0.24);transform:translateY(-1px)}.practice-save-question{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,var(--green) 55%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--green) 78%,#173657);cursor:pointer;transition:transform 160ms ease,background 160ms ease,box-shadow 160ms ease}.practice-save-question img{width:18px;height:18px;object-fit:contain}.practice-save-question:hover,.practice-save-question:focus-visible,.practice-save-question.is-saved{background:#2f9f78;box-shadow:0 7px 16px rgba(47,159,120,0.24);transform:translateY(-1px)}.practice-save-question.is-saved{outline:2px solid color-mix(in srgb,var(--green) 35%,transparent)}.practice-revealed-answer{margin:-2px 0 0;color:var(--green);font-weight:800}.practice-answer-grid{display:grid;gap:9px}.practice-answer{display:grid;grid-template-columns:1fr;align-items:center;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--white);font:inherit;text-align:left;cursor:pointer}.practice-answer span{color:inherit;font-weight:400;line-height:1.45}.practice-answer.is-selected{border-color:rgba(223,180,93,0.62);background:linear-gradient(135deg,#fff7da 0%,#fde7a8 100%)}.practice-answer.is-correct{color:#ffffff;border-color:rgba(59,143,117,0.78);background:linear-gradient(135deg,#2f7d66 0%,var(--green) 100%)}.practice-answer.is-wrong{color:#ffffff;border-color:rgba(191,78,92,0.75);background:linear-gradient(135deg,#8f2432 0%,var(--red) 100%)}.practice-answer:disabled{cursor:default;opacity:1}@media (max-width:620px){.practice-question-title-row{align-items:flex-start}.practice-question-title-actions{width:100%;justify-content:flex-start;flex-wrap:nowrap}.practice-reveal-answer{width:38px}}.practice-question-actions{display:flex;justify-content:flex-end;gap:10px}.practice-question-actions .btn:disabled{cursor:not-allowed;opacity:0.55}.practice-result-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(59,143,117,0.36);border-radius:16px;background:#f2fbf7}.practice-result-banner strong{color:var(--green);font-size:2.4rem;line-height:1}.practice-result-banner span{color:var(--ink);font-weight:900}.result-card{gap:28px}.result-overview{display:grid;grid-template-columns:minmax(190px,240px) minmax(150px,190px) 1fr;align-items:center;gap:clamp(18px,4vw,36px)}.score-ring{display:grid;place-items:center;align-content:center;gap:6px;aspect-ratio:1;border-radius:50%;color:var(--navy);--score-color:var(--green);background:radial-gradient(circle at center,var(--white) 58%,transparent 60%),conic-gradient(var(--score-color) 0 var(--score-percent),#dfe7ef var(--score-percent) 100%);box-shadow:inset 0 0 0 1px rgba(24,38,58,0.08)}.score-ring.middle{--score-color:var(--gold)}.score-ring.low{--score-color:var(--red)}.score-ring strong{font-size:clamp(2.3rem,7vw,4.5rem);line-height:1}.score-ring span{color:var(--muted);font-weight:950;text-transform:uppercase}.result-level-card{display:grid;place-items:center;align-content:center;gap:6px;min-height:132px;padding:18px;border:1px solid rgba(59,143,117,0.32);border-radius:16px;background:rgba(76,184,144,0.1);color:var(--navy)}.result-level-card span,.result-level-card small{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.result-level-card strong{font-size:clamp(2rem,5vw,3.3rem);line-height:1}.result-level-card small{font-size:1.4rem}.result-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-stat-grid article{display:grid;gap:6px;min-height:112px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}.result-stat-grid span{color:var(--navy);font-size:2rem;font-weight:950;line-height:1}.result-stat-grid strong{color:var(--muted);font-size:0.78rem;text-transform:uppercase}.result-instructions{display:grid;gap:6px;padding:18px;border:1px solid rgba(223,180,93,0.34);border-left:4px solid var(--gold);border-radius:16px;background:#fffaf0}.result-instructions h3,.result-instructions p{margin:0}.answer-review-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}.answer-review-panel div{display:grid;gap:5px}.answer-review-panel span{color:var(--muted);font-size:0.78rem;font-weight:950;text-transform:uppercase}.answer-review-panel strong{font-size:1rem}.answer-review-panel.is-correct{border-color:rgba(59,143,117,0.4)}.answer-review-panel.is-wrong{border-color:rgba(191,78,92,0.4)}.submit-confirm-modal,.session-confirm-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(21,34,56,0.62);backdrop-filter:blur(12px)}.submit-confirm-card,.session-confirm-card{width:min(100%,520px);display:grid;gap:16px;padding:clamp(24px,5vw,34px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.submit-confirm-card h2,.submit-confirm-card p,.session-confirm-card h2,.session-confirm-card p{margin:0}.submit-confirm-actions,.session-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.transcript-modal{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;padding:18px;background:rgba(21,34,56,0.62);backdrop-filter:blur(12px)}.transcript-modal[hidden]{display:none}.transcript-card{position:relative;width:min(100%,560px);padding:30px}.transcript-card p:last-child{margin-bottom:0;color:var(--ink);line-height:1.8}.practice-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:rgba(244,248,251,0.94);backdrop-filter:blur(18px);box-shadow:0 -18px 46px rgba(24,38,58,0.12)}.practice-progress-track{height:8px;background:#dfe7ef;overflow:hidden}.practice-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));transition:width 220ms ease}.practice-bottom-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px clamp(18px,4vw,64px)}.practice-bottom-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.practice-timer{display:grid;gap:2px;min-width:74px}.practice-timer span{color:var(--muted);font-size:0.72rem;font-weight:900;text-transform:uppercase}.practice-timer strong{color:var(--red);font-size:1.28rem}.question-jump-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.question-jump{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#edf0f4;font:inherit;font-size:0.86rem;font-weight:950;cursor:pointer}.question-jump.answered{border-color:rgba(223,180,93,0.58);background:linear-gradient(135deg,#fff3c4 0%,var(--gold) 100%)}.question-jump.correct{color:#ffffff;border-color:rgba(59,143,117,0.64);background:linear-gradient(135deg,#2f7d66 0%,var(--green) 100%)}.question-jump.wrong{color:#ffffff;border-color:rgba(191,78,92,0.68);background:linear-gradient(135deg,#8f2432 0%,var(--red) 100%)}.question-jump.is-current{outline:3px solid rgba(29,49,82,0.2);outline-offset:2px}.practice-layout{display:grid;grid-template-columns:minmax(190px,240px) 1fr;min-height:560px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 18px 46px rgba(24,38,58,0.08);overflow:hidden}.practice-layout.is-listening-complete-only{grid-template-columns:1fr}.practice-tabs{display:grid;align-content:start;gap:8px;padding:16px;border-right:1px solid var(--line);background:linear-gradient(180deg,#eef5f7 0%,#f8fbfc 100%)}.practice-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;width:100%;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--white);color:var(--ink);cursor:pointer;font:inherit;font-size:0.95rem;font-weight:900;text-align:left;transition:border-color 0.18s ease,background 0.18s ease,transform 0.18s ease}.practice-tab:hover,.practice-tab:focus,.practice-tab.is-active{border-color:rgba(59,143,117,0.38);background:#f2fbf7;transform:translateX(2px)}.practice-tab small{color:var(--muted);font-size:0.78rem;font-weight:800}.practice-panels{min-width:0;padding:20px}.practice-panel{display:none}.practice-panel.is-active{display:block}.practice-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.practice-table-header h3{margin:0;font-size:1.35rem}.practice-table-header span{display:grid;place-items:center;min-width:42px;height:30px;border-radius:999px;color:var(--navy);background:linear-gradient(135deg,#edf4f1 0%,#fff6dc 100%);font-size:0.85rem;font-weight:900}.practice-number-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.practice-empty-state{grid-column:1 / -1;padding:22px;border:1px dashed rgba(99,112,131,0.42);border-radius:16px;color:var(--muted);background:#f8faf6;font-weight:850;text-align:center}.practice-card{display:grid;grid-template-columns:minmax(84px,auto);place-items:center;min-height:122px;overflow:hidden;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);cursor:pointer;font:inherit;transition:border-color 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease}.practice-card:has(.practice-card-result){grid-template-columns:1fr;justify-items:center;align-content:center;gap:10px;min-height:156px}.practice-card:hover,.practice-card:focus{border-color:rgba(59,143,117,0.46);box-shadow:0 12px 28px rgba(59,143,117,0.16);transform:translateY(-2px)}.practice-card.is-locked{cursor:pointer;opacity:1}.practice-card.is-locked:hover,.practice-card.is-locked:focus{border-color:rgba(191,78,92,0.48);box-shadow:0 12px 28px rgba(191,78,92,0.15);transform:translateY(-2px)}.number-sphere{display:grid;place-items:center;position:relative;width:74px;height:74px;border:0;border-radius:50%;color:var(--white);background:conic-gradient(#c9eadc 0deg,#c9eadc 360deg);box-shadow:0 12px 24px rgba(59,143,117,0.18)}.number-sphere.has-score{--level-color:var(--green);--level-track:#d9efe7;--level-inner-start:#2f7d66;--level-inner-mid:var(--green);--level-inner-end:#8fd9bd;background:conic-gradient(var(--level-color) calc(var(--score) * 3.6deg),var(--level-track) 0deg)}.number-sphere.has-score.level-a1{--level-color:#ff4d64;--level-track:rgba(255,77,100,0.28);--level-inner-start:#7a2938;--level-inner-mid:#d85468;--level-inner-end:#ff8695}.number-sphere.has-score.level-a2{--level-color:#ff9f1f;--level-track:rgba(255,159,31,0.28);--level-inner-start:#8a5614;--level-inner-mid:#f09a26;--level-inner-end:#ffc36f}.number-sphere.has-score.level-b1{--level-color:#d7ee14;--level-track:rgba(215,238,20,0.26);--level-inner-start:#6b7a1b;--level-inner-mid:#c7dd25;--level-inner-end:#efff75}.number-sphere.has-score.level-b2{--level-color:#6bf04f;--level-track:rgba(107,240,79,0.25);--level-inner-start:#347d38;--level-inner-mid:#61d958;--level-inner-end:#a9f58f}.number-sphere.has-score.level-c1,.number-sphere.has-score.level-c1-c2,.number-sphere.has-score.level-c2{--level-color:#41dc61;--level-track:rgba(65,220,97,0.25);--level-inner-start:#267544;--level-inner-mid:#44c96a;--level-inner-end:#91ee9b}.number-sphere::before{content:"";position:absolute;inset:6px;border-radius:50%;background:linear-gradient(135deg,#2f7d66 0%,var(--green) 52%,#8fd9bd 100%);box-shadow:inset 0 -10px 18px rgba(0,0,0,0.14)}.number-sphere.has-score::before{background:linear-gradient(135deg,var(--level-inner-start) 0%,var(--level-inner-mid) 52%,var(--level-inner-end) 100%)}.practice-card.is-locked .number-sphere{background:conic-gradient(#efd9de 0deg,#efd9de 360deg);color:var(--white)}.practice-card.is-locked .number-sphere::before{background:linear-gradient(135deg,#8f2432 0%,var(--red) 52%,#e18a72 100%);box-shadow:inset 0 -10px 18px rgba(0,0,0,0.14)}.practice-number{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);font-size:1.28rem;font-weight:950;z-index:1}.practice-card:not(.is-locked) .practice-number{top:56%}.practice-card.is-locked .practice-number{top:56%;font-size:1.28rem}.practice-number-label{position:absolute;top:28%;left:50%;z-index:1;transform:translateX(-50%);color:rgba(7,17,31,0.9);font-size:0.54rem;font-weight:650;line-height:1;white-space:nowrap}.practice-level{position:absolute;top:42px;left:50%;z-index:1;transform:translateX(-50%);font-size:0.66rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.practice-card:not(.is-locked) .practice-level{top:44px}.practice-card.is-locked .practice-level{top:44px}.practice-card-result{display:grid;place-items:center;gap:5px;min-width:0;width:100%;max-width:100%;color:#ffffff}.practice-score-label{max-width:100%;color:rgba(255,255,255,0.9);font-size:0.56rem;font-weight:500;line-height:1;white-space:nowrap}.practice-card-result strong{max-width:100%;color:#ffffff;font-size:clamp(0.82rem,0.82vw,1rem);font-weight:500;line-height:1;white-space:nowrap}.practice-card-result small{display:grid;place-items:center;min-width:62px;min-height:34px;padding:6px 12px;border-radius:999px;color:#ffffff;background:var(--level-color,var(--green));box-shadow:0 10px 18px rgba(0,0,0,0.16);font-size:0.95rem;font-weight:500}.practice-card-result.level-a1{--level-color:#ff4d64}.practice-card-result.level-a2{--level-color:#ff9f1f}.practice-card-result.level-b1{--level-color:#d7ee14}.practice-card-result.level-b2{--level-color:#6bf04f}.practice-card-result.level-c1,.practice-card-result.level-c1-c2,.practice-card-result.level-c2{--level-color:#41dc61}@media (max-width:1180px){.practice-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-card:has(.practice-card-result){grid-template-columns:minmax(78px,auto) minmax(86px,auto);gap:16px}.number-sphere{width:78px;height:78px}.practice-card-result strong{font-size:0.98rem}}@media (max-width:760px){.practice-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-card:has(.practice-card-result){grid-template-columns:1fr;gap:10px}.practice-card-result{min-width:0}}@media (min-width:981px){.practice-test-body .site-header{min-height:calc(58px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) clamp(14px,3vw,48px) 8px}.practice-test-body .brand-mark{width:36px;height:36px;border-radius:10px}.practice-test-body .btn{min-height:36px;padding:0 14px;font-size:0.84rem}.practice-test-body .top-nav{padding:4px}.practice-test-body .top-nav a,.practice-test-body .top-nav summary,.practice-test-body .nav-menu-disabled{padding:7px 12px;font-size:0.82rem}.practice-test-main{padding:18px clamp(16px,3vw,42px) 22px}.practice-stage{max-width:960px}.practice-test-card{gap:14px;padding:18px;border-radius:14px}.practice-test-head h2{font-size:clamp(1.18rem,1.8vw,1.55rem)}.practice-test-head>span{padding:5px 9px;font-size:0.78rem}.practice-workspace{gap:16px}.practice-workspace.is-listening,.practice-workspace.is-reading{grid-template-columns:minmax(360px,1fr) minmax(280px,0.68fr)}.practice-audio-center,.practice-reading-panel,.practice-question-block{border-radius:14px}.practice-audio-center{gap:10px;padding:16px}.practice-test-image{width:min(100%,390px);max-height:220px}.practice-test-audio{width:min(100%,420px);height:34px}.practice-play-audio{min-width:138px;min-height:34px}.practice-question-block{gap:9px;top:78px;padding:14px}.practice-question-block h3{font-size:0.98rem}.practice-answer-grid{gap:7px}.practice-answer{min-height:40px;padding:8px 10px;border-radius:11px;font-size:0.86rem}.practice-question-actions .btn{min-height:34px;padding:0 13px}.practice-bottom-inner{gap:12px;padding:8px clamp(16px,3vw,48px)}.practice-timer{min-width:62px}.practice-timer span{font-size:0.62rem}.practice-timer strong{font-size:1.08rem}.question-jump-list{gap:6px}.question-jump{width:27px;height:27px;border-radius:8px;font-size:0.72rem}.question-jump.is-current{outline-width:2px;outline-offset:2px}}@media (max-width:760px){.practice-workspace,.practice-workspace.is-listening,.practice-workspace.is-reading{grid-template-columns:minmax(0,1fr) !important;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.practice-workspace.is-listening .practice-audio-center,.practice-workspace.is-reading .practice-reading-panel,.practice-workspace.is-listening .practice-question-block,.practice-workspace.is-reading .practice-question-block{order:initial;position:static;width:100%;max-width:100%;min-width:0}.practice-test-card,.practice-audio-center,.practice-reading-panel,.practice-question-block,.practice-answer-grid{max-width:100%;min-width:0}.practice-bottom-inner{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-height:520px) and (orientation:landscape){.practice-workspace,.practice-workspace.is-listening,.practice-workspace.is-reading{grid-template-columns:minmax(0,1fr) !important}}.writing-workspace{max-width:1180px;margin:0 auto}.writing-explanations-panel{width:100%}.writing-explanation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.writing-explanation-card{display:grid;gap:12px;padding:18px;border:1px solid rgba(47,77,112,0.4);border-radius:14px;background:rgba(255,255,255,0.72);color:var(--ink)}.writing-explanation-card>span,.writing-explanation-card h4{color:var(--green);font-size:0.76rem;font-weight:900;text-transform:uppercase}.writing-explanation-card h3,.writing-explanation-card h4,.writing-explanation-card p,.writing-explanation-card ul{margin:0}.writing-explanation-card strong{width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(77,176,137,0.16);color:var(--green)}.writing-explanation-card ul{padding-left:18px;color:var(--muted)}body.dark-mode .writing-explanation-card{border-color:rgba(92,126,167,0.55);background:rgba(15,29,48,0.92);color:#f5f8ff}body.dark-mode .writing-explanation-card ul{color:#c8d4e8}@media (max-width:900px){.writing-explanation-grid{grid-template-columns:1fr}}.writing-exam-card,.writing-test-card{display:grid;gap:18px;padding:clamp(20px,4vw,32px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.writing-test-stage{max-width:1120px;margin:0 auto}.writing-test-card>.speaking-panel-head{position:relative;justify-content:center;min-height:74px;padding-right:142px;text-align:center}.writing-test-card>.speaking-panel-head>div:first-child{display:grid;justify-items:center;gap:6px}.writing-top-timer{position:absolute;top:0;right:0;display:grid;gap:2px;min-width:118px;padding:10px 14px;border:1px solid rgba(211,97,115,0.46);border-radius:16px;color:#ffffff;background:rgba(211,97,115,0.16);text-align:left;box-shadow:0 16px 34px rgba(211,97,115,0.12)}.writing-top-timer span{color:#ff9baa;font-size:0.7rem;font-weight:950;text-transform:uppercase}.writing-top-timer strong{color:var(--red);font-size:1.35rem;font-weight:950;line-height:1}.writing-test-card>.writing-practice-head{min-height:auto;padding-right:0}.writing-question-timer{display:grid;gap:3px;width:fit-content;min-width:116px;margin-top:8px;padding:10px 14px;border:1px solid rgba(211,97,115,0.5);border-radius:14px;color:#ffffff;background:rgba(211,97,115,0.14)}.writing-question-timer span{color:#ff9baa;font-size:0.68rem;font-weight:950;text-transform:uppercase}.writing-question-timer strong{color:var(--red);font-size:1.22rem;font-weight:950;line-height:1}.writing-exam-card .speaking-panel-head>span{color:#ffffff;background:var(--red)}.writing-prompt-card{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.writing-prompt-card span,.writing-answer-label{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.writing-prompt-card p{margin:0;color:var(--ink);font-size:1.05rem;line-height:1.75;text-transform:none}.writing-prompt-card small{color:var(--muted);font-weight:850;line-height:1.5}.writing-task3-prompt{display:grid;gap:14px}.writing-task3-title{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;min-height:34px;padding:0 72px;text-align:center}.writing-task3-title p{margin:0;color:var(--ink);font-size:clamp(1rem,2.4vw,1.35rem);font-weight:400;line-height:1.35;text-transform:none}.writing-task3-document{display:grid;gap:8px}.writing-task3-document-head{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:34px}.writing-task3-document-head>span{color:var(--green);font-size:0.9rem;font-weight:950;text-transform:none}.writing-task3-document p{min-height:86px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font-size:1rem;font-weight:400;line-height:1.62}.writing-topic-text-panel .writing-task3-prompt{grid-column:1 / -1;width:100%;gap:10px;padding-top:0}.writing-topic-text-panel .writing-task3-prompt + .writing-topic-tool-stack{position:static}.writing-topic-text-panel .writing-task3-title{justify-content:center;text-align:center}.writing-selection-layout .speaking-question-toggle .writing-task3-title p,.writing-topic-text-panel .writing-task3-title p{display:block;width:auto;min-width:0;height:auto;padding:0;border-radius:0;background:transparent;box-shadow:none;font-size:0.96rem;color:var(--ink);font-weight:400;line-height:1.35;transform:none}.writing-selection-layout .speaking-question-toggle .writing-task3-document-head>span{display:inline;color:var(--green);background:transparent;font-size:0.9rem;font-weight:950;text-transform:none}.writing-selection-layout .speaking-question-toggle .writing-task3-document p{margin:0;color:var(--ink);text-align:left;text-transform:none}.writing-topic-text-panel .writing-task3-document p{min-height:0;padding:10px;font-size:0.92rem;line-height:1.5}.writing-task3-prompt .writing-topic-tool-stack{position:static;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;width:auto;margin-left:auto}.writing-task3-title .writing-topic-tool-stack,.writing-task3-title .test-text-tools{position:absolute;top:50%;right:0;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;width:auto;transform:translateY(-50%)}.writing-selection-layout .speaking-question-toggle .writing-task3-document-head .writing-topic-tool-stack,.writing-task3-document-head .writing-topic-tool-stack{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;grid-column:auto;grid-row:auto;align-self:center;justify-self:end;width:auto;margin:0}.writing-selection-layout .speaking-question-row.is-writing-task3 .writing-topic-text-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;align-content:start;padding-top:14px}.writing-selection-layout .speaking-question-row.is-writing-task3 .writing-list-score{grid-column:1 / -1;grid-row:1;align-self:start;justify-self:start;position:static;width:fit-content}.writing-selection-layout .speaking-question-row.is-writing-task3 .writing-task3-prompt{grid-column:1 / -1;grid-row:2}.writing-answer-label{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:10px;position:relative}.writing-answer-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px}.writing-textarea-shell{position:relative;display:block}.writing-answer-label textarea{width:100%;min-height:256px;resize:vertical;padding:16px 16px 76px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#f8fbfd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;font-size:1rem;line-height:1.7;text-transform:none}.writing-answer-label textarea:focus{outline:none;border-color:rgba(59,143,117,0.72);box-shadow:0 0 0 3px rgba(59,143,117,0.14)}@media (min-width:980px){.writing-test-card{grid-template-columns:minmax(320px,0.44fr) minmax(520px,1fr);align-items:stretch;gap:16px;padding:18px;border-radius:14px}.writing-test-card>.speaking-panel-head,.writing-test-card>.writing-complete-tabs{grid-column:1 / -1}.writing-test-card>.writing-prompt-card{grid-column:1;position:static;max-height:none;overflow:visible;align-self:start}.writing-test-card>.writing-answer-label{grid-column:2;align-self:stretch;min-height:min(62vh,620px);padding:10px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.writing-test-card>.speaking-example-answer,.writing-test-card>.writing-result-actions,.writing-test-card>.writing-ai-loading,.writing-test-card>.writing-ai-status,.writing-test-card>.writing-ai-split{grid-column:1 / -1}.writing-answer-label textarea{min-height:min(54vh,560px);padding:12px 12px 58px;border-radius:11px;font-size:0.9rem;line-height:1.55}.writing-prompt-card{gap:8px;padding:14px;border-radius:14px;background:#f8fbfd}.writing-prompt-card p{font-size:0.92rem;line-height:1.55}.writing-test-stage{max-width:1180px}.writing-test-card .speaking-panel-head h2{font-size:clamp(1.15rem,1.8vw,1.55rem)}}@media (max-width:720px){.writing-test-card>.speaking-panel-head{min-height:0;padding-top:68px;padding-right:0}.writing-top-timer{left:50%;right:auto;min-width:106px;padding:8px 12px;text-align:center;transform:translateX(-50%)}.writing-top-timer strong{font-size:1.12rem}}.writing-textarea-tools{position:absolute;right:14px;bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.writing-font-control{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,0.92);font-size:0.84rem;font-weight:950;white-space:nowrap}.writing-font-control input{width:86px;accent-color:var(--green)}#writingWordCount{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,0.92);font-size:0.92rem;font-weight:950;text-transform:none}#writingWordCount.is-low,#writingWordCount.is-high{color:#ffffff;border-color:var(--red);background:var(--red)}#writingWordCount.is-good{color:#ffffff;border-color:var(--green);background:var(--green)}body.dark-mode #writingWordCount.is-low,body.dark-mode #writingWordCount.is-high{color:#ffffff;border-color:var(--red);background:var(--red)}body.dark-mode .writing-font-control{color:#c9d7e8;background:#17263d;border-color:rgba(58,79,108,0.86)}body.dark-mode #writingWordCount.is-good{color:#ffffff;border-color:var(--green);background:var(--green)}body.dark-mode .speaking-example-answer{background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .speaking-example-answer summary{color:#f4f8ff;background:#17263d;border-color:rgba(58,79,108,0.86)}body.dark-mode .speaking-example-answer p{color:#f4f8ff;background:#0d1829}body.dark-mode .writing-example-answer-body{color:#f4f8ff;background:#0d1829}body.dark-mode .speaking-saved-example-picker,body.dark-mode .speaking-saved-example-picker select{color:#f4f8ff;border-color:rgba(58,79,108,0.86);background:#0d1829}body.dark-mode .speaking-example-delete{border-color:rgba(248,113,113,0.34);background:rgba(248,113,113,0.18);box-shadow:0 8px 18px rgba(0,0,0,0.22)}body.dark-mode .speaking-example-delete img{filter:brightness(0) saturate(100%) invert(74%) sepia(44%) saturate(974%) hue-rotate(310deg) brightness(102%) contrast(97%)}body.dark-mode .accent-keyboard button{color:#f4f8ff;background:#17263d;border-color:rgba(58,79,108,0.9)}body.dark-mode .writing-top-timer{border-color:rgba(211,97,115,0.58);background:rgba(211,97,115,0.14)}body.dark-mode .writing-question-timer{border-color:rgba(211,97,115,0.58);background:rgba(211,97,115,0.14)}body.dark-mode .accent-keyboard button:hover,body.dark-mode .accent-keyboard button:focus{color:#ffffff;background:var(--green);border-color:var(--green)}body.dark-mode .accent-keyboard-note{color:#aebbd0}.writing-toolbar,.writing-result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.writing-bottom-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.writing-complete-review{display:grid;gap:12px}.writing-complete-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.writing-complete-tabs button{display:grid;gap:4px;min-height:66px;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#f8fbfd;font:inherit;font-weight:950;text-align:left;cursor:pointer}.writing-complete-tabs button small{color:var(--muted);font-size:0.8rem;font-weight:850}.writing-complete-tabs button.is-active{color:#ffffff;border-color:var(--green);background:var(--green)}.writing-complete-tabs button.is-active small{color:rgba(255,255,255,0.84)}.writing-complete-tabs button.is-evaluated:not(.is-active){border-color:rgba(59,143,117,0.48);box-shadow:inset 4px 0 0 var(--green)}.writing-complete-selected{display:grid;gap:12px}.writing-complete-task-card{border:1px solid var(--line);border-radius:14px;background:#f8fbfd;overflow:hidden}.writing-complete-task-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:0;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;font-weight:900}.writing-complete-task-toggle.is-active{background:rgba(59,143,117,0.1)}.writing-complete-task-toggle strong{color:var(--green);font-size:0.9rem}.writing-complete-task-detail{display:grid;gap:12px;padding:14px}.writing-complete-task-detail[hidden]{display:none}body.dark-mode .writing-complete-task-card,body.dark-mode .writing-complete-task-toggle,body.dark-mode .writing-complete-tabs button{color:#f4f8ff;background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .writing-complete-tabs button small{color:#c9d7e8}body.dark-mode .writing-complete-tabs button.is-active{color:#ffffff;border-color:var(--green);background:var(--green)}body.dark-mode .writing-complete-tabs button.is-active small{color:rgba(255,255,255,0.84)}body.dark-mode .writing-complete-task-toggle strong{color:#8be0bc}.accent-keyboard{display:flex;flex-wrap:wrap;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.accent-keyboard[hidden],.writing-result-actions[hidden]{display:none}.writing-floating-keyboard{position:relative;z-index:2;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.accent-key-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.accent-keyboard button{display:grid;place-items:center;min-width:var(--accent-key-size,48px);width:var(--accent-key-size,48px);height:var(--accent-key-size,48px);border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--white);cursor:pointer;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(1rem,calc(var(--accent-key-size,48px) * 0.42),1.65rem);font-weight:400;line-height:1;box-shadow:0 8px 18px rgba(24,38,58,0.07)}.accent-keyboard button:hover,.accent-keyboard button:focus{color:#ffffff;background:var(--green);border-color:var(--green)}.accent-keyboard-size{width:100%;display:flex;align-items:center;gap:10px;margin-top:2px;color:var(--muted);font-size:0.78rem;font-weight:900}.accent-keyboard-size input{flex:1;min-width:160px;accent-color:var(--green)}.accent-keyboard-note{display:block;width:100%;margin-top:2px;color:var(--muted);font-size:0.66rem;font-weight:750;line-height:1.25}@media (min-width:981px){.accent-keyboard{gap:6px;padding:8px;border-radius:11px}.accent-key-row{gap:7px}.accent-keyboard button{min-width:var(--accent-key-size,30px);width:var(--accent-key-size,30px);height:var(--accent-key-size,30px);border-radius:8px;font-size:clamp(0.9rem,calc(var(--accent-key-size,30px) * 0.42),1.55rem);box-shadow:none}}.writing-bottom-note{color:var(--muted);font-weight:900;text-align:center}.writing-example-bottom{margin-top:6px;animation:writingExampleSlide 0.22s ease-out}.writing-example-bottom[hidden]{display:none}.writing-reusable-sentence{display:inline;padding:2px 5px;border-radius:7px;color:#714f00;background:#fff0b8;box-decoration-break:clone;-webkit-box-decoration-break:clone}@keyframes writingExampleSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.writing-list-score{justify-self:start;color:var(--muted);font-size:0.78rem;font-style:normal;font-weight:950}.writing-list-score.has-score{padding:5px 9px;border:1px solid rgba(59,143,117,0.24);border-radius:999px;color:var(--green);background:#edf8f3}.writing-ai-status{display:block;width:100%;margin:0 auto;text-align:center}.writing-ai-status[hidden]{display:none}.writing-ai-loading{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,620px);margin:0 auto;padding:14px 16px;border:1px solid rgba(59,143,117,0.28);border-radius:14px;color:var(--navy);background:#f3fbf7}.writing-ai-loading[hidden]{display:none}.writing-ai-loading strong,.writing-ai-loading small{display:block}.writing-ai-loading small{margin-top:3px;color:var(--muted);font-weight:850}.writing-ai-gears{position:relative;width:48px;height:38px;flex:0 0 auto}.writing-ai-gears span{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at center,#f3fbf7 0 32%,transparent 34%),conic-gradient(from 0deg,var(--green) 0 15%,transparent 15% 25%,var(--green) 25% 40%,transparent 40% 50%,var(--green) 50% 65%,transparent 65% 75%,var(--green) 75% 90%,transparent 90% 100%);animation:writingGearSpin 1.1s linear infinite}.writing-ai-gears span:first-child{left:0;top:0;width:32px;height:32px}.writing-ai-gears span:last-child{right:0;bottom:0;width:24px;height:24px;animation-direction:reverse;animation-duration:0.9s;background:radial-gradient(circle at center,#f3fbf7 0 32%,transparent 34%),conic-gradient(from 0deg,#2474d3 0 15%,transparent 15% 25%,#2474d3 25% 40%,transparent 40% 50%,#2474d3 50% 65%,transparent 65% 75%,#2474d3 75% 90%,transparent 90% 100%)}@keyframes writingGearSpin{to{transform:rotate(360deg)}}.writing-ai-results,.writing-progress-dashboard{display:grid;gap:18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#ffffff;box-shadow:0 18px 50px rgba(24,38,58,0.08)}.writing-ai-split{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.writing-ai-split[hidden]{display:none}.writing-ai-head,.writing-dashboard-head{display:grid;grid-template-columns:1fr;align-items:center;gap:18px;padding:16px;border:1px solid rgba(59,143,117,0.2);border-radius:14px;background:linear-gradient(135deg,#f3fbf7 0%,#ffffff 100%)}.writing-dashboard-head{border-color:rgba(36,116,211,0.2);background:linear-gradient(135deg,#f3f8ff 0%,#ffffff 100%)}.writing-ai-placeholder{display:grid;gap:10px;padding:18px;border:1px dashed rgba(59,143,117,0.34);border-radius:14px;background:#f8fbfa}.writing-ai-placeholder h3,.writing-ai-placeholder p{margin:0}.writing-ai-placeholder h3{color:var(--navy)}.writing-score-sphere{display:grid;place-items:center;align-content:center;gap:4px;width:150px;aspect-ratio:1;margin:0 auto;border-radius:50%;color:var(--navy);background:radial-gradient(circle at center,#ffffff 58%,transparent 60%),conic-gradient(var(--green) 0 var(--score-percent),#dfe7ef var(--score-percent) 100%);box-shadow:inset 0 0 0 1px rgba(24,38,58,0.08)}.writing-score-sphere strong{font-size:3rem;line-height:1}.writing-score-sphere span{color:var(--muted);font-weight:950}.writing-score-level{margin:8px 0 0;color:var(--green);font-size:1.15rem;font-weight:950;text-align:center;text-transform:uppercase}.writing-ai-head h2,.writing-dashboard-head h2,.writing-ai-section h3{margin:0;color:var(--navy)}.writing-ai-head h2{color:var(--red);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}.writing-ai-head p,.writing-ai-section p,.writing-ai-section small{margin:0;color:var(--muted);line-height:1.65}.writing-score-grid,.writing-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.writing-score-pill{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfa}.writing-score-pill span{color:var(--muted);font-size:0.76rem;font-weight:950;text-transform:uppercase;letter-spacing:0}.writing-score-pill strong{color:var(--green);font-size:1.45rem;line-height:1}.writing-ai-section{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.writing-ai-section>h3{font-size:clamp(1.05rem,2vw,1.35rem)}.writing-user-highlight p{margin:0;padding:14px;border:1px solid rgba(191,78,92,0.2);border-radius:12px;color:var(--ink);background:rgba(191,78,92,0.04);line-height:1.75;white-space:pre-wrap}.writing-share-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;width:100%;padding:16px;border:1px solid rgba(59,143,117,0.38);border-radius:12px;background:rgba(75,178,142,0.08)}.writing-share-panel h3,.writing-share-panel p{margin:0}.writing-share-panel p{margin-top:4px;color:var(--muted)}.writing-share-panel small{grid-column:1 / -1;min-height:1em;color:var(--green-dark);font-weight:800}.writing-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.writing-share-button img{width:18px;height:18px;object-fit:contain}body.dark-mode .writing-share-panel{border-color:rgba(82,199,158,0.42);background:rgba(75,178,142,0.1)}body.dark-mode .writing-share-button img{filter:brightness(0) invert(1)}@media (max-width:640px){.writing-share-panel{grid-template-columns:1fr}.writing-share-button{width:100%}.writing-share-panel small{grid-column:1}}.writing-c1c2-version div{display:grid;gap:10px}.writing-c1c2-version p{margin:0;padding:14px;border:1px solid rgba(59,143,117,0.2);border-radius:12px;color:var(--ink);background:rgba(59,143,117,0.06);line-height:1.75;white-space:pre-wrap}.writing-inline-mistake{position:relative;display:inline;padding:1px 4px;border-radius:6px;color:#8c1f2f;background:#ffd6dc;box-shadow:inset 0 -2px 0 rgba(191,78,92,0.22);cursor:help}.writing-inline-mistake:hover::after,.writing-inline-mistake:focus::after{content:attr(data-correction);position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;min-width:max-content;max-width:min(320px,80vw);padding:8px 10px;border:1px solid rgba(59,143,117,0.35);border-radius:10px;color:#073326;background:#c9f0e3;font-size:0.86rem;font-weight:850;line-height:1.3;white-space:normal;box-shadow:0 14px 30px rgba(24,38,58,0.18)}.writing-ai-section ul{margin:0;padding-left:20px;color:var(--ink);line-height:1.7}.writing-answer-review p{margin:0;color:var(--ink);line-height:1.7;white-space:pre-wrap}.writing-ai-issue,.writing-ai-exercise{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.writing-ai-issue{width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:16px;border-color:rgba(191,78,92,0.28);background:linear-gradient(135deg,#fff7f8,#f4fbf8)}.writing-ai-issue p{margin:0}.writing-ai-issue div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.writing-mistake-pair{justify-content:flex-start}.writing-ai-issue .mistake-action-row{grid-column:2;align-self:center;justify-content:flex-end}.writing-ai-issue [data-add-writing-note-original]{color:#07111f;border-color:rgba(223,180,93,0.65);background:#ffd95a}.writing-mistake-pair>p{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:9px 12px;border-radius:10px;font-weight:850}.writing-mistake-pair>p:first-child{color:#8c1f2f;background:#ffd6dc;border:1px solid #f08b99}.writing-mistake-pair>p:last-child{color:#0f684f;background:#c9f0e3;border:1px solid #7fc9ae}@media (max-width:760px){.writing-ai-issue{grid-template-columns:1fr}.writing-ai-issue .mistake-action-row{grid-column:1;justify-content:flex-start}}.writing-ai-issue .mistake-ai-explanation{display:grid;color:var(--ink);background:rgba(59,143,117,0.1)}.writing-ai-issue .mistake-ai-explanation[hidden]{display:none}.writing-ai-issue span,.writing-ai-exercise span{color:var(--green);font-size:0.76rem;font-weight:950;text-transform:uppercase}.writing-ai-issue.high{border-color:rgba(200,70,70,0.45)}.writing-ai-issue.medium{border-color:rgba(222,167,70,0.5)}.writing-ai-exercise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.writing-ai-exercise small{color:var(--green);font-weight:900}.writing-ai-empty{margin:0;color:var(--muted);font-weight:850}.writing-dashboard-head{grid-template-columns:1fr;justify-items:center;text-align:center}.writing-dashboard-stats{grid-template-columns:repeat(2,minmax(110px,1fr))}.writing-progress-chart{display:grid;gap:10px;overflow-x:auto}.writing-bar-chart{width:100%;min-width:520px;height:auto}.writing-bar-chart .grid{stroke:#dfe7ef;stroke-width:2}.writing-bar-chart .axis{stroke:#ccd6df;stroke-width:2}.writing-bar-chart rect{rx:0;ry:0}.writing-bar-chart rect.overall{fill:var(--green)}.writing-bar-chart rect.grammar{fill:#2474d3}.writing-bar-chart rect.vocabulary{fill:var(--red)}.writing-bar-chart text{fill:var(--muted);font-size:15px;font-weight:950}.writing-bar-chart .axis-label{font-size:13px}.writing-progress-legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:0.78rem;font-weight:950}.writing-progress-legend span{display:inline-flex;align-items:center;gap:7px}.writing-progress-legend span::before{content:"";width:18px;height:4px;border-radius:999px;background:var(--green)}.writing-progress-legend span.grammar::before{background:#2474d3}.writing-progress-legend span.vocabulary::before{background:var(--red)}body.dark-mode .writing-ai-results,body.dark-mode .writing-progress-dashboard,body.dark-mode .writing-score-pill,body.dark-mode .writing-ai-issue,body.dark-mode .writing-ai-exercise{border-color:rgba(244,248,255,0.1);background:#0d1829}body.dark-mode .writing-ai-issue{border-color:rgba(244,248,255,0.12);background:linear-gradient(135deg,#101d31,#0d1829)}body.dark-mode .writing-mistake-pair>p:first-child{color:#ffd6dc;background:rgba(191,78,92,0.24);border-color:rgba(248,113,113,0.38)}body.dark-mode .writing-mistake-pair>p:last-child{color:#d7ffef;background:rgba(59,143,117,0.28);border-color:rgba(139,224,188,0.42)}body.dark-mode .writing-ai-loading{border-color:rgba(139,224,188,0.22);color:#f4f8ff;background:#102033}body.dark-mode .writing-ai-gears span:first-child{background:radial-gradient(circle at center,#102033 0 32%,transparent 34%),conic-gradient(from 0deg,#8be0bc 0 15%,transparent 15% 25%,#8be0bc 25% 40%,transparent 40% 50%,#8be0bc 50% 65%,transparent 65% 75%,#8be0bc 75% 90%,transparent 90% 100%)}body.dark-mode .writing-ai-gears span:last-child{background:radial-gradient(circle at center,#102033 0 32%,transparent 34%),conic-gradient(from 0deg,#72aef0 0 15%,transparent 15% 25%,#72aef0 25% 40%,transparent 40% 50%,#72aef0 50% 65%,transparent 65% 75%,#72aef0 75% 90%,transparent 90% 100%)}body.dark-mode .writing-ai-head,body.dark-mode .writing-dashboard-head{border-color:rgba(244,248,255,0.1);background:#132033}body.dark-mode .writing-ai-placeholder{border-color:rgba(139,224,188,0.24);background:#102033}body.dark-mode .writing-ai-placeholder h3{color:#f4f8ff}body.dark-mode .writing-score-sphere{color:#f4f8ff;background:radial-gradient(circle at center,#132033 58%,transparent 60%),conic-gradient(#8be0bc 0 var(--score-percent),#263b56 var(--score-percent) 100%)}body.dark-mode .writing-score-level{color:#8be0bc}body.dark-mode .writing-ai-head h2,body.dark-mode .writing-dashboard-head h2,body.dark-mode .writing-ai-section h3{color:#f4f8ff}body.dark-mode .writing-ai-section p,body.dark-mode .writing-ai-section ul,body.dark-mode .writing-ai-section small{color:#c9d7e8}body.dark-mode .writing-list-score.has-score{border-color:rgba(139,224,188,0.24);color:#8be0bc;background:#13283b}body.dark-mode .writing-reusable-sentence{color:#ffe59b;background:rgba(226,189,104,0.18)}body.dark-mode .writing-topic-number-panel{border-color:rgba(58,79,108,0.86);background:rgba(139,224,188,0.08)}body.dark-mode .writing-topic-tool{border-color:rgba(255,229,155,0.24);color:#13243a;background:#ffd95a;box-shadow:0 8px 18px rgba(0,0,0,0.24)}body.dark-mode .writing-task3-document p{border-color:rgba(139,224,188,0.24);background:rgba(9,22,38,0.72);color:#ecf4ff}body.dark-mode .writing-topic-play{color:#ffffff;border-color:rgba(139,224,188,0.3);background:#3b8f75}body.dark-mode .writing-topic-play.is-playing{border-color:rgba(255,159,174,0.28);background:#bf4e5c}body.dark-mode .writing-topic-text-panel,body.dark-mode .writing-selection-layout .speaking-question-toggle p{color:#f4f8ff}body.dark-mode .writing-selection-layout .speaking-question-row:hover,body.dark-mode .writing-selection-layout .speaking-question-row:focus-within,body.dark-mode .writing-selection-layout .speaking-question-row.is-open{border-color:rgba(139,224,188,0.55);background:#13243a;box-shadow:0 14px 34px rgba(0,0,0,0.28)}body.dark-mode .writing-selection-layout .speaking-question-row:hover .writing-topic-number-panel,body.dark-mode .writing-selection-layout .speaking-question-row:focus-within .writing-topic-number-panel,body.dark-mode .writing-selection-layout .speaking-question-row.is-open .writing-topic-number-panel{background:rgba(139,224,188,0.14)}body.dark-mode .writing-selection-layout .speaking-question-row:hover .writing-topic-number-panel strong,body.dark-mode .writing-selection-layout .speaking-question-row:focus-within .writing-topic-number-panel strong,body.dark-mode .writing-selection-layout .speaking-question-row.is-open .writing-topic-number-panel strong{box-shadow:0 10px 20px rgba(0,0,0,0.26)}.speaking-hero,.speaking-section{padding:clamp(34px,6vw,72px) clamp(18px,4vw,64px)}.speaking-hero{display:grid;gap:14px;justify-items:center;padding-block:clamp(20px,4vw,38px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff 0%,#f4f8fb 100%);text-align:center}.practice-kind-title{margin:0;color:var(--navy);font-size:clamp(1.35rem,3vw,2.1rem);font-weight:950}body.dark-mode .practice-kind-title{color:#f4f8ff}.speaking-task-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.speaking-task-tab{min-width:150px;min-height:58px;padding:0 24px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--white);font:inherit;font-size:1.08rem;font-weight:900}.speaking-task-tab.is-active{color:#ffffff;border-color:var(--green);background:var(--green)}.speaking-task-tab:disabled{cursor:not-allowed;opacity:0.58}.speaking-month-grid{max-width:1180px;margin:0 auto}.writing-selector-hero{gap:9px;padding-block:14px}.writing-selector-hero .practice-kind-title{font-size:clamp(1.08rem,2vw,1.55rem)}.writing-selector-hero .speaking-task-tabs{gap:6px}.writing-selector-hero .speaking-task-tab{min-width:86px;min-height:34px;padding:0 12px;border-radius:10px;font-size:0.82rem}.writing-selection-section{padding-block:clamp(18px,3vw,34px)}.writing-selection-layout{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);align-items:start;gap:18px;width:min(100%,1320px);margin:0 auto}.writing-selection-sidebar{position:sticky;top:92px;display:grid;gap:10px;min-width:0}.writing-selection-sidebar .section-heading{margin:0;text-align:left}.writing-selection-sidebar .section-heading h2{margin:0;font-size:1rem}.writing-selection-sidebar .speaking-month-grid{max-width:none;margin:0}.writing-selection-sidebar .speaking-practice-layout{grid-template-columns:1fr;min-height:auto;border-radius:12px;box-shadow:0 10px 28px rgba(24,38,58,0.07)}.writing-selection-sidebar .speaking-year-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.writing-selection-sidebar .speaking-category-layout .speaking-year-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-selection-sidebar .speaking-year-tab{min-height:30px;gap:5px;padding:0 7px;border-radius:8px;font-size:0.74rem}.writing-selection-sidebar .speaking-month-panel{padding:8px}.writing-selection-sidebar .practice-table-header{margin-bottom:7px}.writing-selection-sidebar .practice-table-header h3{font-size:0.86rem}.writing-selection-sidebar .speaking-month-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.writing-selection-sidebar .speaking-month-option{min-height:32px;padding:0 7px;border-radius:8px}.writing-selection-sidebar .speaking-month-option span{font-size:0.74rem}.writing-selection-sidebar .speaking-month-options:has(.speaking-month-option:only-child){grid-template-columns:1fr}.writing-selection-layout .writing-workspace{max-width:none;margin:0}.writing-selection-layout>.speaking-question-panel{max-width:none;margin:0}.writing-selection-layout .speaking-question-panel{max-width:none;padding:18px;border-radius:14px;box-shadow:0 14px 34px rgba(24,38,58,0.1)}.writing-selection-layout .speaking-panel-head{gap:10px}.writing-selection-layout .speaking-panel-head h3{font-size:clamp(1.05rem,1.8vw,1.45rem)}.writing-selection-layout .speaking-question-list{gap:10px}.writing-selection-layout .speaking-question-row{padding:0;border-radius:10px;overflow:hidden;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease,background 180ms ease}.writing-selection-layout .speaking-question-row:hover,.writing-selection-layout .speaking-question-row:focus-within,.writing-selection-layout .speaking-question-row.is-open{border-color:rgba(59,143,117,0.62);background:#f1faf6;box-shadow:0 14px 34px rgba(59,143,117,0.16);transform:translateY(-3px)}.writing-selection-layout .speaking-question-row:hover .writing-topic-number-panel,.writing-selection-layout .speaking-question-row:focus-within .writing-topic-number-panel,.writing-selection-layout .speaking-question-row.is-open .writing-topic-number-panel{background:rgba(59,143,117,0.16)}.writing-selection-layout .speaking-question-row:hover .writing-topic-number-panel strong,.writing-selection-layout .speaking-question-row:focus-within .writing-topic-number-panel strong,.writing-selection-layout .speaking-question-row.is-open .writing-topic-number-panel strong{box-shadow:0 10px 20px rgba(59,143,117,0.24);transform:scale(1.05)}.writing-selection-layout .speaking-question-toggle{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:0;min-height:104px}.writing-topic-number-panel{display:grid;place-items:center;padding:0;border-right:1px solid var(--line);background:rgba(59,143,117,0.08)}.writing-topic-number-panel strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;color:#ffffff;background:var(--green);transition:transform 180ms ease,box-shadow 180ms ease}.writing-topic-tool-stack{display:flex;align-self:end;justify-self:end;gap:7px;margin-top:4px}.writing-selection-layout .speaking-question-toggle .writing-topic-tool-stack{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin-top:0;z-index:2}.writing-selection-layout .speaking-question-toggle .writing-topic-tool{width:28px;min-width:28px;height:28px;border-radius:8px;box-shadow:0 6px 14px rgba(226,189,104,0.18)}.writing-selection-layout .speaking-question-toggle .writing-topic-tool img{width:14px;height:14px}.writing-topic-tool{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(24,38,58,0.12);border-radius:10px;color:#18263a;background:#ffd95a;box-shadow:0 8px 18px rgba(226,189,104,0.2);cursor:pointer;font-size:0.76rem;font-style:normal;font-weight:950;line-height:1;user-select:none}.writing-topic-tool img{width:17px;height:17px;object-fit:contain;pointer-events:none}.writing-topic-translate{background:#ffd95a}.writing-topic-translate img{filter:brightness(0) saturate(100%)}.writing-topic-play.is-playing{background:var(--red)}.writing-topic-tool:hover,.writing-topic-tool:focus{outline:0;background:#ffe27a;transform:translateY(-1px)}.writing-topic-play{color:#ffffff;background:var(--green);font-size:0.86rem;padding-left:2px}.writing-topic-play:hover,.writing-topic-play:focus{background:#327c66}.writing-topic-play.is-playing:hover,.writing-topic-play.is-playing:focus{background:#a33d4c}.writing-topic-text-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:start;gap:8px 10px;min-width:0;min-height:104px;padding:14px 14px 13px 18px;color:var(--ink);font-size:1rem;font-weight:400;text-transform:none}.writing-topic-text-panel .writing-list-score{grid-column:1;grid-row:1;align-self:center}.writing-topic-extra-tools{display:flex;justify-content:flex-end}.writing-topic-extra-tools .writing-topic-tool-stack{margin-top:0}.writing-prompt-card .test-text-tools,.speaking-example-panel .test-text-tools,.writing-example-answer-body .test-text-tools{justify-self:end;margin-top:8px}.writing-selection-layout .speaking-question-toggle p{grid-column:1 / -1;grid-row:2;margin:0;color:var(--ink);font-size:1rem;font-weight:400;line-height:1.48;text-transform:none}.writing-selection-layout .speaking-question-extra{gap:10px;margin-top:10px;padding-top:10px}.writing-topic-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.writing-selection-layout .speaking-question-extra [data-start-speaking],.writing-selection-layout .speaking-question-extra [data-start-writing],.writing-selection-layout .speaking-question-extra [data-practice-writing-topic]{width:100%}.speaking-practice-layout{display:grid;grid-template-columns:minmax(190px,240px) 1fr;min-height:360px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);border-radius:18px;box-shadow:0 18px 46px rgba(24,38,58,0.08);overflow:hidden}.speaking-category-layout{grid-template-columns:1fr;min-height:auto}.speaking-year-tabs{display:grid;align-content:start;gap:8px;padding:16px;border-right:1px solid var(--line);background:linear-gradient(180deg,#eef5f7 0%,#f8fbfc 100%)}.speaking-category-layout .speaking-year-tabs{grid-template-columns:repeat(4,minmax(0,1fr));border-right:0;background:linear-gradient(180deg,#eef5f7 0%,#f8fbfc 100%)}.speaking-year-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;width:100%;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;font-size:0.95rem;font-weight:900}.speaking-year-tab span{font-weight:950}.speaking-year-tab small{color:var(--muted);font-weight:900}.speaking-year-tab:hover,.speaking-year-tab:focus,.speaking-year-tab.is-active{color:#ffffff;border-color:var(--green);background:var(--green)}.speaking-year-tab.is-locked{color:#ffffff;border-color:rgba(191,78,92,0.46);background:linear-gradient(135deg,#8f2432 0%,var(--red) 100%)}.speaking-year-tab:hover small,.speaking-year-tab:focus small,.speaking-year-tab.is-active small{color:#d7f3e8}.speaking-month-panel{padding:clamp(18px,3vw,28px);background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}.speaking-month-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.speaking-category-note{display:grid;place-items:center;min-height:160px;padding:18px;border:1px dashed rgba(99,112,131,0.38);border-radius:14px;color:var(--muted);background:#f8fbfd;text-align:center;font-weight:850}.speaking-category-note p{margin:0}.speaking-month-option{display:grid;place-items:center;gap:5px;min-height:76px;border:1px solid var(--line);border-radius:12px;color:#ffffff;background:linear-gradient(135deg,#2f6f8f 0%,var(--green) 100%);cursor:pointer;font:inherit;font-weight:900;text-align:center;transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.speaking-month-option span{font-size:0.98rem;font-weight:950}.speaking-month-option small{color:var(--muted);font-size:0.72rem;font-weight:900;text-transform:uppercase}.speaking-month-option:hover,.speaking-month-option:focus,.speaking-month-option.is-active{color:#ffffff;border-color:rgba(255,255,255,0.55);box-shadow:0 12px 26px rgba(24,38,58,0.16);transform:translateY(-2px)}.speaking-month-option.is-locked{color:#ffffff;border-color:rgba(191,78,92,0.46);background:linear-gradient(135deg,#8f2432 0%,var(--red) 100%)}.speaking-month-option:hover small,.speaking-month-option:focus small,.speaking-month-option.is-active small{color:#d7f3e8}.speaking-question-panel{display:grid;gap:18px;max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,32px);border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:var(--shadow)}.speaking-panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.speaking-panel-head h3{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.speaking-panel-head>span{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:var(--navy);background:#edf4f1;font-weight:950}.speaking-question-chart{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.speaking-question-chip{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;font-size:0.9rem;font-weight:900}.speaking-question-chip.is-active{color:#ffffff;border-color:var(--red);background:var(--red)}.speaking-question-list{display:grid;gap:14px}.question-page-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.question-page-controls>span{color:var(--muted);font-size:0.78rem;font-weight:950;white-space:nowrap}.question-page-controls>div{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.practice-library-pages{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.practice-library-pages>span{grid-column:1;justify-self:start}.practice-library-pages>div{grid-column:2;justify-self:center;justify-content:center;margin:0}.question-page-button,.question-page-arrow{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--white);cursor:pointer;font:inherit;font-size:0.78rem;font-weight:950}.question-page-arrow{min-width:24px;width:24px;padding:0;font-size:1rem;line-height:1}.question-page-button.is-active{color:#ffffff;border-color:var(--green);background:var(--green)}.question-page-button:disabled,.question-page-arrow:disabled{cursor:not-allowed;opacity:0.42}.speaking-question-row{display:grid;gap:0;padding:clamp(16px,3vw,22px);border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.speaking-question-row.is-open{border-color:rgba(59,143,117,0.46)}.speaking-question-toggle{display:grid;grid-template-columns:1fr auto;gap:14px;width:100%;border:0;color:var(--ink);background:transparent;cursor:pointer;font:inherit;text-align:left}.speaking-question-toggle span{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.speaking-question-toggle strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;color:#ffffff;background:var(--green)}.speaking-question-toggle p{grid-column:1 / -1;margin:0;color:var(--ink);line-height:1.75}.structured-prompt{grid-column:1 / -1;display:grid;gap:10px;min-width:0;text-align:left}.structured-prompt>strong{display:block;min-width:0;height:auto;border-radius:0;color:var(--green);background:transparent;font-size:0.92rem;font-weight:950;line-height:1.35;text-transform:none}.structured-prompt p{margin:0;color:var(--ink);line-height:1.7}.speaking-question-toggle .structured-prompt>strong{place-items:initial;color:var(--green);background:transparent}.writing-prompt-card .structured-prompt{gap:12px}.writing-prompt-card .structured-prompt>strong{color:var(--ink);font-size:1.12rem}.speaking-question-extra{display:grid;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.speaking-question-extra[hidden]{display:none}.writing-selection-layout.is-complete-speaking{grid-template-columns:minmax(0,1fr)}.speaking-recorder{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.speaking-recorder p{margin:0;color:var(--muted);font-size:0.9rem;font-weight:750}.speaking-recorder audio{width:100%}.speaking-prep-timer{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(223,180,93,0.36);border-radius:14px;background:linear-gradient(135deg,rgba(255,211,91,0.2),rgba(59,179,139,0.1))}.speaking-prep-timer>div:first-child{display:grid;gap:2px}.speaking-prep-timer span{color:var(--green);font-size:0.74rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.speaking-prep-timer strong{color:var(--navy);font-size:clamp(1.35rem,4vw,2rem);font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.speaking-prep-timer p{margin:0;color:var(--muted);font-size:0.92rem;font-weight:800;line-height:1.45}.speaking-prep-timer .speaking-recorder-actions{justify-content:flex-end}.speaking-prep-timer.is-running{border-color:rgba(59,179,139,0.45);background:linear-gradient(135deg,rgba(59,179,139,0.16),rgba(45,108,181,0.1))}.speaking-prep-timer.is-finished{border-color:rgba(191,78,92,0.36);background:linear-gradient(135deg,rgba(191,78,92,0.12),rgba(255,211,91,0.16))}.speaking-ai-agent-test-card{gap:14px}.speaking-ai-agent-stage{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:18px;border:1px solid rgba(66,169,129,0.25);border-radius:16px;background:rgba(255,255,255,0.48)}.speaking-ai-agent-orb{display:grid;place-items:center;align-content:center;gap:4px;width:136px;height:136px;border:9px solid rgba(59,143,117,0.18);border-radius:50%;color:#07111f;background:linear-gradient(135deg,#44b287,#8be0bc);text-align:center;transform:scale(var(--voice-scale,1));transition:transform 90ms ease,background 180ms ease,border-color 180ms ease}.speaking-ai-agent-orb.is-running{animation:speakingRecordPulse 1.2s ease-in-out infinite}.speaking-ai-agent-orb.is-waiting{background:linear-gradient(135deg,#ffd95a,#dfb45d)}.speaking-ai-agent-orb.is-hearing-voice{border-color:rgba(191,78,92,0.46);background:linear-gradient(135deg,#bf4e5c,#ff8795)}.speaking-ai-agent-orb strong{font-size:1.9rem;line-height:1}.speaking-ai-agent-orb span{margin-top:5px;font-size:0.72rem;font-weight:950;text-transform:uppercase}.speaking-ai-agent-icon{display:grid;place-items:center;width:24px;height:24px;margin-top:2px;border-radius:50%;color:#bf4e5c;background:rgba(255,255,255,0.8);font-style:normal;font-size:1rem;line-height:1}.speaking-ai-agent-icon.is-recording::before{content:"";width:12px;height:12px;border-radius:50%;background:#bf4e5c;box-shadow:0 0 0 4px rgba(191,78,92,0.18)}.speaking-ai-agent-icon.is-thinking::before{content:"";width:14px;height:14px;border:3px dashed #8a6416;border-radius:50%}.speaking-ai-agent-orb.is-waiting .speaking-ai-agent-icon{color:#8a6416;animation:loadingSpin 1s linear infinite}.speaking-ai-agent-status{display:grid;gap:10px}.speaking-ai-agent-status strong,.speaking-ai-agent-conversation h3,.speaking-ai-agent-evaluation h3{color:var(--ink)}.speaking-ai-agent-status p,.speaking-ai-agent-error{margin:0;color:var(--muted);font-weight:800;line-height:1.45}.speaking-ai-agent-error{color:#bf4e5c}.speaking-ai-agent-actions{flex-wrap:wrap}.speaking-ai-agent-inline-submit{justify-self:start;min-width:220px;border-radius:10px}.speaking-ai-agent-conversation,.speaking-ai-agent-evaluation{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong)}.speaking-ai-agent-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.speaking-ai-agent-conversation-head h3{margin:0}.speaking-ai-agent-turns{display:grid;gap:10px;max-height:260px;overflow:auto}.speaking-ai-agent-conversation.is-full .speaking-ai-agent-turns{max-height:none}.speaking-ai-agent-turn{width:min(86%,760px);padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.speaking-ai-agent-turn.is-agent{justify-self:end;background:rgba(255,217,90,0.14)}.speaking-ai-agent-turn span{display:block;margin-bottom:4px;color:var(--green);font-size:0.7rem;font-weight:950;text-transform:uppercase}.speaking-ai-agent-turn.is-agent span{color:#b7791f}.speaking-ai-agent-turn p{margin:0;line-height:1.45}.speaking-ai-agent-evaluation{grid-template-columns:1fr;align-items:stretch}.speaking-ai-agent-evaluation-head{display:grid;grid-template-columns:minmax(150px,0.22fr) minmax(0,1fr);gap:12px;align-items:stretch}.speaking-ai-agent-evaluation-summary,.speaking-ai-agent-evaluation-section{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.speaking-ai-agent-evaluation-summary h3,.speaking-ai-agent-evaluation-summary p,.speaking-ai-agent-evaluation-section h3,.speaking-ai-agent-evaluation-section p{margin:0}.speaking-ai-agent-evaluation-section .speaking-evaluation-mistakes{margin:0}.speaking-ai-agent-score{display:grid;place-items:center;align-content:center;min-height:140px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:center}.speaking-ai-agent-score span,.speaking-ai-agent-score em{color:var(--green);font-style:normal;font-weight:950}.speaking-question-order{display:grid;gap:5px;min-width:176px;color:var(--muted);font-size:0.72rem;font-weight:800}.speaking-question-order select{width:100%;min-height:40px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--white);font:inherit;font-size:0.86rem;cursor:pointer}.speaking-question-order select:focus-visible{outline:3px solid rgba(76,179,145,0.24);outline-offset:2px}.speaking-ai-agent-score strong{color:var(--ink);font-size:2.2rem;line-height:1}.speaking-exam-intro{gap:18px;grid-template-columns:1fr;align-items:start}.speaking-exam-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.speaking-exam-intro>.btn{justify-self:start;align-self:start;width:auto;min-width:160px;min-height:40px}.speaking-exam-flow article,.speaking-complete-start-card,.speaking-complete-phase,.speaking-complete-score-card,.speaking-complete-progress{border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.speaking-exam-flow article{display:grid;gap:8px;padding:14px}.speaking-complete-start-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;margin-bottom:14px;border-color:rgba(59,143,117,0.28);background:linear-gradient(135deg,rgba(59,179,139,0.12),rgba(45,108,181,0.08))}.speaking-complete-start-card div{display:grid;gap:8px}.speaking-complete-start-card h3,.speaking-complete-start-card p{margin:0}.speaking-complete-start-card h3{color:var(--navy);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.15}.speaking-complete-start-card p,.speaking-complete-progress-empty p{color:var(--muted);font-weight:800;line-height:1.5}.speaking-exam-flow span,.speaking-complete-start-card span,.speaking-complete-phase span,.speaking-complete-score-card span,.speaking-complete-progress span{color:var(--green);font-size:0.74rem;font-weight:950;text-transform:uppercase}.speaking-exam-flow strong,.speaking-complete-phase strong,.speaking-complete-score-card strong,.speaking-complete-progress strong{color:var(--navy);font-weight:950}.speaking-complete-phase{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border-color:rgba(59,143,117,0.28);background:linear-gradient(135deg,rgba(59,179,139,0.12),rgba(45,108,181,0.08))}.speaking-complete-phase>div:first-child{display:grid;gap:6px;justify-items:start}.speaking-complete-phase p,.speaking-complete-score-card p{margin:0;color:var(--muted);font-weight:800;line-height:1.45}.speaking-complete-pause-btn{display:inline-grid;place-items:center;min-height:32px;padding:7px 14px;border:1px solid rgba(124,221,184,0.42);border-radius:999px;color:var(--navy);background:rgba(124,221,184,0.16);box-shadow:none;font:inherit;font-size:0.84rem;font-weight:900;cursor:pointer}.speaking-complete-pause-btn:hover{transform:translateY(-1px);border-color:rgba(124,221,184,0.72);background:rgba(124,221,184,0.24)}.speaking-complete-countdown{display:grid;justify-items:end;gap:3px;min-width:118px}.speaking-complete-countdown strong,.speaking-complete-score-card strong,.speaking-complete-progress strong{font-size:clamp(1.45rem,4vw,2rem);font-variant-numeric:tabular-nums;line-height:1}.speaking-complete-score-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;margin-bottom:14px;border-color:rgba(223,180,93,0.38);background:linear-gradient(135deg,rgba(255,211,91,0.18),rgba(59,179,139,0.08))}.speaking-complete-score-card>div,.speaking-complete-progress>div:first-child{display:grid;gap:4px}.speaking-review-card{align-items:stretch}.speaking-review-card .speaking-panel-head{grid-column:1 / -1}.speaking-review-card.is-single-review{width:min(100%,1180px);max-width:min(100%,1180px)}.speaking-review-card.is-single-review .writing-complete-review,.speaking-review-card.is-single-review .writing-complete-task-card,.speaking-review-card.is-single-review .writing-complete-task-detail{width:100%;min-width:0}.speaking-review-card.is-single-review .writing-complete-review{grid-column:1 / -1;gap:18px}.speaking-review-card.is-single-review .writing-complete-task-card{border:0;background:transparent;overflow:visible}.speaking-review-card.is-single-review .writing-complete-task-toggle{margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}.speaking-single-review-title{display:grid;justify-items:center;gap:6px;margin-bottom:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd;text-align:center}.speaking-single-review-title h3{margin:0;font-size:clamp(1.35rem,2.5vw,1.9rem)}.speaking-single-review-title span{color:var(--green);font-weight:900}.speaking-review-card.is-single-review .writing-complete-task-detail{grid-template-columns:minmax(260px,0.34fr) minmax(0,1fr);align-items:start;gap:18px;padding:0}.speaking-review-card.is-single-review .speaking-review-left-stack{grid-column:1 / -1;display:grid;grid-template-columns:minmax(260px,0.42fr) minmax(280px,1fr);align-items:start;align-content:start;gap:14px 18px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}.speaking-review-card.is-single-review .speaking-review-left-stack .writing-prompt-card{grid-column:1}.speaking-review-card.is-single-review .speaking-review-left-stack audio,.speaking-review-card.is-single-review .speaking-review-left-stack .speaking-recorder-actions,.speaking-review-card.is-single-review .speaking-review-left-stack .speaking-example-answer{grid-column:2}.speaking-review-card.is-single-review audio{width:100%;max-width:100%;min-width:0}.speaking-review-card.is-single-review .speaking-ai-result{grid-column:1 / -1;width:100%;min-width:0}.speaking-review-card.is-single-review .speaking-feedback-save{grid-column:1 / -1;width:100%;min-width:0}.speaking-review-card .speaking-review-panel,.speaking-review-card .app-feedback-panel{grid-column:1 / -1;width:100%;min-width:0}.speaking-evaluation-state-panel{display:grid;gap:12px;margin-top:4px;padding:16px;border:1px solid rgba(66,169,129,0.26);border-radius:16px;background:rgba(139,224,188,0.1)}.speaking-evaluation-state-panel[hidden]{display:none}.speaking-evaluation-state-panel .speaking-ai-loading{display:flex;align-items:center;gap:14px;padding:0;border:0;background:transparent}.speaking-evaluation-state-panel .speaking-evaluation-progress{width:100%}@media (max-width:920px){.speaking-review-card.is-single-review .writing-complete-task-detail{grid-template-columns:1fr}.speaking-review-card.is-single-review .speaking-review-left-stack{grid-template-columns:1fr}.speaking-review-card.is-single-review .writing-prompt-card,.speaking-review-card.is-single-review .speaking-review-left-stack,.speaking-review-card.is-single-review audio,.speaking-review-card.is-single-review .speaking-recorder-actions,.speaking-review-card.is-single-review .speaking-example-answer,.speaking-review-card.is-single-review .speaking-ai-result{grid-column:1;grid-row:auto}}@media (max-width:640px){.speaking-review-card.is-single-review{padding:14px}.speaking-review-card.is-single-review .speaking-panel-head{text-align:center}.speaking-review-card.is-single-review .writing-complete-task-toggle{padding:14px;align-items:flex-start}.speaking-review-card.is-single-review .writing-complete-task-detail,.speaking-review-card.is-single-review .speaking-review-left-stack{display:flex;flex-direction:column;gap:12px;width:100%}.speaking-review-card.is-single-review .writing-prompt-card,.speaking-review-card.is-single-review audio,.speaking-review-card.is-single-review .speaking-recorder-actions,.speaking-review-card.is-single-review .speaking-feedback-save,.speaking-review-card.is-single-review .speaking-review-panel,.speaking-review-card.is-single-review .app-feedback-panel,.speaking-review-card.is-single-review .speaking-ai-result{width:100%;max-width:100%}.speaking-review-card.is-single-review audio{display:block}.speaking-review-card.is-single-review .speaking-recorder-actions{justify-content:flex-start}.speaking-review-card.is-single-review .speaking-recorder-actions .btn,.speaking-review-card.is-single-review .speaking-feedback-save .btn{width:100%;min-height:44px}.speaking-review-card.is-single-review .speaking-feedback-save{padding:12px}.speaking-review-card.is-single-review .speaking-feedback-save small{font-size:0.78rem;line-height:1.35}}.speaking-review-score-card{align-self:start;grid-template-columns:1fr;justify-items:start;align-content:start;gap:14px;min-height:230px;margin:0;padding:18px}.speaking-review-score-card p{max-width:26ch}.speaking-review-score-card .btn{justify-self:start;width:auto;min-width:190px}.speaking-review-score-value strong{font-size:clamp(1.8rem,3vw,2.25rem)}.speaking-review-card>#speakingSaveStatus{grid-column:1 / -1;justify-self:center;width:min(100%,760px);margin:8px auto 0;text-align:center}.speaking-review-card #speakingSaveStatus .speaking-evaluation-progress{width:min(100%,640px);padding:14px 16px;border:1px solid rgba(59,143,117,0.28);border-radius:14px;background:rgba(59,143,117,0.08)}.speaking-review-card #speakingSaveStatus .speaking-evaluation-progress-head{justify-content:center}.speaking-review-task-left{display:inline-flex;align-items:center;gap:12px;min-width:0}.speaking-review-task-status{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid rgba(99,112,131,0.24);border-radius:999px;color:var(--muted);background:rgba(99,112,131,0.08);font-size:0.76rem;font-weight:900;text-transform:none;white-space:nowrap}.speaking-review-task-status.is-active{color:var(--gold);border-color:rgba(223,180,93,0.42);background:rgba(223,180,93,0.12)}.speaking-review-task-status.is-done{color:var(--green);border-color:rgba(59,143,117,0.42);background:rgba(59,143,117,0.12)}.speaking-review-task-status.is-error{color:var(--pink);border-color:rgba(214,99,117,0.46);background:rgba(214,99,117,0.13)}.speaking-review-task-icon{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px;border-radius:50%}.speaking-review-task-status.is-active .speaking-review-task-icon{border:2px solid rgba(223,180,93,0.28);border-top-color:var(--gold);animation:speakingReviewSpin 800ms linear infinite}.speaking-review-task-status.is-pending .speaking-review-task-icon{border:2px solid rgba(99,112,131,0.4)}.speaking-review-task-status.is-done .speaking-review-task-icon{background:var(--green)}.speaking-review-task-status.is-error .speaking-review-task-icon{background:var(--pink)}.speaking-review-task-status.is-error .speaking-review-task-icon::before,.speaking-review-task-status.is-error .speaking-review-task-icon::after{content:"";position:absolute;width:8px;height:2px;border-radius:999px;background:#ffffff}.speaking-review-task-status.is-error .speaking-review-task-icon::before{transform:rotate(45deg)}.speaking-review-task-status.is-error .speaking-review-task-icon::after{transform:rotate(-45deg)}.speaking-review-task-status.is-done .speaking-review-task-icon::after{content:"";width:7px;height:4px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg) translate(1px,-1px)}@keyframes speakingReviewSpin{to{transform:rotate(360deg)}}.speaking-complete-progress{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:18px;padding:16px;margin-bottom:14px;border-color:rgba(59,143,117,0.24)}.speaking-progress-bars{display:flex;align-items:end;gap:8px;min-height:92px}.speaking-progress-bars span,.speaking-progress-record{position:relative;display:grid;align-items:end;justify-items:center;width:48px;height:86px;color:var(--muted)}.speaking-progress-record{border:0;padding:0;background:transparent;font:inherit;cursor:pointer}.speaking-progress-record:disabled{cursor:default;opacity:0.58}.speaking-progress-bars span::before,.speaking-progress-record::before{content:"";width:100%;height:var(--score-height);min-height:8px;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--green),#2d6cb5)}.speaking-progress-record:not(:disabled):hover::before,.speaking-progress-record:not(:disabled):focus::before{background:linear-gradient(180deg,#ffd95a,var(--green))}.speaking-progress-bars em,.speaking-progress-bars small{font-style:normal;font-weight:900}.speaking-progress-bars em{position:absolute;top:-18px;font-size:0.7rem}.speaking-progress-bars small{margin-top:6px;font-size:0.62rem;line-height:1;white-space:nowrap}.speaking-active-session{position:fixed;top:calc(88px + env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:1500;display:grid;gap:2px;min-width:156px;padding:10px 12px;border:1px solid rgba(59,143,117,0.32);border-radius:14px;color:var(--ink);background:rgba(255,255,255,0.94);box-shadow:0 16px 34px rgba(24,38,58,0.16);backdrop-filter:blur(12px)}.speaking-active-session span,.speaking-active-session small{color:var(--muted);font-size:0.68rem;font-weight:900;text-transform:uppercase}.speaking-active-session strong{font-size:1.3rem;line-height:1}.speaking-result-modal{position:fixed;inset:0;z-index:1550;display:grid;place-items:center;padding:18px;background:rgba(7,17,31,0.68);backdrop-filter:blur(12px)}.speaking-result-modal[hidden]{display:none}.speaking-result-panel{display:grid;gap:14px;width:min(100%,980px);max-height:min(90vh,820px);overflow-y:auto;padding:clamp(16px,3vw,24px);border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--white);box-shadow:var(--shadow)}.speaking-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.speaking-result-head h2,.speaking-result-head p{margin:0}.speaking-result-head span{display:inline-flex;margin-top:6px;color:var(--green);font-weight:950}.speaking-result-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.speaking-result-delete,.speaking-result-close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;color:#ffffff;background:var(--red);font:inherit;font-size:1.2rem;font-weight:950;cursor:pointer}.speaking-result-delete{border:1px solid rgba(255,217,90,0.55);background:#ffd95a}.speaking-result-delete img{width:18px;height:18px;object-fit:contain}.speaking-result-delete:disabled{cursor:wait;opacity:0.62}.speaking-saved-task-result{display:grid;gap:14px}.speaking-result-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.speaking-result-section-head .writing-topic-tool-stack{flex:0 0 auto;margin-top:0}.speaking-result-mistakes{display:grid;gap:8px}.speaking-result-mistakes article{display:grid;gap:6px;padding:10px;border:1px solid rgba(191,78,92,0.22);border-radius:12px;background:rgba(191,78,92,0.08)}.speaking-result-mistakes span{color:var(--red);font-weight:950}.speaking-result-mistakes strong{color:var(--green)}.speaking-result-mistakes p,.speaking-result-empty{margin:0;color:var(--muted);line-height:1.5}.speaking-result-note-btn{justify-self:start;min-height:34px;padding:0 12px;border:0;border-radius:999px;color:#07111f;background:#ffd95a;font:inherit;font-size:0.8rem;font-weight:950;cursor:pointer}.speaking-result-note-btn:disabled{cursor:default;opacity:0.72}.speaking-test-recorder{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.speaking-test-recorder-info,.speaking-test-recorder-controls{display:grid;align-content:start;gap:12px;min-width:0}.speaking-test-recorder-info{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:12px 14px;border:1px solid rgba(59,143,117,0.2);border-radius:12px;background:rgba(59,143,117,0.08)}.speaking-test-recorder-info p,.speaking-test-recorder-info small{margin:0}.speaking-test-recorder-info small{color:var(--muted);font-weight:850;line-height:1.45}.speaking-test-recorder-info .speaking-feedback-save{margin-top:2px}.speaking-test-recorder-info .speaking-recorder-actions{justify-content:flex-start}.speaking-test-recorder-controls{grid-template-columns:minmax(170px,0.4fr) minmax(260px,0.6fr);align-items:start;justify-items:stretch;gap:14px;overflow:visible}.btn-icon-label{gap:8px}.btn-icon-label img{width:18px;height:18px;object-fit:contain}.speaking-record-sphere-wrap{position:relative;display:grid;place-items:center;padding:6px 0}.speaking-recorder-main-stack{display:grid;justify-items:center;gap:12px;min-width:0}.speaking-recorder-main-stack audio{width:100%;max-width:340px}.speaking-recorder-detail-stack{display:grid;align-content:start;gap:10px;min-width:0}.speaking-recorder-detail-stack audio{width:100%;min-width:0}.speaking-record-sphere{--record-progress:0deg;display:grid;place-items:center;align-content:center;gap:10px;width:172px;height:172px;border:0;border-radius:50%;color:var(--navy);background:radial-gradient(circle at center,#ffffff 0 58%,transparent 59%),conic-gradient(var(--green) var(--record-progress),rgba(59,143,117,0.16) 0);box-shadow:0 18px 38px rgba(24,38,58,0.12);cursor:pointer;font:inherit}.speaking-record-sphere span{color:var(--navy);font-size:clamp(1.6rem,4vw,2.15rem);font-weight:950;line-height:1}.speaking-record-sphere-icon{width:30px;height:30px;object-fit:contain;filter:brightness(0) saturate(100%) invert(23%) sepia(23%) saturate(1238%) hue-rotate(177deg) brightness(91%) contrast(91%)}.speaking-record-sphere-icon.is-ready{opacity:0.78}.speaking-record-sphere-icon.is-countdown{filter:brightness(0) saturate(100%) invert(48%) sepia(73%) saturate(505%) hue-rotate(4deg) brightness(92%) contrast(90%)}.speaking-record-sphere-icon.is-recording{filter:invert(39%) sepia(40%) saturate(1044%) hue-rotate(304deg) brightness(88%) contrast(87%);animation:speakingRecordPulse 5s infinite}.speaking-record-sphere-icon.is-done{filter:invert(47%) sepia(22%) saturate(1001%) hue-rotate(113deg) brightness(93%) contrast(86%)}.speaking-record-sphere.is-countdown{background:radial-gradient(circle at center,#fffdf4 0 58%,transparent 59%),conic-gradient(var(--gold) 360deg,rgba(223,180,93,0.18) 0)}.speaking-record-sphere.is-recording{color:var(--red);background:radial-gradient(circle at center,#fff7f8 0 58%,transparent 59%),conic-gradient(var(--red) var(--record-progress),rgba(191,78,92,0.14) 0);animation:speakingRecordGlow 6s infinite}.speaking-record-sphere.has-recording:not(.is-recording):not(.is-countdown){background:radial-gradient(circle at center,#f8fffb 0 58%,transparent 59%),conic-gradient(var(--green) 360deg,rgba(59,143,117,0.16) 0)}.speaking-recorder-side-actions{display:grid;justify-items:center;align-content:center;gap:12px;min-width:0}.speaking-audio-placeholder{width:100%;min-height:42px;border-radius:999px;background:rgba(99,112,131,0.08)}.speaking-recorder-submit-actions{display:grid;grid-template-columns:1fr;justify-content:stretch;width:100%}.speaking-recorder-submit-actions .btn{width:100%;min-width:0;max-width:150px;justify-self:center;justify-content:center;text-align:center;gap:7px;white-space:nowrap}.speaking-recorder-submit-actions .btn img{flex:0 0 auto}.speaking-recorder-submit-actions .btn-secondary img{filter:brightness(0) saturate(100%) invert(16%) sepia(27%) saturate(1288%) hue-rotate(176deg) brightness(91%) contrast(91%)}.speaking-recording-export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.speaking-recording-export-actions .btn{min-height:40px;padding:9px 14px}.speaking-recording-export-actions .btn img{width:18px;height:18px;object-fit:contain}@keyframes speakingRecordGlow{0%,100%{box-shadow:0 18px 38px rgba(191,78,92,0.16)}50%{box-shadow:0 18px 48px rgba(191,78,92,0.34)}}.speaking-recording-indicator{display:inline-flex;align-items:center;justify-self:start;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--white);font-weight:950}.speaking-recording-indicator span{width:10px;height:10px;border-radius:50%;background:#9aa8b7}.speaking-recording-indicator.is-countdown{color:var(--navy);border-color:rgba(223,180,93,0.42);background:#fff8df}.speaking-recording-indicator.is-countdown span{background:var(--gold)}.speaking-recording-indicator.is-recording{color:var(--red);border-color:rgba(191,78,92,0.36);background:rgba(191,78,92,0.08)}.speaking-recording-indicator.is-recording span{background:var(--red);box-shadow:0 0 0 rgba(191,78,92,0.42);animation:speakingRecordPulse 1s infinite}@keyframes speakingRecordPulse{0%{opacity:1;box-shadow:0 0 0 0 rgba(191,78,92,0.42)}50%{opacity:0.38;box-shadow:0 0 0 8px rgba(191,78,92,0)}100%{opacity:1;box-shadow:0 0 0 0 rgba(191,78,92,0)}}.speaking-feedback-save{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.speaking-feedback-save small{color:var(--muted);font-weight:800;line-height:1.45}.speaking-ai-result{display:grid;gap:10px;padding:14px;border:1px solid rgba(59,143,117,0.24);border-radius:12px;background:#f3fbf7;overflow:visible}.speaking-transcript-panel,.speaking-suggestions-panel,.speaking-example-panel,.speaking-question-breakdown{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--white);overflow:visible}.speaking-transcript-panel>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.speaking-evaluation-mistakes{display:grid;gap:10px;padding:14px;border:1px solid rgba(191,78,92,0.2);border-radius:12px;background:rgba(191,78,92,0.06)}.speaking-evaluation-mistakes h3{margin:0;color:var(--green);font-size:1rem}.speaking-mistake-card{display:grid;gap:8px;padding:12px;border:1px solid rgba(191,78,92,0.26);border-radius:12px;background:var(--white)}.speaking-mistake-card>div:first-child{display:grid;gap:5px}.speaking-mistake-card span{color:var(--red);font-size:0.76rem;font-weight:950;text-transform:uppercase}.speaking-mistake-card strong{color:var(--ink);font-size:1rem}.speaking-mistake-card p{margin:0;color:var(--muted);line-height:1.5}.speaking-mistake-card b{color:var(--green)}.speaking-ai-result strong{color:var(--green)}.speaking-ai-result span{color:var(--red);font-weight:950}.speaking-ai-result p{margin:0;color:var(--ink);line-height:1.55}.speaking-suggestions-panel h3,.speaking-example-panel h3,.speaking-question-breakdown h3,.speaking-suggestions-panel b{margin:0;color:var(--green);font-size:1rem}.speaking-suggestions-panel b{font-size:inherit}.speaking-example-panel{border-color:rgba(223,180,93,0.42);background:#fffaf0}.speaking-example-panel p{margin:0;color:var(--ink);line-height:1.7}.speaking-question-breakdown{padding:12px;background:#f8fbfd}.speaking-question-breakdown ol{display:grid;gap:8px;margin:0;padding-left:22px}.speaking-question-breakdown li{color:var(--ink);line-height:1.5}.speaking-feedback-complete{background:#eef8f4}.practice-access-lock{max-width:680px;margin:0 auto;text-align:left}.practice-access-lock h2,.practice-access-lock p{margin:0}.practice-access-lock h2{color:var(--green)}.practice-access-lock p{color:var(--muted);line-height:1.6}.studio-add-card{display:grid;place-items:center;gap:10px;min-height:164px;width:100%;border:2px dashed rgba(59,143,117,0.45);border-radius:14px;color:var(--green);background:rgba(59,143,117,0.08);cursor:pointer;font:inherit;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}.studio-add-card:hover,.studio-add-card:focus{transform:translateY(-3px);border-color:var(--green);background:rgba(59,143,117,0.13);box-shadow:0 16px 34px rgba(59,143,117,0.16);outline:none}.studio-add-card span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#ffffff;background:var(--green);font-size:2rem;font-weight:950;line-height:1}.studio-add-card strong{font-size:1.05rem;font-weight:950}.exercise-card-editor[draggable="true"]{cursor:grab}.exercise-card-editor.is-dragging{opacity:0.62;cursor:grabbing}.exercise-card-editor.is-drop-target{border-color:var(--green);box-shadow:0 0 0 3px rgba(59,143,117,0.14)}.studio-delete-card{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(191,78,92,0.28);border-radius:10px;color:#ffffff;background:var(--red);cursor:pointer;font:inherit;font-size:1rem;font-weight:950;line-height:1;transition:transform 180ms ease,box-shadow 180ms ease}.studio-delete-card:hover,.studio-delete-card:focus{transform:translateY(-1px);box-shadow:0 10px 22px rgba(191,78,92,0.22);outline:none}body.dark-mode .studio-add-card{color:#8be0bc;border-color:rgba(139,224,188,0.36);background:rgba(139,224,188,0.08)}body.dark-mode .studio-add-card:hover,body.dark-mode .studio-add-card:focus{border-color:#8be0bc;background:rgba(139,224,188,0.13);box-shadow:0 16px 34px rgba(0,0,0,0.28)}body.dark-mode .exercise-card-editor.is-drop-target{border-color:#8be0bc;box-shadow:0 0 0 3px rgba(139,224,188,0.16)}.mistake-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mistake-ai-button{display:inline-grid;place-items:center;min-width:42px;min-height:34px;padding:0 10px;border:0;border-radius:10px;color:#ffffff;background:var(--green);font:inherit;font-size:0.78rem;font-weight:950;cursor:pointer}.mistake-ai-button:hover,.mistake-ai-button:focus{outline:0;background:#327c66;transform:translateY(-1px)}.mistake-ai-button:disabled{cursor:wait;opacity:0.64;transform:none}.mistake-ai-explanation{display:grid;gap:6px;margin-top:8px;padding:9px;border-radius:8px;color:#07111f;background:rgba(255,255,255,0.88);font-size:0.78rem;font-weight:800;line-height:1.45}.mistake-ai-explanation[hidden]{display:none}.mistake-ai-explanation p,.mistake-ai-explanation ul{margin:0}.mistake-ai-explanation ul{padding-left:18px}.speaking-recorder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.speaking-ai-loading{flex-wrap:wrap}.speaking-evaluation-progress{display:grid;gap:7px;width:min(100%,520px);margin:4px auto 0;color:var(--navy)}.speaking-evaluation-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:0.78rem;font-weight:900}.speaking-evaluation-progress-head strong{color:var(--green);font-variant-numeric:tabular-nums}.speaking-evaluation-track{height:9px;overflow:hidden;border-radius:999px;background:rgba(29,49,82,0.12)}.speaking-evaluation-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));transition:width 240ms linear}.speaking-evaluation-progress small{color:var(--muted);font-size:0.72rem;font-weight:850;line-height:1.35}.speaking-recording-time{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--red);background:var(--white);font-weight:900}body.dark-mode .speaking-recorder{background:#0d1829;border-color:rgba(58,79,108,0.86)}body.dark-mode .speaking-recorder p{color:#c9d7e8}body.dark-mode .speaking-recording-time{color:#f2a3ad;background:#17263d;border-color:rgba(58,79,108,0.86)}body.dark-mode .speaking-evaluation-progress{color:#eef5ff}body.dark-mode .speaking-evaluation-progress-head strong{color:#8be0bc}body.dark-mode .speaking-evaluation-track{background:rgba(244,248,255,0.12)}body.dark-mode .speaking-evaluation-progress small{color:#c9d7e8}body.dark-mode .speaking-prep-timer{border-color:rgba(223,180,93,0.34);background:linear-gradient(135deg,rgba(223,180,93,0.14),rgba(59,179,139,0.08))}body.dark-mode .speaking-prep-timer strong{color:#eef5ff}body.dark-mode .speaking-prep-timer p{color:#c9d7e8}body.dark-mode .speaking-exam-flow article,body.dark-mode .speaking-complete-start-card,body.dark-mode .speaking-complete-phase,body.dark-mode .speaking-complete-score-card,body.dark-mode .speaking-complete-progress{border-color:rgba(58,79,108,0.86);background:#0d1829}body.dark-mode .speaking-exam-flow strong,body.dark-mode .speaking-complete-start-card h3,body.dark-mode .speaking-complete-phase strong,body.dark-mode .speaking-complete-score-card strong,body.dark-mode .speaking-complete-progress strong{color:#eef5ff}body.dark-mode .speaking-complete-phase p,body.dark-mode .speaking-complete-score-card p,body.dark-mode .speaking-complete-start-card p,body.dark-mode .speaking-complete-progress-empty p{color:#c9d7e8}body.dark-mode .speaking-review-card #speakingSaveStatus .speaking-evaluation-progress{border-color:rgba(139,224,188,0.24);background:rgba(139,224,188,0.08)}body.dark-mode .speaking-review-task-status{color:#c9d7e8;border-color:rgba(244,248,255,0.12);background:rgba(244,248,255,0.06)}body.dark-mode .speaking-review-task-status.is-active{color:#e2bd68;border-color:rgba(226,189,104,0.34);background:rgba(226,189,104,0.1)}body.dark-mode .speaking-review-task-status.is-done{color:#8be0bc;border-color:rgba(139,224,188,0.34);background:rgba(139,224,188,0.1)}body.dark-mode .speaking-review-task-status.is-error{color:#ff8ea0;border-color:rgba(255,142,160,0.36);background:rgba(255,142,160,0.11)}.speaking-answer-layout{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:16px}.speaking-answer-layout article{display:grid;gap:10px;min-height:180px;max-height:320px;overflow-y:auto;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.speaking-answer-layout span{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.speaking-answer-layout p{margin:0;line-height:1.75}.speaking-detail-card{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.speaking-question-detail{display:grid;gap:12px}.speaking-question-detail span{color:var(--green);font-size:0.78rem;font-weight:950;text-transform:uppercase}.speaking-question-detail p,.speaking-example-answer p{margin:0;line-height:1.75}.speaking-chatgpt-btn{justify-self:start}.speaking-example-answer{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:14px;background:var(--white)}.speaking-example-answer summary{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:var(--navy);background:#fffaf0;cursor:pointer;font-weight:950}.speaking-example-summary-tools{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.speaking-example-summary-main{display:inline-flex;flex:1 1 auto;align-items:center;gap:14px;min-width:0}.speaking-example-title{flex:0 0 auto}.speaking-example-summary-tools .writing-topic-tool-stack{margin:0}.speaking-example-summary-tools .writing-topic-tool{flex:0 0 auto}.speaking-example-summary-tools button.writing-topic-tool{border:0;padding:0;cursor:pointer}.speaking-example-delete{border:1px solid rgba(185,28,28,0.22);background:#fee2e2;box-shadow:0 8px 18px rgba(185,28,28,0.14)}.speaking-example-delete img{filter:brightness(0) saturate(100%) invert(20%) sepia(76%) saturate(2728%) hue-rotate(348deg) brightness(85%) contrast(92%)}.speaking-example-answer p{padding:16px}.speaking-example-empty{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:16px}.speaking-example-empty p{padding:0}.speaking-example-levels{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.speaking-example-levels span{color:var(--muted);font-size:0.86rem;font-weight:400}.speaking-example-levels .btn{min-height:40px;padding:10px 14px}.speaking-saved-example-picker{display:grid;gap:8px;min-width:min(100%,360px);margin-left:auto;color:var(--muted);font-size:0.88rem;font-weight:900}.speaking-saved-example-picker-inline{grid-template-columns:minmax(180px,320px);align-items:center;min-width:0;margin-left:0}.speaking-saved-example-picker span{color:inherit}.speaking-saved-example-picker select{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--navy);background:var(--white);font:inherit;font-weight:800}.speaking-example-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px}.speaking-test-example-body{gap:18px}.speaking-test-example-body>.writing-example-answer-body{padding:0}.writing-example-answer-body{display:grid;gap:12px;padding:16px}.writing-example-answer-body p{margin:0;padding:0;line-height:1.75}@media (min-width:981px){.speaking-exam-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.speaking-exam-intro>.speaking-panel-head{grid-column:1 / -1}.speaking-exam-intro>.speaking-exam-flow{grid-column:1}.speaking-exam-intro>.btn{grid-column:2;min-width:180px;justify-self:end}.speaking-exam-intro .speaking-exam-flow article{min-height:96px}.speaking-practice-test-card{grid-template-columns:minmax(320px,0.42fr) minmax(420px,0.58fr);align-items:start;gap:16px;max-width:1180px;margin:0 auto}.speaking-practice-test-card>.speaking-panel-head{grid-column:1 / -1}.speaking-practice-test-card>.writing-prompt-card,.speaking-practice-test-card>.speaking-test-saved-examples{grid-column:1}.speaking-practice-test-card>.speaking-prep-timer,.speaking-practice-test-card>.speaking-test-recorder{grid-column:2}.speaking-practice-test-card>.writing-ai-status,.speaking-practice-test-card>.submit-confirm-modal{grid-column:1 / -1}.speaking-practice-test-card>.writing-prompt-card{position:static;align-self:start;min-height:0}.speaking-practice-test-card .speaking-test-saved-examples{max-height:280px}.speaking-practice-test-card .speaking-example-answer summary{padding:10px 12px}.speaking-practice-test-card .speaking-example-summary-main{gap:10px}.speaking-practice-test-card .speaking-saved-example-picker-inline{grid-template-columns:minmax(180px,1fr)}.speaking-practice-test-card .speaking-example-summary-tools{gap:6px}.speaking-practice-test-card .speaking-test-example-body,.speaking-practice-test-card .writing-example-answer-body{gap:10px}.speaking-practice-test-card .writing-example-answer-body{padding:12px}.speaking-practice-test-card .speaking-prep-timer{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px}.speaking-practice-test-card .speaking-prep-timer .speaking-recorder-actions{grid-column:1 / -1;justify-content:start}.speaking-practice-test-card .speaking-test-recorder{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.speaking-practice-test-card .speaking-test-recorder-info{padding:12px}.speaking-practice-test-card .speaking-test-recorder-controls{grid-template-columns:minmax(150px,0.38fr) minmax(240px,0.62fr);justify-items:center;gap:10px;overflow:visible}.speaking-practice-test-card .speaking-recorder-main-stack{width:100%}.speaking-practice-test-card .speaking-recorder-side-actions{width:100%}.speaking-practice-test-card .speaking-recorder-submit-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.speaking-practice-test-card .speaking-recorder-submit-actions .btn{max-width:none}.speaking-practice-test-card .speaking-record-sphere{width:150px;height:150px}.speaking-practice-test-card .speaking-audio-placeholder{min-height:36px}.speaking-hero,.speaking-section{padding:clamp(18px,3vw,42px) clamp(18px,3vw,48px)}.speaking-hero{gap:10px;padding-block:12px}.practice-kind-title{font-size:clamp(1.25rem,2.1vw,1.75rem)}.speaking-task-tabs{gap:6px}.speaking-task-tab{min-width:92px;min-height:36px;padding:0 14px;border-radius:11px;font-size:0.86rem}.writing-selector-hero .speaking-task-tab{min-width:74px;min-height:30px;padding:0 10px;font-size:0.76rem}.writing-selection-section{padding-block:20px}.writing-selection-layout{grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:14px;width:min(100%,1080px)}.writing-selection-sidebar{top:72px;gap:8px}.writing-selection-sidebar .section-heading h2{font-size:0.92rem}.speaking-question-panel,.speaking-question-row,.speaking-question-extra,.speaking-complete-start-card{border-radius:13px}.speaking-question-toggle{min-height:54px}.writing-topic-number-panel{width:44px}.writing-topic-number-panel strong{width:28px;height:28px;font-size:0.86rem}.writing-topic-text-panel{padding:12px 14px}.writing-topic-text-panel p,.speaking-question-toggle p{font-size:0.9rem;line-height:1.48}.writing-list-score{font-size:0.68rem}.question-page-controls{min-height:34px;padding:6px 8px;border-radius:11px}.question-page-button,.question-page-arrow{min-width:28px;min-height:28px;border-radius:8px;font-size:0.78rem}}@media (max-width:760px){.writing-ai-head,.writing-dashboard-head{grid-template-columns:1fr}.writing-score-grid,.writing-dashboard-stats,.writing-ai-exercise-grid,.writing-ai-split{grid-template-columns:1fr}.speaking-ai-agent-stage,.speaking-ai-agent-evaluation,.speaking-ai-agent-evaluation-head{grid-template-columns:1fr}.speaking-ai-agent-orb{justify-self:center;width:120px;height:120px}.speaking-ai-agent-turn{width:100%}}@media (max-width:920px){.site-header{grid-template-columns:auto minmax(0,1fr) auto;gap:12px 16px;min-height:calc(68px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.brand{grid-column:1;grid-row:1}.brand-mark{display:none}.header-quick-actions{grid-column:2;grid-row:1;justify-self:start}.header-actions{grid-column:3;grid-row:1;max-width:100%}.header-access-status,.header-language-button{max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-chip{max-width:180px}.user-chip span{max-width:88px}.top-nav{grid-column:1 / -1;grid-row:2;justify-self:center;max-width:100%;overflow:visible;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.lesson-panel{grid-template-columns:1fr}.hero{grid-template-columns:minmax(0,1fr) minmax(300px,0.9fr);gap:24px;padding-top:28px;min-height:auto;align-items:start}.hero-demo-recorder{grid-template-columns:minmax(108px,auto) minmax(0,1fr);gap:12px}.hero-demo-recorder .speaking-record-sphere{width:118px;height:118px}.hero-demo-actions{justify-items:stretch}.hero-demo-actions .btn{width:100%;min-width:0;padding:0 12px;font-size:0.86rem}.hero-demo-actions .btn-icon-label{gap:7px}.hero-demo-actions .btn-icon-label img{width:16px;height:16px}.practice-grid,.pricing-grid,.exam-grid,.feature-list,.flow-steps{grid-template-columns:1fr}.seo-support-section{grid-template-columns:1fr;width:min(100% - 24px,760px);gap:14px}.seo-support-section h2{font-size:clamp(1.35rem,6vw,1.85rem);line-height:1.12;overflow-wrap:anywhere}.seo-support-section p{font-size:0.92rem;line-height:1.55}.practice-layout{grid-template-columns:1fr}.practice-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line)}.practice-tab:hover,.practice-tab:focus,.practice-tab.is-active{transform:none}.practice-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-card:has(.practice-card-result){grid-template-columns:1fr;gap:8px}.number-sphere{width:68px;height:68px}.speaking-practice-layout{grid-template-columns:1fr}.speaking-year-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line)}.speaking-category-layout .speaking-year-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.speaking-month-options{grid-template-columns:repeat(3,minmax(0,1fr))}.speaking-answer-layout{grid-template-columns:1fr}.speaking-prep-timer{grid-template-columns:1fr;align-items:stretch}.speaking-prep-timer .speaking-recorder-actions{justify-content:stretch}.speaking-prep-timer .btn{flex:1 1 140px}.speaking-exam-flow,.speaking-complete-start-card,.speaking-complete-phase,.speaking-complete-score-card,.speaking-complete-progress{grid-template-columns:1fr}.speaking-complete-start-card .btn{width:100%}.speaking-complete-countdown{justify-items:start}.speaking-complete-score-card .btn{width:100%}.studio-grid{grid-template-columns:1fr}.listening-auto-import,.listening-answer-key-head,.listening-card-layout{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.listening-answer-key-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.listening-answer-editor-head{align-items:flex-start;flex-direction:column}.listening-answer-editor-row{grid-template-columns:38px 28px minmax(0,1fr)}.listening-card-layout{display:grid}.practice-bottom-inner{grid-template-columns:1fr;justify-items:stretch}.practice-workspace{grid-template-columns:1fr}.practice-question-block{position:static}.practice-workspace.is-listening .practice-audio-center,.practice-workspace.is-reading .practice-reading-panel,.practice-workspace.is-listening .practice-question-block,.practice-workspace.is-reading .practice-question-block{order:initial}.result-overview,.answer-review-panel{grid-template-columns:1fr}.score-ring{width:min(100%,220px);justify-self:center}.result-level-card{width:min(100%,220px);justify-self:center}.result-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-timer{grid-template-columns:auto auto;justify-content:space-between;align-items:center}.question-jump-list{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.tcf-hero{grid-template-columns:1fr;min-height:auto}.price-card.highlighted{transform:none}.writing-selection-layout{grid-template-columns:1fr}.writing-selection-sidebar{position:static}.writing-selection-sidebar .speaking-practice-layout{grid-template-columns:1fr}.writing-selection-sidebar .speaking-month-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:581px) and (max-width:760px){.site-header{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.mobile-menu-toggle{grid-column:1;grid-row:1;display:inline-grid;place-items:center;width:38px;height:38px;justify-self:start;border-radius:10px}.mobile-menu-toggle span{display:block;width:22px;height:2px;margin:3px 0;border-radius:999px;background:#ffffff}.brand{grid-column:1 / -1;grid-row:1;position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);justify-self:center;gap:0}.brand-mark{width:42px;height:42px;border-radius:10px}.header-quick-actions{grid-column:1 / -1;grid-row:2;display:none;justify-self:stretch;justify-content:start;gap:6px}.site-header.is-menu-open .header-quick-actions{display:flex}.top-nav{grid-column:1 / -1;grid-row:3;display:none;align-items:stretch;width:100%;gap:6px;padding:10px 0 2px;margin:0;border-top:1px solid rgba(255,255,255,0.1)}.site-header.is-menu-open .top-nav{display:grid;grid-template-columns:1fr}.top-nav a,.top-nav summary{min-height:40px;padding:11px 12px;font-size:0.9rem;text-align:left}.nav-dropdown{position:static}.nav-menu,.nav-dropdown-wide .nav-menu{position:static;grid-template-columns:1fr;transform:none;min-width:0;max-width:100%;width:100%;margin-top:6px;padding:10px}.nav-menu-arrow{display:none}.nav-menu-exam-grid{grid-template-columns:1fr;gap:6px}.header-actions{grid-column:3;grid-row:1;justify-content:flex-end;gap:5px}.header-language-button{display:none}.theme-switch{width:42px;height:30px;min-height:30px}.theme-switch-track{width:34px;height:20px}.theme-switch-thumb{top:2px;left:2px;width:16px;height:16px}.theme-switch[aria-pressed="true"] .theme-switch-thumb{transform:translateX(14px)}.header-access-status:empty{display:none}#loginButton,.logout-btn{min-height:34px;padding:0 11px;font-size:0.78rem}.hero-title{font-size:clamp(1.55rem,4vw,1.9rem)}.hero-text{font-size:0.94rem;line-height:1.55}.hero-actions{margin-top:20px}}@media (min-width:581px) and (max-width:920px){.site-header{grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px 16px;min-height:calc(60px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 16px 8px}.brand,.header-quick-actions,.top-nav,.header-actions{grid-row:1}.brand{grid-column:1;justify-self:start}.header-quick-actions{grid-column:2;display:inline-flex;justify-self:start}.top-nav{grid-column:3;justify-self:start;display:flex;width:auto;padding:0;margin:0;border-top:0}.header-actions{grid-column:4;justify-self:end}.brand-mark{width:38px;height:38px;border-radius:10px}.top-nav a,.top-nav summary{padding:7px 9px;font-size:0.84rem}.notebook-header-btn,.ask-ai-header-btn{min-height:34px;padding:0 10px;font-size:0.74rem}.notebook-header-btn img,.ask-ai-header-btn img{width:16px;height:16px}.nav-dropdown-wide .nav-menu{grid-template-columns:minmax(150px,0.8fr) minmax(220px,1fr);min-width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);gap:16px;padding:22px}.nav-menu-exam-grid{grid-template-columns:repeat(2,minmax(95px,1fr))}.nav-menu-practice{grid-template-columns:1fr;width:min(260px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);padding:14px}.nav-menu-practice-grid{grid-template-columns:minmax(130px,1fr)}.btn,#loginButton,.logout-btn{min-height:34px;padding:0 12px;font-size:0.82rem}}@media (min-width:581px) and (max-width:760px){.site-header{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.mobile-menu-toggle{grid-column:1;grid-row:1;display:inline-grid;place-items:center;width:38px;height:38px;justify-self:start;border-radius:10px}.mobile-menu-toggle span{display:block;width:22px;height:2px;margin:3px 0;border-radius:999px;background:#ffffff}.brand{grid-column:1 / -1;grid-row:1;position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);justify-self:center;gap:0}.brand-mark{width:42px;height:42px}.header-quick-actions{grid-column:1 / -1;grid-row:2;display:none;justify-self:stretch;justify-content:start}.site-header.is-menu-open .header-quick-actions{display:flex}.top-nav{grid-column:1 / -1;grid-row:3;display:none;width:100%;gap:6px;padding:10px 0 2px;margin:0;border-top:1px solid rgba(255,255,255,0.1)}.site-header.is-menu-open .top-nav{display:grid;grid-template-columns:1fr}.nav-dropdown{position:static}.nav-menu,.nav-dropdown-wide .nav-menu{position:static;grid-template-columns:1fr;transform:none;min-width:0;max-width:100%;width:100%;margin-top:6px;padding:10px}.nav-menu-exam-grid{grid-template-columns:1fr}.nav-menu-practice,.nav-menu-practice-grid{grid-template-columns:1fr;min-width:0;max-width:100%}.header-actions{grid-column:3;grid-row:1;justify-self:end}.header-access-status{display:inline-flex;max-width:112px;min-height:34px;padding:0 10px;font-size:0.72rem;overflow:hidden;text-overflow:ellipsis}.header-access-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-language-button{display:none}}@media (max-width:580px){.writing-topic-actions{grid-template-columns:1fr}.site-header{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.mobile-menu-toggle{grid-column:1;grid-row:1;display:inline-grid;place-items:center;width:38px;height:38px;justify-self:start;border-radius:10px}.mobile-menu-toggle span{display:block;width:22px;height:2px;margin:3px 0;border-radius:999px;background:#ffffff}.brand{grid-column:1 / -1;grid-row:1;display:none;position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);justify-self:center;gap:0}.header-quick-actions{grid-column:1 / -1;grid-row:2;display:none;justify-self:stretch;justify-content:start;gap:5px}.site-header.is-menu-open .header-quick-actions{display:flex}.notebook-header-btn,.ask-ai-header-btn{min-height:34px;padding:0 9px;font-size:0.68rem}.ask-ai-floating-btn{min-height:50px;padding:0 15px;font-size:0.82rem}.notebook-header-btn img,.ask-ai-header-btn img{width:16px;height:16px}.ask-ai-header-btn span{display:none}.brand small{display:none}.brand-mark{width:42px;height:42px}.speaking-month-options{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-category-layout .speaking-year-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-panel-head{display:grid}.btn{min-height:40px;padding:0 14px}.top-nav{grid-column:1 / -1;grid-row:3;display:none;align-items:stretch;overflow:visible;width:100%;gap:6px;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,0.1);margin-top:2px}html:not(.dark-mode) .site-header{border-bottom-color:rgba(16,34,52,0.12);background:rgba(255,255,255,0.97)}html:not(.dark-mode) .site-header.is-menu-open{box-shadow:0 16px 34px rgba(20,38,58,0.12)}html:not(.dark-mode) .mobile-menu-toggle span{background:var(--navy)}html:not(.dark-mode) .top-nav{border-top-color:rgba(16,34,52,0.12)}html:not(.dark-mode) .top-nav a,html:not(.dark-mode) .top-nav summary{color:var(--navy);border:1px solid rgba(16,34,52,0.1);background:rgba(247,251,250,0.9)}.site-header.is-menu-open .top-nav{display:grid;grid-template-columns:1fr}.top-nav a,.top-nav summary{flex:none;min-width:0;padding:12px;font-size:0.95rem;text-align:left;white-space:nowrap}.nav-dropdown{flex:none;min-width:0;position:static}.nav-dropdown summary{display:block}.nav-menu{position:static;display:grid;grid-template-columns:1fr;transform:none;min-width:0;width:100%;max-height:min(70vh,360px);overflow-y:auto;z-index:60;margin-top:6px;padding:8px}.nav-dropdown-wide .nav-menu,.nav-menu-tcf{grid-template-columns:1fr;gap:10px;min-width:0;padding:10px}.nav-menu-heading{margin-bottom:2px;font-size:0.66rem}.nav-menu-arrow{display:none}.nav-menu-exam-grid{grid-template-columns:1fr;gap:6px}.nav-menu a{padding:10px 12px;font-size:0.84rem;white-space:normal}.writing-selector-hero{gap:8px;padding:12px 8px}.writing-selector-hero .practice-kind-title{width:100%;padding:0 4px;font-size:clamp(0.95rem,4.4vw,1.08rem);line-height:1.18;white-space:normal}.writing-selector-hero .speaking-task-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:100%;gap:4px;padding:0}.writing-selector-hero .speaking-task-tab{min-width:0;min-height:30px;padding:0 4px;border-radius:8px;font-size:clamp(0.58rem,2.3vw,0.68rem);line-height:1}.auth-area{width:auto;min-width:0;justify-content:flex-end;flex-wrap:nowrap}.header-actions{grid-column:3;grid-row:1;width:auto;justify-content:flex-end;gap:7px}.user-chip{gap:0;max-width:none;padding:0;border:0;background:transparent;box-shadow:none}.user-chip span{display:none}.header-access-status{width:auto;min-width:78px;max-width:112px;min-height:34px;padding:0 11px;justify-content:center;border-radius:999px;font-size:0.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-whatsapp-button{width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.header-access-status .access-full{display:none}.header-access-status .access-mobile{display:inline}.auth-loading-chip{max-width:min(138px,36vw);min-height:34px;padding:0 9px;font-size:0.76rem;overflow:hidden;text-overflow:ellipsis}.tcf-hero{gap:18px;padding:32px 14px 28px}.tcf-hero-copy,.skill-select-panel,.seo-support-section,.tcf-section,.feature-band,.practice-band,.exam-flow{min-width:0}.skill-select-panel{gap:8px;padding:0}.skill-select-card,.skill-select-panel a,.skill-card-disabled{padding:12px 14px;border-radius:10px}.skill-select-card{gap:10px}.skill-free-btn{min-height:30px;padding:7px 10px !important;font-size:0.72rem}.skill-select-panel strong,.skill-card-disabled strong{font-size:0.9rem}.skill-select-panel span,.skill-card-disabled span{font-size:0.78rem;line-height:1.25}.seo-faq-grid,.exam-grid,.practice-grid,.feature-list,.flow-steps{gap:10px}.seo-support-section{width:calc(100% - 20px);margin:18px auto 28px;padding:14px;border-radius:14px}.help-page{width:calc(100% - 20px);padding:22px 0 42px}.help-topic-toggle{padding:14px;font-size:0.92rem}.help-topic-body{padding:0 12px 12px}.help-step-grid{grid-template-columns:1fr}.help-image-grid{grid-template-columns:1fr}.help-image-step img{width:min(100%,320px);height:min(76vh,560px)}.help-step{padding:12px}.help-phone-art,.help-browser-art{min-height:210px}.seo-faq-grid article{padding:12px;border-radius:10px}.seo-faq-grid h3{font-size:0.94rem;line-height:1.25}.seo-faq-grid p{font-size:0.84rem;line-height:1.42}.theme-switch{width:42px;height:30px;min-height:30px}.theme-switch-track{width:34px;height:20px}.theme-switch-thumb{width:16px;height:16px;top:2px;left:2px}.theme-switch[aria-pressed="true"] .theme-switch-thumb{transform:translateX(14px)}.header-language-button{display:none}.header-language-button strong,.header-language-button span{display:none}.logout-btn{min-height:34px;padding:0 10px;font-size:0.78rem}#loginButton{min-height:34px;padding:0 10px;font-size:0.78rem}.hero-title{font-size:2.05rem}.hero{grid-template-columns:1fr}.hero-media,.hero-media img{min-height:300px}.hero-speaking-demo{gap:10px;padding:12px;border-radius:14px}.hero-demo-head{display:grid;gap:4px}.hero-demo-question{padding:12px 54px 12px 12px}.hero-demo-question p{font-size:0.86rem;line-height:1.42}.hero-demo-recorder{grid-template-columns:1fr;justify-items:center;gap:10px;padding:12px}.hero-demo-recorder .speaking-record-sphere{width:132px;height:132px}.hero-demo-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);justify-items:stretch;align-items:center;width:100%}.hero-demo-actions audio{grid-column:1 / -1}.hero-demo-actions .btn{width:100%;min-width:0;min-height:40px;padding:0 12px;font-size:0.86rem}.hero-demo-actions .btn-icon-label{gap:7px}.hero-demo-actions .btn-icon-label img{width:16px;height:16px}.practice-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}.practice-tab{justify-content:center;min-height:42px;padding:0 8px;font-size:0.86rem;text-align:center}.practice-tab[data-section-id="complete-exams"]{grid-column:span 2}.practice-panels{padding:14px}.practice-table-header{margin-bottom:12px}.writing-selector-hero{padding-block:10px}.writing-selector-hero .practice-kind-title{font-size:1rem}.writing-selector-hero .speaking-task-tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding-inline:8px}.writing-selector-hero .speaking-task-tab{min-width:0;min-height:26px;padding:0 3px;border-radius:7px;font-size:0.6rem;line-height:1;white-space:nowrap}.writing-selection-section{padding:12px 8px}.writing-selection-layout{gap:10px}.writing-selection-sidebar{gap:7px}.writing-selection-sidebar .section-heading h2{font-size:0.9rem}.writing-selection-sidebar .speaking-year-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}.writing-selection-sidebar .speaking-year-tab{min-height:28px;padding:0 5px;font-size:0.68rem}.writing-selection-sidebar .speaking-month-panel{padding:6px}.writing-selection-sidebar .practice-table-header{margin-bottom:5px}.writing-selection-sidebar .speaking-month-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.writing-selection-sidebar .speaking-month-option{min-height:28px;padding:0 4px;font-size:0.68rem}.writing-selection-sidebar .speaking-month-option span{font-size:0.68rem}.writing-selection-layout .speaking-question-panel{padding:10px;border-radius:12px}.writing-selection-layout .speaking-question-row{padding:0}.writing-selection-layout .speaking-question-toggle{grid-template-columns:46px minmax(0,1fr);min-height:92px}.writing-topic-number-panel{padding-top:12px}.writing-topic-number-panel strong{min-width:30px;height:30px;border-radius:9px}.writing-topic-text-panel{gap:7px;padding:12px}.writing-selection-layout .speaking-question-toggle p{font-size:0.84rem;line-height:1.42}.speaking-example-empty{grid-template-columns:1fr}.speaking-example-toolbar{align-items:stretch;flex-direction:column}.speaking-example-summary-main{align-items:stretch;flex-direction:column;gap:8px}.speaking-saved-example-picker-inline{grid-template-columns:1fr}.speaking-saved-example-picker{min-width:0;margin-left:0}.practice-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.practice-card{min-height:158px;padding:12px 8px;gap:8px}.practice-card:has(.practice-card-result){grid-template-columns:1fr;justify-items:center;align-content:center;gap:8px}.number-sphere{width:64px;height:64px}.practice-card-result{width:100%;min-width:0;gap:4px}.practice-score-label{font-size:0.52rem}.practice-card-result strong{max-width:100%;font-size:0.82rem;white-space:nowrap}.practice-card-result small{min-width:50px;min-height:28px;padding:5px 10px;font-size:0.8rem}.practice-card:not(.is-locked) .practice-number{top:56%}.practice-card:not(.is-locked) .practice-level{top:36px}.site-footer{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}.practice-test-body{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.practice-test-main{padding:10px 8px 20px}.writing-test-stage{max-width:100%}.writing-test-card{gap:8px;padding:9px;border-radius:12px;box-shadow:0 14px 34px rgba(24,38,58,0.1)}.writing-test-card.app-loading-panel{grid-template-columns:1fr;justify-items:center;width:min(100%,360px);padding:14px;text-align:center}.writing-test-card .speaking-panel-head{gap:6px}.writing-test-card .speaking-panel-head h2{margin:0;font-size:0.96rem;line-height:1.15}.writing-test-card .eyebrow{margin-bottom:2px;font-size:0.62rem}.writing-complete-tabs{grid-template-columns:1fr;gap:6px}.writing-complete-tabs button{min-height:54px;padding:9px}.writing-prompt-card{gap:4px;padding:8px;border-radius:10px}.writing-prompt-card span{font-size:0.66rem}.writing-prompt-card p{font-size:0.8rem;line-height:1.34}.writing-prompt-card small{font-size:0.66rem;line-height:1.25}.speaking-test-recorder{grid-template-columns:1fr;gap:8px;padding:9px}.speaking-test-recorder-info{gap:8px;padding:10px}.speaking-test-recorder-info .speaking-recorder-actions .btn{width:100%;min-height:34px}.speaking-test-recorder-controls{grid-template-columns:minmax(0,1fr) minmax(92px,0.5fr);gap:8px}.speaking-record-sphere{width:138px;height:138px;gap:7px}.speaking-record-sphere-icon{width:24px;height:24px}.speaking-recorder-side-actions{gap:7px}.speaking-recorder-main-stack{gap:8px}.speaking-recorder-submit-actions .btn{min-width:0;max-width:116px;min-height:32px;padding:0 8px;font-size:0.68rem}.notebook-modal{padding:8px}.ask-ai-chat{right:8px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 62px);width:calc(100vw - 16px)}.ask-ai-panel{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);padding:14px;border-radius:14px}.speaking-active-session{top:auto;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));min-width:128px;padding:8px 10px;border-radius:12px}.speaking-active-session strong{font-size:1rem}.speaking-result-modal{padding:8px}.speaking-result-panel{max-height:calc(100dvh - 16px);padding:12px;border-radius:14px}.ask-ai-compose-actions{display:grid;grid-template-columns:1fr 1fr}.notebook-panel{max-height:92vh;padding:14px;border-radius:14px}.notebook-page{gap:14px;padding:14px 8px 28px}.notebook-source-switch{grid-template-columns:1fr 1fr;width:100%;padding:5px}.notebook-source-switch button{min-height:38px;padding:0 8px;font-size:0.78rem}.notebook-page-head{display:grid;gap:12px}.notebook-workspace{grid-template-columns:1fr;gap:12px}.notebook-sidebar{position:static}.notebook-side-tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:999px}.notebook-add-form,.notebook-main-list{padding:12px;border-radius:12px}.notebook-correction{grid-template-columns:1fr}.notebook-page .notebook-card,.notebook-card{padding:12px}.notebook-card-actions{position:static;display:flex;justify-content:flex-end;gap:8px}.notebook-card-actions button{width:40px;height:40px}.notebook-card{padding:12px 48px 12px 12px}.writing-answer-label{gap:5px;font-size:0.66rem}.writing-answer-head{gap:6px}.writing-answer-head [data-toggle-accents]{display:none}.writing-answer-head .btn,.writing-toolbar .btn,.writing-result-actions .btn{min-height:34px;padding:0 10px;font-size:0.76rem}.writing-answer-label textarea{min-height:46vh;padding:9px 9px 44px;border-radius:10px;font-size:16px;line-height:1.38}.writing-textarea-tools{right:8px;bottom:8px;gap:6px}.writing-font-control{min-height:27px;gap:5px;padding:3px 6px;font-size:0.62rem}.writing-font-control input{width:54px}#writingWordCount{min-height:27px;padding:0 7px;font-size:0.62rem}.accent-keyboard{gap:6px;padding:8px;border-radius:10px}.accent-keyboard button{min-width:34px;height:34px;border-radius:9px;font-size:0.86rem}.practice-bottom-bar{box-shadow:0 -10px 28px rgba(24,38,58,0.1)}.practice-progress-track{height:4px}.practice-bottom-inner{grid-template-columns:auto minmax(0,1fr);gap:7px;padding:7px 8px 8px}.practice-timer{gap:0;min-width:52px}.practice-timer span{font-size:0.58rem}.practice-timer strong{font-size:0.92rem}.writing-bottom-note{display:none}.writing-bottom-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;justify-content:stretch}.writing-bottom-actions .btn{min-height:32px;min-width:0;padding:0 5px;border-radius:10px;font-size:0.68rem;line-height:1.05;white-space:normal}.practice-test-head,.practice-result-banner{display:grid}.practice-answer{align-items:start}}@media (max-height:520px) and (orientation:landscape){.site-header{grid-template-columns:42px minmax(0,1fr) auto;gap:6px;min-height:calc(48px + env(safe-area-inset-top));padding:calc(5px + env(safe-area-inset-top)) 10px 5px}.mobile-menu-toggle{grid-column:1;grid-row:1;display:inline-grid;place-items:center;width:36px;height:36px}.mobile-menu-toggle span{background:#ffffff}.brand{grid-column:2;grid-row:1;display:inline-flex;justify-self:center}.brand span:not(.brand-mark){display:none}.top-nav{grid-column:1 / -1;grid-row:2;display:none;gap:4px;padding:8px 0 2px}.site-header.is-menu-open .top-nav{display:grid;grid-template-columns:1fr}.top-nav a,.top-nav summary{min-height:28px;padding:5px 8px;font-size:0.7rem;line-height:1}.header-actions{grid-column:3;grid-row:1;gap:5px}.theme-switch,.header-access-status,.header-language-button,.user-chip,.logout-btn,#loginButton{min-height:28px;font-size:0.68rem}.practice-test-body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.practice-test-main{padding:6px 8px 10px}.writing-test-card{gap:6px;padding:8px;border-radius:10px}.writing-test-card .speaking-panel-head h2{font-size:0.9rem;line-height:1.05}.writing-test-card .eyebrow{font-size:0.58rem}.writing-prompt-card{gap:4px;padding:7px 8px}.writing-prompt-card p{font-size:0.76rem;line-height:1.25}.speaking-test-recorder{gap:6px;padding:8px}.speaking-test-recorder-controls{grid-template-columns:minmax(0,1fr) minmax(84px,0.42fr);gap:7px}.speaking-test-recorder-info{gap:5px;padding:8px}.speaking-test-recorder-info small,.speaking-feedback-save small{font-size:0.58rem;line-height:1.25}.speaking-record-sphere-wrap{gap:6px;padding:2px 0}.speaking-record-sphere{width:116px;height:116px;gap:5px}.speaking-record-sphere span{font-size:1.16rem}.speaking-record-sphere-icon{width:20px;height:20px}.speaking-recorder-actions{gap:6px}.speaking-recorder-main-stack,.speaking-recorder-side-actions{gap:6px}.speaking-recorder-actions .btn,.writing-result-actions .btn{min-height:30px;padding:0 10px;font-size:0.7rem}.writing-answer-label textarea{min-height:34vh;max-height:42vh;padding:8px 8px 36px;font-size:15px;line-height:1.28}.practice-bottom-inner{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:5px 8px 6px}.practice-timer span,.writing-bottom-note{display:none}.practice-timer{min-width:44px}.practice-timer strong{font-size:0.82rem}.writing-bottom-actions{display:flex;justify-content:flex-end;gap:5px}.writing-bottom-actions .btn{min-height:28px;padding:0 8px;border-radius:9px;font-size:0.65rem;line-height:1}.writing-topic-tool{width:30px;height:30px;border-radius:9px}.writing-topic-tool img{width:15px;height:15px}.writing-selector-hero{padding-block:6px}.writing-selector-hero .practice-kind-title{font-size:0.92rem}.writing-selection-layout{gap:8px}.writing-selection-layout .speaking-question-panel{padding:10px}.writing-selection-layout .speaking-question-list{gap:7px}.writing-selection-layout .speaking-question-toggle{grid-template-columns:46px minmax(0,1fr);min-height:76px}.writing-topic-number-panel strong,.writing-topic-tool{width:30px;min-width:30px;height:30px;border-radius:9px}.writing-selection-layout .speaking-question-toggle .writing-topic-tool{width:26px;min-width:26px;height:26px;border-radius:8px}.writing-selection-layout .speaking-question-toggle .writing-topic-tool img{width:13px;height:13px}.writing-topic-text-panel{min-height:76px;gap:5px;padding:9px 10px}.writing-selection-layout .speaking-question-toggle p{font-size:0.82rem;line-height:1.28}.writing-list-score{font-size:0.62rem}.speaking-practice-layout{min-height:auto}.speaking-year-tabs,.speaking-month-panel{padding:8px}.speaking-year-tab,.speaking-month-option{min-height:32px;padding:6px 8px;font-size:0.7rem}}@media (display-mode:standalone) and (max-width:580px){.site-header{min-height:max(calc(58px + env(safe-area-inset-top)),68px);padding-top:max(calc(8px + env(safe-area-inset-top)),16px)}}@media (max-width:580px){html.is-standalone-app .site-header{min-height:max(calc(58px + env(safe-area-inset-top)),68px);padding-top:max(calc(8px + env(safe-area-inset-top)),16px)}}