@import "https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap";:root{--c-near-black:#151313;--c-coral:#ff5734;--c-coral-hover:#e84624;--c-lavender:#be94f5;--c-yellow:#fccc42;--c-off-white:#f7f7f5;--c-peach:#ffeae4;--c-speaker:#5ec8b8;--c-pure-white:#fff;--bg-canvas:#f7f7f5;--text-primary:#151313;--text-secondary:#4a4644;--text-tertiary:#6e6a67;--text-muted:#6a6562;--border-dark:1.5px solid #151313;--border-subtle:1px solid #1513131f;--border-color:#151313;--border:1px solid #15131324;--coral:#ff5734;--surface-alt:#f0eee9;--r-container:32px;--r-card:28px;--r-btn:16px;--r-input:14px;--r-pill:9999px;--font-family:"Kodchasan", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-exam:"Source Serif 4", Georgia, "Times New Roman", serif;--font-score-hero:clamp(44px, 5vw, 56px);--ease-spring:cubic-bezier(.34, 1.25, .64, 1);--ease-smooth:cubic-bezier(.16, 1, .3, 1);--bg-card:#fff;--surface:#f7f7f5;--surface-elevated:#fff;--surface-sunken:#efedea;--surface-interactive:#f0eee9;--surface-hover:#e8e5e0;--border-light:#15131314;--success:#10b981;--success-icon:#059669;--warning:#f59e0b;--error:#e84624;--dur-micro:.12s;--dur-button:.15s;--dur-hover:.2s;--dur-dropdown:.18s;--dur-modal:.24s;--dur-page:.28s;--dur-layout:.32s;--dur-emphasis:.45s}[data-theme=dark]{--bg-canvas:#141212;--bg-card:#201d1d;--surface:#1a1717;--surface-elevated:#2a2626;--surface-sunken:#181515;--surface-interactive:#262222;--surface-hover:#322e2e;--border-light:#f7f7f50f;--text-primary:#f7f7f5;--text-secondary:#d3cec8;--text-tertiary:#ada7a1;--text-muted:#a29c96;--border-dark:1.5px solid #f7f7f5;--border-subtle:1px solid #f7f7f524;--border-color:#f7f7f5;--border:1px solid #f7f7f524;--coral:#ff6b4a;--surface-alt:#262222;--c-pure-white:#201d1d;--c-peach:#332420;--c-speaker:#5ec8b8;--c-coral:#ff6b4a;--c-coral-hover:#ff8266;--c-lavender:#c9a8f7;--c-yellow:#fdd35e;--success:#34d399;--success-icon:#34d399;--warning:#fbbf24;--error:#ff6b4a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-family);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;transition:background-color .2s,color .2s}#root{min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.app-shell{background-color:var(--bg-canvas);flex-direction:column;min-height:100vh;display:flex}.content-container{flex-direction:column;gap:52px;width:100%;max-width:1400px;margin:0 auto;padding:44px 36px 96px;display:flex}@media (width<=768px){.content-container{gap:36px;padding:24px 20px 64px}}@keyframes editorialEntrance{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.afu-nav{animation:editorialEntrance .35s var(--ease-smooth) both}.afu-score{animation:editorialEntrance .4s var(--ease-smooth) 60ms both}.afu-overview{animation:editorialEntrance .45s var(--ease-smooth) .12s both}.afu-practice{animation:editorialEntrance .45s var(--ease-smooth) .18s both}.afu-mock{animation:editorialEntrance .45s var(--ease-smooth) .24s both}.unified-nav-header{z-index:100;background:var(--bg-canvas);width:100%;transition:background-color .2s;position:sticky;top:0}.top-nav{background:var(--bg-canvas);border-bottom:1px solid #1513131f;justify-content:space-between;align-items:center;height:72px;padding:0 40px;transition:border-color .2s,background-color .2s;display:flex}[data-theme=dark] .top-nav{border-bottom-color:#f7f7f51f}@media (width<=768px){.top-nav{height:66px;padding:0 20px}}.contextual-nav-bar{background:var(--bg-canvas);border-bottom:1.5px solid #151313;width:100%;transition:background-color .2s,border-color .2s}[data-theme=dark] .contextual-nav-bar{border-bottom-color:#f7f7f538}.contextual-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;min-height:44px;margin:0 auto;padding:10px 40px;display:flex}@media (width<=768px){.contextual-nav-inner{min-height:40px;padding:8px 20px}}.breadcrumb-list{white-space:nowrap;scrollbar-width:none;align-items:center;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.breadcrumb-list::-webkit-scrollbar{display:none}.breadcrumb-item{align-items:center;font-family:Kodchasan,sans-serif;font-size:13.5px;line-height:1;display:inline-flex}.breadcrumb-link{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-bottom:1.5px solid #0000;outline:none;padding:4px 2px;font-family:Kodchasan,sans-serif;font-size:13.5px;font-weight:600;transition:color .14s,border-color .14s}.breadcrumb-link:hover{color:var(--c-coral);border-bottom-color:var(--c-coral)}.breadcrumb-static{color:var(--text-secondary);padding:4px 2px;font-size:13.5px;font-weight:600}.breadcrumb-sep{color:#15131359;-webkit-user-select:none;user-select:none;margin:0 8px;font-size:13px;font-weight:500}[data-theme=dark] .breadcrumb-sep{color:#f7f7f559}.breadcrumb-current-text{color:var(--c-coral);padding:4px 2px;font-size:13.5px;font-weight:700}.breadcrumb-ellipsis-btn{border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;background:#1513130f;border:1px solid #15131326;padding:1px 8px;font-size:12px;font-weight:700;transition:background-color .14s,color .14s}.breadcrumb-ellipsis-btn:hover{color:var(--c-coral);background:#ff57341f}.breadcrumb-mobile-only{display:none}.breadcrumb-desktop-only{display:inline-flex}@media (width<=680px){.breadcrumb-mobile-only{display:inline-flex}.breadcrumb-desktop-only{display:none}}.contextual-nav-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.nav-logo-mark{border:var(--border-dark);box-sizing:border-box;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;padding:5px;transition:transform .12s;display:flex;box-shadow:2px 2px #151313}.nav-brand:hover .nav-logo-mark{transform:rotate(-4deg)}[data-theme=dark] .nav-logo-mark{background:#fff;box-shadow:2px 2px #f7f7f5}.nav-logo-img{object-fit:contain;width:100%;height:100%;display:block}.nav-title{letter-spacing:-.02em;color:var(--text-primary);font-size:22px;font-weight:700}.nav-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--r-pill);background:var(--c-pure-white);border:var(--border-dark);color:var(--text-primary);padding:4px 10px;font-size:11px;font-weight:700}.nav-actions{align-items:center;gap:12px;display:flex}.nav-settings-btn{border-radius:var(--r-btn);border:var(--border-dark);background:var(--c-pure-white);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:transform .14s var(--ease-spring), background .14s ease;justify-content:center;align-items:center;display:flex;box-shadow:1.5px 1.5px #151313}[data-theme=dark] .nav-settings-btn{box-shadow:1.5px 1.5px #f7f7f5}.nav-settings-btn:hover{background:var(--c-yellow);transform:translateY(-2px)}.nav-settings-btn:active{transform:translateY(1px)}.pill-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-pill);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.pill-black{color:#fff;background:#151313;border:1.5px solid #151313}[data-theme=dark] .pill-black{color:#151313;background:#f7f7f5;border:1.5px solid #f7f7f5}.pill-yellow{background:var(--c-yellow);color:#151313;border:1.5px solid #151313}.pill-lavender{background:var(--c-lavender);color:#151313;border:1.5px solid #151313}.pill-green-outline{color:#10b981;background:#10b9811f;border:1.5px solid #10b981}.compact-score-card{background:var(--c-pure-white);border:var(--border-dark);border-radius:var(--r-card);width:100%;padding:26px 36px}@media (width<=768px){.compact-score-card{padding:20px}}.score-summary-horizontal{grid-template-columns:190px 1fr 190px;align-items:center;gap:36px;display:grid}@media (width<=900px){.score-summary-horizontal{text-align:center;grid-template-columns:1fr;gap:22px}}.score-block{flex-direction:column;display:flex}.score-block-left{align-items:flex-start}.score-block-right{text-align:right;align-items:flex-end}@media (width<=900px){.score-block-left,.score-block-right{text-align:center;align-items:center}}.score-label-text{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:2px;font-size:11px;font-weight:700}.score-val-current{font-size:var(--font-score-hero);color:var(--text-primary);letter-spacing:-.02em;font-weight:800;line-height:1}.score-val-target{font-size:var(--font-score-hero);color:var(--c-coral);letter-spacing:-.02em;font-weight:800;line-height:1}.score-track-container{flex-direction:column;gap:9px;display:flex}.score-track-labels{justify-content:space-between;font-size:13px;display:flex}.score-track-status{color:var(--text-secondary);font-weight:600}.score-track-target-label{color:var(--c-coral);font-weight:700}.score-progress-bar-apple{border-radius:var(--r-pill);background:#15131312;border:1px solid #1513132e;width:100%;height:9px;position:relative;overflow:hidden}[data-theme=dark] .score-progress-bar-apple{background:#f7f7f51a;border-color:#f7f7f538}.score-progress-fill-continuous{background:var(--c-coral);border-radius:var(--r-pill);height:100%;transition:width .75s var(--ease-smooth)}.score-sub-metrics{color:var(--text-tertiary);justify-content:space-between;margin-top:2px;font-size:11px;font-weight:500;display:flex}.overview-two-col{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:28px;display:grid}@media (width<=960px){.overview-two-col{grid-template-columns:1fr}}.hub-card-lavender{background:var(--c-lavender);border:var(--border-dark);border-radius:var(--r-card);color:#151313;min-height:380px;transition:transform .16s var(--ease-spring);flex-direction:column;justify-content:space-between;padding:36px 32px;display:flex;position:relative}.hub-card-lavender:hover{transform:translateY(-2px)}.hub-top-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hub-bookmark-icon{color:#fff;width:36px;height:36px;transition:transform .16s var(--ease-spring);background:#151313;border:1px solid #151313;border-radius:50%;justify-content:center;align-items:center;display:flex}.hub-card-lavender:hover .hub-bookmark-icon{transform:scale(1.08)rotate(3deg)}.hub-heading{color:#151313;letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(28px,3.2vw,36px);font-weight:700;line-height:1.18}.hub-description{color:#151313;opacity:.9;max-width:480px;margin-bottom:24px;font-size:15px;line-height:1.55}.hub-progress-info{color:#151313;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.hub-info-dot{opacity:.5}.performance-card-offwhite{background:var(--c-pure-white);border:var(--border-dark);border-radius:var(--r-card);cursor:pointer;min-height:380px;transition:transform .16s var(--ease-spring), border-color .16s ease;flex-direction:column;justify-content:space-between;padding:36px 32px;display:flex}.performance-card-offwhite:hover{border-color:#000;transform:translateY(-2px)}.perf-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.perf-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-size:26px;font-weight:700}.perf-sub{color:var(--text-secondary);font-size:14px}.perf-details-link{color:var(--c-coral);align-items:center;gap:4px;font-size:13px;font-weight:700;transition:color .15s;display:inline-flex}.perf-link-arrow{transition:transform .18s var(--ease-spring);display:inline-block}.performance-card-offwhite:hover .perf-link-arrow{transform:translate(4px)}.skill-rows-list{flex-direction:column;gap:13px;display:flex}.skill-row-item{border-bottom:1px dashed #1513131a;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}[data-theme=dark] .skill-row-item{border-bottom-color:#f7f7f51a}.skill-row-item:last-child{border-bottom:none}.skill-row-left{flex-shrink:0;align-items:center;gap:12px;width:125px;display:flex}.skill-row-icon{color:#151313;border:1px solid #151313;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.skill-row-name{color:var(--text-primary);font-size:15px;font-weight:700}.skill-row-center{flex:1}.skill-bar-track{border-radius:var(--r-pill);background:#15131314;border:1px solid #15131333;width:100%;height:8px;overflow:hidden}[data-theme=dark] .skill-bar-track{background:#f7f7f51a;border-color:#f7f7f533}.skill-bar-fill{border-radius:var(--r-pill);height:100%;transition:width .35s var(--ease-smooth)}.skill-row-score{color:var(--text-primary);text-align:right;flex-shrink:0;min-width:62px;font-size:15px}.skill-score-target{color:var(--text-tertiary);margin-left:2px;font-size:12px}.perf-card-footer{border-top:var(--border-dark);color:var(--text-secondary);justify-content:space-between;margin-top:20px;padding-top:14px;font-size:12px;font-weight:600;display:flex}.perf-footer-target{color:var(--text-primary);font-weight:700}.practice-section-wrap{flex-direction:column;gap:20px;display:flex}.section-header-editorial{margin-bottom:4px}.section-title-editorial{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:32px;font-weight:700}.section-sub-editorial{color:var(--text-secondary);font-size:16px}.practice-four-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1100px){.practice-four-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.practice-four-grid{grid-template-columns:1fr}}.practice-playful-card{border:var(--border-dark);border-radius:var(--r-card);cursor:pointer;min-height:330px;transition:transform .16s var(--ease-spring), border-color .16s ease, box-shadow .16s ease;outline:none;flex-direction:column;justify-content:space-between;padding:26px 24px;display:flex}.practice-playful-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 8px 20px #15131314}.practice-playful-card:active{transition-duration:80ms;transform:translateY(-1px)scale(.99)}.practice-playful-card:hover .practice-card-icon-wrap{transform:scale(1.1)rotate(-3deg)}.practice-playful-card:hover .btn-arrow-icon{transform:translate(4px)}.practice-card-peach{background:var(--c-peach);color:#151313}.practice-card-yellow{background:var(--c-yellow);color:#151313}.practice-card-white{background:var(--c-pure-white);color:#151313}.practice-card-lavender{background:var(--c-lavender);color:#151313}[data-theme=dark] .practice-card-peach,[data-theme=dark] .practice-card-yellow,[data-theme=dark] .practice-card-white,[data-theme=dark] .practice-card-lavender{color:var(--text-primary)}.practice-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.practice-card-icon-wrap{color:#151313;transition:transform .18s var(--ease-spring);justify-content:center;align-items:center;display:flex}[data-theme=dark] .practice-card-icon-wrap{color:var(--text-primary)}.practice-card-body{margin-bottom:22px}.practice-card-title{letter-spacing:-.01em;color:inherit;margin-bottom:8px;font-size:22px;font-weight:700}.practice-card-desc{color:inherit;opacity:.85;font-size:14px;line-height:1.5}.practice-card-foot{flex-direction:column;gap:12px;display:flex}.practice-score-meta{color:inherit;justify-content:space-between;font-size:13px;display:flex}.practice-band-stat strong{font-weight:700}.practice-target-stat{opacity:.75;font-weight:600}.practice-bar-track{border-radius:var(--r-pill);background:#1513131f;border:1px solid #15131333;width:100%;height:6px;overflow:hidden}.practice-bar-fill{border-radius:var(--r-pill);background:#151313;height:100%}[data-theme=dark] .practice-bar-fill{background:#f7f7f5}.practice-action-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.practice-details-note{color:inherit;opacity:.75;font-size:12px;font-weight:500}.mock-card-dark-hero{border:var(--border-dark);border-radius:var(--r-container);color:#f7f7f5;transition:transform .16s var(--ease-spring), box-shadow .16s ease;background:#151313;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:44px;display:grid}.mock-card-dark-hero:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000040}@media (width<=900px){.mock-card-dark-hero{grid-template-columns:1fr;gap:28px;padding:32px 24px}}.mock-dark-content{flex-direction:column;gap:16px;display:flex}.mock-dark-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mock-dark-title{letter-spacing:-.02em;color:#f7f7f5;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.25}.mock-dark-desc{color:#b8b4b1;max-width:720px;font-size:15px;line-height:1.6}.mock-dark-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.mock-meta-pill{border-radius:var(--r-pill);color:#f7f7f5;background:#242020;border:1px solid #f7f7f526;padding:4px 10px;font-size:12px;font-weight:600}.mock-meta-dot{color:#7d7876}.mock-meta-text{color:#b8b4b1;font-size:13px;font-weight:600}.mock-next-test-card{background:#f7f7f514;border:1px solid #f7f7f52e;border-radius:20px;flex-direction:column;gap:8px;margin-top:4px;padding:18px 22px;display:flex}.mock-next-test-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mock-next-test-label{text-transform:uppercase;letter-spacing:.07em;color:var(--c-yellow);font-size:11.5px;font-weight:800}.mock-rotation-badge{color:#f7f7f5;border-radius:var(--r-pill);background:#f7f7f51f;padding:3px 10px;font-size:11.5px;font-weight:700}.mock-next-test-title{color:#fff;letter-spacing:.02em;font-size:20px;font-weight:800}.mock-custom-pick-btn{color:#f7f7f599;cursor:pointer;text-align:left;background:0 0;border:none;width:fit-content;padding:0;font-size:12px;font-weight:600;transition:color .14s}.mock-custom-pick-btn:hover{color:var(--c-coral)}.mock-dark-select-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.mock-select-label{color:#f7f7f5;font-size:13px;font-weight:700}.mock-select-control{border-radius:var(--r-btn);color:#f7f7f5;cursor:pointer;background:#221f1f;border:1.5px solid #f7f7f540;outline:none;padding:8px 16px;font-size:13px;font-weight:600;transition:border-color .15s}.mock-select-control:focus{border-color:var(--c-coral)}.mock-dark-action-side{flex-shrink:0}.btn-coral-pill-physical{background:var(--c-coral);color:#fff;border-radius:var(--r-pill);transition:transform .14s var(--ease-spring), background .14s ease, box-shadow .14s ease;-webkit-user-select:none;user-select:none;border:1.5px solid #151313;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:2px 2px #151313}.btn-coral-pill-physical:hover{background:var(--c-coral-hover);transform:translateY(-2px);box-shadow:2px 4px #151313}.btn-coral-pill-physical:active{transform:translateY(1px);box-shadow:1px 1px #151313}.btn-arrow-icon{transition:transform .18s var(--ease-spring);display:inline-block}.btn-coral-pill-physical:hover .btn-arrow-icon{transform:translate(4px)}.btn-coral-pill-sm{background:var(--c-coral);color:#fff;border-radius:var(--r-pill);transition:transform .14s var(--ease-spring), background .14s ease, box-shadow .14s ease;border:1.5px solid #151313;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:1.5px 1.5px #151313}.btn-coral-pill-sm:hover{background:var(--c-coral-hover);transform:translateY(-2px);box-shadow:1.5px 3.5px #151313}.btn-coral-pill-sm:active{transform:translateY(1px);box-shadow:1px 1px #151313}.btn-coral-large{background:var(--c-coral);color:#fff;letter-spacing:.02em;border-radius:var(--r-pill);white-space:nowrap;transition:transform .15s var(--ease-spring), background .15s ease, box-shadow .15s ease;border:2px solid #151313;justify-content:center;align-items:center;gap:10px;padding:18px 36px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:3px 3px #f7f7f5}.btn-coral-large:hover{background:var(--c-coral-hover);transform:translateY(-2px);box-shadow:3px 5px #f7f7f5}.btn-coral-large:active{transform:translateY(1px);box-shadow:1px 2px #f7f7f5}.btn-arrow-slide{transition:transform .2s var(--ease-spring);display:inline-block}.btn-coral-large:hover .btn-arrow-slide{transform:translate(6px)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);flex-direction:column;gap:20px;width:100%;max-width:480px;padding:32px;display:flex;box-shadow:4px 4px #151313}[data-theme=dark] .modal-content{box-shadow:4px 4px #f7f7f5}.learning-hub-page{flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:32px 36px 80px;display:flex}@media (width<=768px){.learning-hub-page{padding:20px 16px 60px}}.hub-video-full-wrapper{width:100%;margin-bottom:32px}.hub-bottom-row{grid-template-columns:1.6fr 1fr;align-items:start;gap:32px;display:grid}@media (width<=1024px){.hub-bottom-row{grid-template-columns:1fr;gap:24px}}.hub-video-section{flex-direction:column;gap:20px;display:flex}.hub-player-container{border-radius:var(--r-container);border:var(--border-dark);background:#000;width:100%;overflow:hidden;box-shadow:0 12px 30px #00000024}.hub-player-inner{aspect-ratio:16/9;background:#000;width:100%;position:relative}.hub-html-video,.hub-iframe-video{object-fit:contain;border:none;width:100%;height:100%;display:block}.hub-video-placeholder{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.hub-fade-in{opacity:1;transition:opacity .22s,transform .22s;transform:translateY(0)}.hub-fade-out{opacity:0;transition:opacity .12s,transform .12s;transform:translateY(4px)}.hub-lesson-info{background:var(--c-pure-white);border:var(--border-dark);border-radius:var(--r-card);padding:28px 32px}.hub-info-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hub-meta-pill-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hub-duration-badge,.hub-completed-badge{border-radius:var(--r-pill);background:var(--bg-canvas);color:var(--text-secondary);border:1px solid #15131326;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}[data-theme=dark] .hub-duration-badge{border-color:#f7f7f52e}.hub-completed-badge{color:#10b981;background:#10b9811a;border-color:#10b9814d}.hub-complete-toggle{border-radius:var(--r-pill);border:var(--border-dark);background:var(--c-coral);color:#fff;cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .12s,background .12s;display:inline-flex;box-shadow:1.5px 1.5px #151313}[data-theme=dark] .hub-complete-toggle{box-shadow:1.5px 1.5px #f7f7f5}.hub-complete-toggle:hover{transform:translateY(-1px)}.hub-complete-toggle.done{background:#10b981}.hub-lesson-title{color:var(--text-primary);letter-spacing:-.01em;margin:10px 0 8px;font-size:26px;font-weight:700}.hub-lesson-desc{color:var(--text-secondary);font-size:15px;line-height:1.6}.hub-playlist-aside{position:sticky;top:96px}.hub-playlist-card{background:var(--c-pure-white);border:var(--border-dark);border-radius:var(--r-card);flex-direction:column;gap:12px;padding:24px;display:flex}.hub-playlist-header{border-bottom:var(--border-dark);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.hub-playlist-heading{color:var(--text-primary);font-size:20px;font-weight:700}.hub-playlist-sub{color:var(--text-tertiary);font-size:12px;font-weight:600}.hub-accordion-wrap{flex-direction:column;display:flex}.hub-category-accordion{border-bottom:1px solid #15131326}[data-theme=dark] .hub-category-accordion{border-bottom-color:#f7f7f526}.hub-category-accordion:last-child{border-bottom:none}.hub-cat-header-btn{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 6px;display:flex}.hub-cat-name{letter-spacing:.06em;color:var(--text-primary);font-size:14px;font-weight:700}.hub-cat-header-right{align-items:center;gap:10px;display:flex}.hub-cat-count{color:var(--text-tertiary);font-size:12px;font-weight:600}.hub-cat-chevron{color:var(--text-secondary);transition:transform .22s var(--ease-spring);font-size:10px;display:inline-block}.hub-cat-chevron.rotated{color:var(--c-coral);transform:rotate(180deg)}.hub-cat-collapse-body{transition:grid-template-rows .28s var(--ease-spring);grid-template-rows:0fr;display:grid}.hub-category-accordion.open .hub-cat-collapse-body{grid-template-rows:1fr}.hub-cat-collapse-inner{overflow:hidden}.hub-lessons-list{flex-direction:column;gap:5px;padding:4px 0 16px;display:flex}.hub-lesson-row{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .12s;display:flex}.hub-lesson-row:hover{background:#1513130a}[data-theme=dark] .hub-lesson-row:hover{background:#f7f7f50d}.hub-lesson-row.active{border-left:3.5px solid var(--c-coral);background:#ff573414}.hub-lesson-num-box{background:var(--bg-canvas);width:26px;height:26px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.hub-lesson-row.active .hub-lesson-num-box{background:var(--c-coral);color:#fff}.hub-play-indicator{font-size:11px}.hub-check-indicator{color:var(--success-icon);font-size:12px;font-weight:800}.hub-num-text{font-size:11.5px}.hub-lesson-meta-box{flex:1;min-width:0}.hub-row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.hub-lesson-row.active .hub-row-title{color:var(--c-coral);font-weight:700}.hub-row-duration{color:var(--text-tertiary);margin-top:1px;font-size:11.5px}.hub-active-dot{background:var(--c-coral);border-radius:50%;flex-shrink:0;width:6px;height:6px}.performance-page-container{flex-direction:column;gap:28px;max-width:1040px;margin:0 auto;padding:32px 24px 80px;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.perf-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.perf-back-button{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-pill);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-family:Kodchasan,sans-serif;font-size:13.5px;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 2px #151313}.perf-back-button:hover{transform:translateY(-1px);box-shadow:0 4px #151313}.perf-back-button:active{transform:translateY(1px);box-shadow:0 1px #151313}.perf-quick-summary-pill{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-pill);color:var(--text-secondary);align-items:center;gap:10px;padding:8px 18px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 2px #151313}.perf-title-block{flex-direction:column;gap:6px;display:flex}.perf-main-heading{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(32px,4vw,42px);font-weight:800;line-height:1.15}.perf-main-sub{color:var(--text-secondary);font-size:15px;font-weight:500}.perf-overall-card{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);grid-template-columns:1fr 1.25fr;align-items:center;gap:36px;padding:32px 36px;display:grid;box-shadow:0 4px #151313}@media (width<=840px){.perf-overall-card{grid-template-columns:1fr;gap:24px;padding:24px 20px}}.perf-overall-left{flex-direction:column;gap:16px;display:flex}.perf-overall-numbers{align-items:baseline;gap:16px;display:flex}.perf-num-group{flex-direction:column;gap:4px;display:flex}.perf-num-lbl{letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;font-size:11px;font-weight:800}.perf-num-val.current{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(48px,6vw,64px);font-weight:900;line-height:1}.perf-num-val.target{color:var(--text-tertiary);font-size:clamp(32px,4vw,42px);font-weight:800;line-height:1}.perf-num-divider{color:#15131333;font-size:40px;font-weight:300;line-height:1}.perf-trend-text{color:var(--text-secondary);font-size:13px;font-weight:600}.perf-overall-right{background:#15131305;border:1px solid #15131314;border-radius:20px;flex-direction:column;gap:18px;padding:22px 24px;display:flex}[data-theme=dark] .perf-overall-right{background:#ffffff08;border-color:#ffffff14}.perf-progress-header{justify-content:space-between;align-items:center;font-size:13px;display:flex}.perf-continuous-track{border-radius:var(--r-pill);background:#15131314;width:100%;height:10px;overflow:hidden}[data-theme=dark] .perf-continuous-track{background:#ffffff1f}.perf-continuous-fill{background:var(--c-coral);border-radius:var(--r-pill);height:100%;transition:width .4s var(--ease-spring)}.perf-mini-matrix{border-top:1px solid #15131314;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:10px;display:grid}[data-theme=dark] .perf-mini-matrix{border-top-color:#ffffff14}.perf-matrix-col{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.perf-matrix-lbl{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.perf-matrix-val{color:var(--text-primary);font-size:16px;font-weight:800}.perf-skills-column{flex-direction:column;gap:28px;display:flex}.perf-skill-section-card{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);flex-direction:column;gap:20px;padding:30px 32px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #151313}.perf-skill-section-card:before{content:"";height:5px;position:absolute;top:0;left:0;right:0}#section-reading:before{background:var(--c-lavender)}#section-listening:before{background:var(--c-yellow)}#section-writing:before{background:var(--c-coral)}#section-speaking:before{background:var(--c-near-black)}.perf-skill-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.perf-skill-title-group{align-items:center;gap:14px;display:flex}.perf-skill-icon-box{border:var(--border-dark);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px #151313}.perf-skill-name{color:var(--text-primary);letter-spacing:.04em;margin:0;font-size:24px;font-weight:800}.perf-skill-score-box{border-radius:var(--r-pill);background:#1513130a;border:1px solid #15131314;align-items:baseline;gap:4px;padding:6px 14px;display:flex}[data-theme=dark] .perf-skill-score-box{background:#ffffff0d;border-color:#ffffff1a}.perf-skill-band-large{color:var(--text-primary);font-size:28px;font-weight:900;line-height:1}.perf-skill-band-total{color:var(--text-tertiary);font-size:15px;font-weight:700}.perf-skill-bar-wrap{flex-direction:column;display:flex}.perf-skill-bar-track{border-radius:var(--r-pill);background:#1513130f;border:1px solid #1513131a;width:100%;height:14px;overflow:hidden}[data-theme=dark] .perf-skill-bar-track{background:#ffffff14;border-color:#ffffff26}.perf-skill-bar-fill{border-radius:var(--r-pill);height:100%;transition:width .4s var(--ease-spring)}.perf-skill-status-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.perf-skill-target-note{color:var(--text-tertiary);font-size:12.5px;font-weight:600}.perf-subskills-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=768px){.perf-subskills-grid{grid-template-columns:repeat(2,1fr)}}.perf-subskill-box{background:var(--bg-canvas);border:1.5px solid #1513131f;border-radius:18px;flex-direction:column;gap:6px;padding:16px 14px;transition:transform .12s,border-color .12s;display:flex}.perf-subskill-box:hover{border-color:#151313;transform:translateY(-2px)}[data-theme=dark] .perf-subskill-box{border-color:#ffffff1f}[data-theme=dark] .perf-subskill-box:hover{border-color:#f7f7f5}.perf-subskill-title{color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.25}.perf-subskill-score{color:var(--text-primary);font-size:22px;font-weight:900;line-height:1.1}.perf-subskill-note{color:var(--text-tertiary);font-size:11px;font-weight:600;line-height:1.2}.perf-ai-insight-card{background:#15131306;border:1.5px solid #15131324;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}[data-theme=dark] .perf-ai-insight-card{background:#ffffff08;border-color:#ffffff24}.perf-ai-card-left{flex-direction:column;flex:1;gap:10px;min-width:280px;display:flex}.perf-ai-top-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.perf-ai-card-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--text-primary);font-size:12px;font-weight:800}.perf-ai-score-indicator{background:var(--bg-card);border-radius:var(--r-pill);color:var(--text-primary);border:1px solid #15131324;padding:2px 8px;font-size:13px;font-weight:800}[data-theme=dark] .perf-ai-score-indicator{border-color:#ffffff26}.perf-ai-status-pill{border-radius:var(--r-pill);color:var(--text-secondary);background:#15131312;padding:3px 10px;font-size:11px;font-weight:700}.perf-ai-status-pill.alert{color:var(--c-coral);background:#ff573424;border:1px solid #ff57344d}.perf-ai-issue-text{color:var(--text-secondary);margin:0;font-size:13.5px;font-weight:500;line-height:1.45}.perf-ai-focus-list{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.perf-ai-focus-title{color:var(--text-primary);font-size:12.5px;font-weight:700}.perf-ai-focus-pill{background:var(--bg-card);border-radius:var(--r-pill);color:var(--text-primary);border:1px solid #1513131f;padding:3px 10px;font-size:11.5px;font-weight:600}[data-theme=dark] .perf-ai-focus-pill{border-color:#ffffff26}.perf-ai-card-right{flex-shrink:0;align-items:center;display:flex}.exam-start-container{flex-direction:column;gap:20px;max-width:920px;margin:0 auto;padding:24px 20px 80px;display:flex}.exam-start-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.exam-rotation-pill{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-pill);color:var(--text-secondary);align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 2px #151313}.exam-rotation-dot{background:var(--c-coral);border-radius:50%;flex-shrink:0;width:7px;height:7px}.exam-start-card{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);flex-direction:column;gap:28px;padding:40px 44px;display:flex;box-shadow:0 4px #151313}@media (width<=768px){.exam-start-card{gap:22px;padding:28px 20px}}.exam-start-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.exam-section-badge-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.exam-section-badge{border-radius:var(--r-pill);border:var(--border-dark);letter-spacing:.08em;padding:6px 16px;font-size:12px;font-weight:800;box-shadow:0 2px #151313}.exam-official-tag{color:var(--text-tertiary);font-size:13px;font-weight:600}.exam-start-body{flex-direction:column;gap:20px;display:flex}.exam-start-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(32px,4vw,44px);font-weight:900;line-height:1.15}.exam-start-sub{color:var(--text-secondary);max-width:720px;margin:0;font-size:16px;line-height:1.55}.exam-meta-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=768px){.exam-meta-grid{grid-template-columns:repeat(2,1fr)}}.exam-meta-card{background:var(--bg-canvas);border:1.5px solid #1513131f;border-radius:18px;flex-direction:column;gap:4px;padding:16px 14px;transition:transform .14s,border-color .14s;display:flex}.exam-meta-card:hover{border-color:#151313;transform:translateY(-2px)}[data-theme=dark] .exam-meta-card{border-color:#ffffff1f}[data-theme=dark] .exam-meta-card:hover{border-color:#f7f7f5}.exam-meta-val{color:var(--text-primary);font-size:18px;font-weight:800;line-height:1.2}.exam-meta-desc{color:var(--text-tertiary);font-size:11.5px;font-weight:600}.exam-protocol-columns{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}@media (width<=768px){.exam-protocol-columns{grid-template-columns:1fr}}.exam-protocol-box{background:#15131306;border:1.5px solid #1513131f;border-radius:20px;flex-direction:column;gap:12px;padding:20px 22px;display:flex}[data-theme=dark] .exam-protocol-box{background:#ffffff08;border-color:#ffffff1f}.exam-protocol-title{color:var(--text-primary);letter-spacing:.02em;align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.exam-rules-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.exam-rules-list li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:13px;font-weight:500;line-height:1.45;display:flex}.rule-bullet{color:var(--c-coral);font-weight:800}.exam-scoring-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.exam-scoring-pill-note{color:var(--text-tertiary);background:var(--bg-card);border-radius:var(--r-pill);border:1px solid #1513131a;width:fit-content;padding:4px 10px;font-size:11.5px;font-weight:600}[data-theme=dark] .exam-scoring-pill-note{border-color:#ffffff1f}.exam-start-cta-wrap{flex-direction:column;align-items:center;gap:10px;padding-top:8px;display:flex}.exam-primary-cta-btn{background:var(--c-coral);color:#fff;letter-spacing:.04em;border-radius:var(--r-pill);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #151313;outline:none;align-items:center;gap:14px;padding:20px 52px;font-family:Kodchasan,sans-serif;font-size:18px;font-weight:800;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s;display:inline-flex;box-shadow:0 5px #151313}.exam-primary-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px #151313}.exam-primary-cta-btn:hover .cta-animated-arrow{transform:translate(6px)}.exam-primary-cta-btn:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #151313}.cta-btn-text{line-height:1}.cta-animated-arrow{font-size:22px;font-weight:900;line-height:1;transition:transform .18s cubic-bezier(.16,1,.3,1);display:inline-block}.exam-cta-subtext{color:var(--text-tertiary);font-size:12px;font-weight:600}.exam-start-nav-bar{align-items:center;margin-bottom:6px;display:flex}.exam-start-back-btn{color:var(--text-primary);background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:8px;padding:9px 18px;font-family:Kodchasan,sans-serif;font-size:14px;font-weight:700;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 2px #151313}.exam-start-back-btn:hover{transform:translateY(-2px);box-shadow:0 4px #151313}.exam-start-back-btn:active{transform:translateY(1px);box-shadow:0 1px #151313}.exam-focus-layout{flex-direction:column;gap:22px;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 110px;display:flex}@media (width<=768px){.exam-focus-layout{gap:18px;padding:16px 16px 120px}}.exam-focus-header{background:var(--bg-card);border:var(--border-dark);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;display:flex;box-shadow:0 3px #151313}.exam-focus-header-left{align-items:center;gap:16px;display:flex}.exam-focus-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid #151313;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.exam-focus-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700;line-height:1.25}.exam-focus-header-right{align-items:center;gap:12px;display:flex}.exam-focus-timer-pill{border-radius:var(--r-pill);border:var(--border-dark);background:var(--bg-canvas);color:var(--text-primary);align-items:center;gap:8px;padding:8px 16px;font-family:Kodchasan,monospace;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 2px #151313}.exam-focus-timer-pill.urgent{background:var(--c-peach);color:var(--c-coral);border-color:var(--c-coral);animation:1.2s infinite pulse}.exam-focus-exit-btn{border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #15131333;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .14s;display:inline-flex}.exam-focus-exit-btn:hover{color:var(--text-primary);background:#1513130f;border-color:#151313}.exam-focus-pause-btn{border-radius:var(--r-pill);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border:1.5px solid #151313;align-items:center;gap:6px;padding:8px 14px;font-family:Kodchasan,sans-serif;font-size:13px;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 2px #151313}.exam-focus-pause-btn:hover{transform:translateY(-1px);box-shadow:0 3px #151313}.exam-focus-pause-btn.paused{background:var(--c-yellow);color:#151313;animation:1.8s infinite pulse}.exam-focus-timer-pill.paused{color:#8a6d00;background:#fccc4238;border-color:#151313}.exam-focus-timer-pill.overtime{color:#065f46;background:#10b98129;border-color:#10b981}.practice-overtime-banner{background:#fff9e6;border:1.5px solid #151313;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex;box-shadow:0 3px #151313}[data-theme=dark] .practice-overtime-banner{background:#2a2515;border-color:#fccc42}.practice-overtime-content{color:var(--text-primary);align-items:center;gap:12px;font-size:13.5px;line-height:1.45;display:flex}.practice-overtime-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.practice-add-time-btn{background:var(--bg-card);color:var(--text-primary);cursor:pointer;border:1.5px solid #151313;border-radius:12px;padding:8px 14px;font-family:Kodchasan,sans-serif;font-size:13px;font-weight:700;transition:all .12s;box-shadow:0 2px #151313}.practice-add-time-btn:hover{background:var(--c-yellow);transform:translateY(-1px);box-shadow:0 3px #151313}.practice-submit-now-btn{background:var(--c-coral);color:#151313;cursor:pointer;border:1.5px solid #151313;border-radius:12px;padding:8px 16px;font-family:Kodchasan,sans-serif;font-size:13px;font-weight:800;transition:all .12s;box-shadow:0 2px #151313}.practice-submit-now-btn:hover{transform:translateY(-1px);box-shadow:0 3px #151313}.audio-skip-btn{background:var(--bg-canvas);color:var(--text-primary);cursor:pointer;border:1.5px solid #151313;border-radius:12px;align-items:center;gap:4px;padding:6px 10px;font-family:Kodchasan,sans-serif;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex;box-shadow:0 1px #151313}.audio-skip-btn:hover{background:var(--c-yellow);transform:translateY(-1px);box-shadow:0 2px #151313}.audio-speed-btn{background:var(--bg-canvas);color:var(--text-secondary);cursor:pointer;border:1.5px solid #151313;border-radius:10px;padding:5px 9px;font-family:Kodchasan,sans-serif;font-size:11.5px;font-weight:700;transition:all .12s;box-shadow:0 1px #151313}.audio-speed-btn:hover{color:var(--text-primary);background:#1513130f}.audio-speed-btn.active{background:var(--c-yellow);color:#151313;border-color:#151313}.practice-mode-badge{color:#065f46;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=dark] .practice-mode-badge{color:#34d399;background:#10b98133}.cognition-exam-input{color:#151313;background:#fff;border:1.5px solid #151313;border-radius:12px;outline:none;min-width:200px;padding:10px 16px;font-family:Kodchasan,sans-serif;font-size:14.5px;font-weight:600;transition:border-color .16s,box-shadow .16s}.cognition-exam-input::placeholder{color:#8a8684;font-weight:500}.cognition-exam-input:focus{border-color:var(--c-coral);background:#fff;box-shadow:0 0 0 3px #ff573429}[data-theme=dark] .cognition-exam-input{color:#f7f7f5;background:#1f1c1c;border-color:#f7f7f5}[data-theme=dark] .cognition-exam-input:focus{border-color:var(--c-coral);box-shadow:0 0 0 3px #ff573440}.audio-player-cognition{background:var(--bg-card);border:var(--border-dark);border-radius:20px;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 24px;display:flex;box-shadow:0 3px #151313}.audio-play-round-btn{background:var(--c-yellow);color:#151313;cursor:pointer;border:1.5px solid #151313;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 2px #151313}.audio-play-round-btn:hover{transform:translateY(-2px);box-shadow:0 4px #151313}.audio-play-round-btn:active{transform:translateY(1px);box-shadow:0 1px #151313}.audio-timeline-track{cursor:pointer;background:#15131314;border:1.5px solid #151313;border-radius:99px;flex:1;min-width:180px;height:10px;position:relative;overflow:hidden}.audio-timeline-fill{background:var(--c-yellow);border-radius:99px;height:100%;transition:width .1s linear}.exam-bottom-nav{z-index:120;-webkit-backdrop-filter:blur(14px);background:#f7f7f5f0;border-top:2px solid #151313;padding:14px 32px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #1513130f}[data-theme=dark] .exam-bottom-nav{background:#151313f0;border-top-color:#f7f7f5;box-shadow:0 -4px 16px #0000004d}.exam-bottom-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;display:flex}.exam-bottom-nav-left,.exam-bottom-nav-right{flex-shrink:0;align-items:center;display:flex}.exam-bottom-nav-center{scrollbar-width:none;flex:1;justify-content:center;display:flex;overflow-x:auto}.exam-bottom-nav-center::-webkit-scrollbar{display:none}.exam-nav-sections-list{border-radius:var(--r-pill);background:#1513130d;border:1px solid #1513131f;align-items:center;gap:8px;padding:4px;display:flex}[data-theme=dark] .exam-nav-sections-list{background:#ffffff0f;border-color:#ffffff24}.exam-nav-section-pill{border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 16px;font-family:Kodchasan,sans-serif;font-size:13px;font-weight:700;transition:all .14s;display:inline-flex}.exam-nav-section-pill:hover:not(:disabled){color:var(--text-primary);background:#15131314}.exam-nav-section-pill.active{background:#151313;border-color:#151313;box-shadow:0 2px #00000040;color:#fff!important}[data-theme=dark] .exam-nav-section-pill.active{background:#f7f7f5;border-color:#f7f7f5;color:#151313!important}.exam-section-check-dot{color:var(--success-icon);font-size:11px;font-weight:800}.exam-nav-btn{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;font-family:Kodchasan,sans-serif;font-weight:700;transition:transform .14s,box-shadow .14s;display:inline-flex}.exam-nav-btn-prev{border-radius:var(--r-pill);border:var(--border-dark);background:var(--bg-card);color:var(--text-primary);padding:10px 22px;font-size:14px;box-shadow:0 2px #151313}.exam-nav-btn-prev:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px #151313}.exam-nav-btn-prev:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.exam-nav-btn-next{border-radius:var(--r-pill);background:var(--c-coral);color:#fff;border:2px solid #151313;padding:11px 26px;font-size:14.5px;font-weight:800;box-shadow:0 3px #151313}.exam-nav-btn-next.is-submit{background:var(--c-coral);box-shadow:0 4px #151313}.exam-nav-btn-next:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.speaking-record-cta{border-radius:var(--r-pill);background:var(--c-coral);color:#fff;letter-spacing:.02em;cursor:pointer;border:2px solid #151313;align-items:center;gap:12px;padding:16px 36px;font-family:Kodchasan,sans-serif;font-size:16px;font-weight:800;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 4px #151313}.speaking-stop-cta{border-radius:var(--r-pill);color:#fff;cursor:pointer;background:#151313;border:2px solid #151313;align-items:center;gap:10px;padding:14px 32px;font-family:Kodchasan,sans-serif;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 4px #151313}.speaking-secondary-btn{border-radius:var(--r-pill);border:var(--border-dark);background:var(--bg-card);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 22px;font-family:Kodchasan,sans-serif;font-size:13.5px;font-weight:700;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 2px #151313}.speaking-secondary-btn:hover{transform:translateY(-2px);box-shadow:0 4px #151313}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cta-animated-arrow{transform:none!important}}.exam-doc{font-family:var(--font-exam);color:var(--text-primary);letter-spacing:.002em;font-size:16.5px;line-height:1.55}.exam-doc .stim-title{font-family:var(--font-family);letter-spacing:.01em;margin:16px 0 8px;font-size:17px;font-weight:800}.exam-doc .stim-title:first-child{margin-top:0}.exam-doc .stim-subsection{font-family:var(--font-family);color:var(--text-primary);margin:14px 0 6px;font-size:14.5px;font-weight:700}.exam-doc .stim-bullet{text-indent:-12px;margin:3px 0 3px 20px;line-height:1.6}.exam-doc .stim-line{margin:4px 0;line-height:1.6}.exam-doc table.stimulus-table{margin:10px 0}.exam-doc table.stimulus-table.bordered td{border:1.5px solid var(--text-primary);border-style:solid;border-width:1.5px}.exam-doc table.bordered tr:first-child td{font-family:var(--font-family);background:var(--surface-sunken);font-size:14px;font-weight:700}.exam-doc .stimulus-options{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:10px;margin:10px 0;padding:10px 14px;line-height:1.8}.exam-doc table.stimulus-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:15.5px}.exam-doc table.stimulus-table td{border:1px solid var(--border);vertical-align:middle;padding:6px 10px}.exam-doc .cognition-exam-input,.cognition-html-content input[data-qid]{font-family:var(--font-exam);border:none;border-bottom:2px solid var(--text-primary);background:var(--surface-sunken);vertical-align:baseline;border-radius:6px 6px 0 0;width:150px;margin:0 3px;padding:3px 8px;font-size:15px;display:inline-block}.exam-doc .cognition-exam-input:focus,.cognition-html-content input[data-qid]:focus{border-bottom-color:var(--c-yellow,#f5c518);background:#fff;outline:none}.inline-blank{white-space:nowrap;margin:0 2px;display:inline-block}.inline-blank .blank-num{font-family:var(--font-family);color:var(--text-primary);vertical-align:baseline;margin-left:3px;font-size:13px;font-weight:800}.exam-doc .exam-q-num{margin-right:6px;font-weight:700}.exam-doc select.cognition-exam-select,.cognition-html-content select{font-family:var(--font-exam);color:var(--text-primary);border:1.5px solid var(--border);background:#fff;border-radius:8px;width:auto;min-width:90px;max-width:340px;padding:5px 10px;font-size:14.5px}.exam-visual-row{align-items:flex-start;gap:22px;display:flex}.exam-visual-row .exam-visual{flex:0 auto;min-width:300px;max-width:58%}.exam-visual-row .exam-visual img{border:1px solid var(--border);border-radius:8px;width:100%}.exam-visual-row .exam-visual-items{flex:320px;min-width:260px}@media (width<=820px){.exam-visual-row{flex-direction:column}.exam-visual-row .exam-visual{max-width:100%}}.writing-table{border-collapse:collapse;width:100%;font-size:14.5px;font-family:var(--font-family);margin:14px 0}.writing-table th,.writing-table td{border:1.5px solid var(--text-primary);text-align:left;vertical-align:top;padding:7px 12px}.writing-table th{background:var(--surface-sunken);font-weight:800}@media (width<=720px){.writing-table{display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.exam-nav-btn-next:hover,.exam-nav-btn-prev:hover{transform:none!important}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--c-yellow);outline-offset:2px}[data-theme=dark] .cognition-exam-input,[data-theme=dark] input[data-qid]{background:var(--surface-interactive);color:var(--text-primary);border-bottom-color:var(--text-secondary)}[data-theme=dark] .cognition-exam-select,[data-theme=dark] .cognition-html-content select{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-subtle);border-color:#f7f7f533}[data-theme=dark] .exam-nav-btn-prev,[data-theme=dark] .exam-nav-btn-next{background:var(--surface-elevated);color:var(--text-primary)}[data-theme=dark] .exam-nav-btn-next{background:var(--c-coral);color:#151313}[data-theme=dark] .exam-nav-section-pill{background:var(--surface-interactive);color:var(--text-primary)}[data-theme=dark] .exam-nav-section-pill.active{color:#151313;background:#f7f7f5}[data-theme=dark] .audio-player-cognition{background:var(--surface-elevated)}textarea{color:#151313;caret-color:#151313}textarea::placeholder{color:#737373}[data-theme=dark] textarea{color:#151313!important;caret-color:#151313!important}[data-theme=dark] .speaking-notes-area{background:var(--surface-interactive);color:var(--text-primary)!important;caret-color:var(--text-primary)!important}[data-theme=dark] .speaking-notes-area::placeholder{color:var(--text-muted)!important}[data-theme=dark] .exam-section-check-dot{color:#34d399}[data-theme=dark] .exam-nav-section-pill{color:var(--text-primary)}[data-theme=dark] .exam-nav-section-pill.completed{color:#34d399}[data-theme=dark] svg[stroke=currentColor]{color:inherit}[data-theme=dark] .exam-doc,[data-theme=dark] [style*="background: var(--bg-card)"]{--success-icon:#34d399}@media (width<=640px){.exam-focus-layout{gap:14px;padding:14px 14px 110px}.exam-focus-header{flex-wrap:wrap;gap:8px}.exam-focus-header-left,.exam-focus-header-right{flex-wrap:wrap;gap:6px}.exam-focus-title{font-size:16px!important}.audio-player-cognition{gap:8px;padding:12px 14px}.audio-play-round-btn{width:42px!important;height:42px!important}.exam-doc{padding:16px!important}.exam-doc .stim-title{font-size:15px!important}.exam-doc .stim-subsection{font-size:13.5px!important}.exam-doc table.stimulus-table td{padding:4px 8px;font-size:13.5px}.cognition-exam-input,input[data-qid]{width:110px!important;font-size:14px!important}.exam-doc .exam-q-num{font-size:14px!important}.exam-bottom-nav-inner{padding:8px 12px}.exam-nav-btn{padding:10px 14px!important;font-size:12.5px!important}.exam-nav-section-pill{padding:6px 10px!important;font-size:11.5px!important}.exam-visual-row{flex-direction:column!important}.exam-visual-row .exam-visual{min-width:0!important;max-width:100%!important}.exam-visual-row .exam-visual-items{min-width:0!important}.stimulus-table,.writing-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.speaking-cue-card-row{flex-direction:column!important}.speaking-cue-card-row>div{flex:auto!important;max-width:100%!important}.settings-modal-overlay{padding:12px!important}.overview-two-col{grid-template-columns:1fr!important}.content-container{gap:28px!important;padding:20px 16px 60px!important}.hub-heading{font-size:26px!important}}@media (width<=400px){.exam-focus-layout{padding:10px 10px 100px}.exam-doc{padding:12px 14px!important}.cognition-exam-input,input[data-qid]{width:95px!important}.exam-focus-title{font-size:14.5px!important}}@keyframes spin{to{transform:rotate(360deg)}}.nav-signin-btn{font-family:var(--font-family);color:var(--text-primary);background:var(--c-coral);border:1.5px solid var(--text-primary);border-radius:var(--r-btn);cursor:pointer;box-shadow:0 3px 0 var(--text-primary);transition:transform var(--dur-button) var(--ease-smooth), box-shadow var(--dur-button);padding:8px 20px;font-size:13.5px;font-weight:800}.nav-signin-btn:hover{box-shadow:0 4px 0 var(--text-primary);transform:translateY(-1px)}.nav-signin-btn:active{box-shadow:0 1px 0 var(--text-primary);transform:translateY(2px)}.account-modal-card{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);box-shadow:4px 4px 0px var(--border-color);flex-direction:column;gap:18px;width:100%;max-width:400px;padding:24px 26px;display:flex}.account-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.account-modal-title-wrap{align-items:center;gap:10px;display:flex}.account-modal-title{font-family:var(--font-family);color:var(--text-primary);letter-spacing:-.01em;font-size:19px;font-weight:800}.account-modal-status-badge{font-family:var(--font-family);color:var(--success);border-radius:var(--r-pill);background:#10b9811f;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.account-status-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.account-modal-close-btn{background:var(--surface-interactive);border:1px solid var(--border-subtle);cursor:pointer;width:32px;height:32px;color:var(--text-primary);transition:background var(--dur-micro) var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.account-modal-close-btn:hover{background:var(--surface-hover)}.account-modal-body{flex-direction:column;gap:16px;display:flex}.account-field-group{flex-direction:column;gap:6px;display:flex}.account-field-label{font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11.5px;font-weight:700}.account-email-box{background:var(--surface-interactive);border:1.5px solid var(--border-subtle);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.account-email-icon-wrap{color:var(--text-secondary);flex-shrink:0;align-items:center;display:flex}.account-email-text{font-family:var(--font-family);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:700;overflow:hidden}.account-email-verified-badge{font-family:var(--font-family);color:var(--success);background:#10b9811f;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.account-danger-zone{border-top:1px solid var(--border-subtle);padding-top:14px}.account-delete-btn{border:1.5px solid var(--c-coral);width:100%;color:var(--c-coral);font-family:var(--font-family);cursor:pointer;transition:all var(--dur-button) var(--ease-smooth);background:#e846240f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13.5px;font-weight:700;display:flex;box-shadow:0 2px #e8462433}.account-delete-btn:hover{background:var(--c-coral);color:#151313;box-shadow:0 3px 0 var(--border-color);transform:translateY(-1px)}.account-delete-btn:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(1px)}.account-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-confirm-box{border:1.5px solid var(--c-coral);background:#e8462412;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.account-confirm-header{color:var(--c-coral);font-family:var(--font-family);align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.account-confirm-desc{font-family:var(--font-family);color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.account-confirm-actions{align-items:center;gap:8px;margin-top:2px;display:flex}.account-confirm-cancel-btn{background:var(--surface-interactive);border:1px solid var(--border-subtle);font-family:var(--font-family);color:var(--text-primary);cursor:pointer;transition:background var(--dur-micro);border-radius:10px;flex:1;padding:9px 12px;font-size:12.5px;font-weight:600}.account-confirm-cancel-btn:hover{background:var(--surface-hover)}.account-confirm-delete-btn{background:var(--c-coral);border:1.5px solid var(--border-color);font-family:var(--font-family);color:#151313;cursor:pointer;box-shadow:0 2px 0 var(--border-color);transition:transform var(--dur-button) var(--ease-smooth), box-shadow var(--dur-button);border-radius:10px;flex:1.4;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12.5px;font-weight:800;display:flex}.account-confirm-delete-btn:hover:not(:disabled){background:var(--c-coral-hover);box-shadow:0 3px 0 var(--border-color);transform:translateY(-1px)}.account-confirm-delete-btn:active:not(:disabled){box-shadow:0 1px 0 var(--border-color);transform:translateY(1px)}.account-confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed}.account-delete-spinner{border:2px solid #1513134d;border-top-color:#151313;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.account-delete-error{border:1px solid var(--c-coral);color:var(--c-coral);font-family:var(--font-family);background:#e846241a;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.cognition-auth-backdrop,.cl-modalBackdrop{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;z-index:1200!important;background:#00000080!important;justify-content:center!important;align-items:center!important;display:flex!important}.cognition-auth-modal,.cl-modalContent{border:var(--border-dark)!important;width:100%!important;max-width:390px!important;box-shadow:4px 4px 0px var(--border-color)!important;background:var(--bg-card)!important;box-sizing:border-box!important;border-radius:28px!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:0!important;margin:auto!important;padding:0!important;display:flex!important;overflow:hidden!important}[data-clerk-dev-mode-overlay]{display:none!important}.cl-rootBox,.cl-signIn-root,.cl-signUp-root,.cognition-auth-cardbox,.cl-cardBox{box-sizing:border-box!important;background:var(--bg-card)!important;flex-direction:column!important;flex:none!important;align-items:stretch!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;display:flex!important}.cognition-auth-card,.cl-card{background:var(--bg-card)!important;width:100%!important;max-width:100%!important;box-shadow:none!important;box-sizing:border-box!important;font-family:var(--font-family)!important;border:none!important;border-radius:28px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:26px 26px 20px!important;display:flex!important;position:relative!important}.cl-card>*,.cognition-auth-card>*{flex-grow:0!important;flex-shrink:0!important}.cognition-auth-main,.cl-main{flex-direction:column!important;flex:none!important;justify-content:flex-start!important;gap:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important}.cl-modalCloseButton{background:var(--surface-interactive)!important;border:1px solid var(--border-subtle)!important;width:30px!important;height:30px!important;color:var(--text-primary)!important;cursor:pointer!important;transition:background var(--dur-micro) var(--ease-smooth)!important;z-index:10!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;position:absolute!important;top:14px!important;right:14px!important}.cl-modalCloseButton:hover{background:var(--surface-hover)!important}.cl-modalCloseButton svg{width:14px!important;height:14px!important}.cognition-auth-header,.cl-header{text-align:center!important;width:100%!important;margin:0 0 16px!important;padding:0!important}.cognition-auth-title,.cl-headerTitle{font-family:var(--font-family)!important;color:var(--text-primary)!important;letter-spacing:-.01em!important;font-size:20px!important;font-weight:800!important}.cognition-auth-subtitle,.cl-headerSubtitle{font-family:var(--font-family)!important;color:var(--text-secondary)!important;margin-top:4px!important;font-size:13px!important}.cl-socialButtonsRoot{box-sizing:border-box!important;width:100%!important;margin-bottom:16px!important}.cl-socialButtons{box-sizing:border-box!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.cl-lastAuthenticationStrategyBadge,[class*=lastAuthenticationStrategy],[data-localization-key*=lastAuthenticationStrategy]{display:none!important}.cl-socialButtonsIconButton{background:var(--surface-interactive)!important;border:1.5px solid var(--border-color)!important;min-width:0!important;height:44px!important;min-height:44px!important;box-shadow:0 2px 0 var(--border-color)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:transform var(--dur-button) var(--ease-smooth), box-shadow var(--dur-button), background var(--dur-micro)!important;border-radius:14px!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;padding:10px 14px!important;display:flex!important}.cl-socialButtonsIconButton:hover{background:var(--surface-hover)!important;box-shadow:0 3px 0 var(--border-color)!important;transform:translateY(-1px)!important}.cl-socialButtonsIconButton:active{box-shadow:0 1px 0 var(--border-color)!important;transform:translateY(1px)!important}.cognition-auth-social-btn,.cl-socialButtonsBlockButton{background:var(--surface-interactive)!important;border:1.5px solid var(--border-color)!important;width:100%!important;min-height:44px!important;box-shadow:0 2px 0 var(--border-color)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:transform var(--dur-button) var(--ease-smooth), box-shadow var(--dur-button)!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;text-decoration:none!important;display:flex!important}.cognition-auth-social-btn:hover,.cl-socialButtonsBlockButton:hover{background:var(--surface-hover)!important;box-shadow:0 3px 0 var(--border-color)!important;transform:translateY(-1px)!important}.cognition-auth-social-btn:active,.cl-socialButtonsBlockButton:active{box-shadow:0 1px 0 var(--border-color)!important;transform:translateY(1px)!important}.cognition-auth-social-text,.cl-socialButtonsBlockButtonText{font-family:var(--font-family)!important;color:var(--text-primary)!important;font-size:13.5px!important;font-weight:700!important}.cognition-auth-social-icon,.cl-socialButtonsProviderIcon,.cl-providerIcon{width:18px!important;height:18px!important;display:inline-block!important}.cl-socialButtonsProviderIcon__apple,.cl-providerIcon__apple,.cl-socialButtonsProviderIcon__github,.cl-providerIcon__github{background-color:var(--text-primary)!important;width:18px!important;height:18px!important;display:inline-block!important;-webkit-mask-position:50%!important;mask-position:50%!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}.cl-socialButtonsProviderIcon__google,.cl-providerIcon__google{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.cognition-auth-divider,.cl-dividerRow{display:none!important}.cognition-auth-form,.cl-form{flex-direction:column!important;flex:none!important;gap:0!important;margin:0!important;padding:0!important;display:flex!important}.cognition-auth-field,.cl-formField{margin-bottom:12px!important}.cognition-auth-label,.cl-formFieldLabel{font-family:var(--font-family)!important;color:var(--text-primary)!important;margin-bottom:6px!important;font-size:12px!important;font-weight:700!important;display:block!important}.cognition-auth-input,.cl-formFieldInput{background:var(--surface-interactive)!important;border:1.5px solid var(--border-subtle)!important;color:var(--text-primary)!important;font-family:var(--font-family)!important;box-sizing:border-box!important;width:100%!important;min-height:42px!important;box-shadow:none!important;transition:border-color var(--dur-micro) var(--ease-smooth), box-shadow var(--dur-micro)!important;border-radius:12px!important;padding:10px 14px!important;font-size:13.5px!important;font-weight:500!important}.cognition-auth-input:focus,.cl-formFieldInput:focus{border-color:var(--c-coral)!important;outline:none!important;box-shadow:0 0 0 2px #ff573438!important}.cognition-auth-input::placeholder,.cl-formFieldInput::placeholder,input.cl-input::placeholder{color:var(--text-tertiary)!important;opacity:1!important;font-family:var(--font-family)!important;font-size:13.5px!important}.cognition-auth-submit,.cl-formButtonPrimary{background:var(--c-coral)!important;color:#151313!important;border:1.5px solid var(--border-color)!important;box-shadow:0 3px 0 var(--border-color)!important;font-family:var(--font-family)!important;cursor:pointer!important;width:100%!important;min-height:44px!important;transition:transform var(--dur-button) var(--ease-smooth), box-shadow var(--dur-button)!important;border-radius:14px!important;margin-top:8px!important;margin-bottom:0!important;padding:11px 20px!important;font-size:14px!important;font-weight:800!important}.cognition-auth-submit:hover,.cl-formButtonPrimary:hover{background:var(--c-coral-hover)!important;box-shadow:0 4px 0 var(--border-color)!important;transform:translateY(-1px)!important}.cognition-auth-submit:active,.cl-formButtonPrimary:active{box-shadow:0 1px 0 var(--border-color)!important;transform:translateY(2px)!important}.cognition-auth-footer,.cl-footer,.cl-card .cl-footer,.cognition-auth-card .cognition-auth-footer{text-align:center!important;background:0 0!important;border-top:none!important;flex-direction:column!important;flex:none!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;height:auto!important;min-height:0!important;margin-top:18px!important;margin-bottom:0!important;padding:0!important;display:flex!important}.cognition-auth-footer>*,.cl-footer>*{flex-grow:0!important;flex-shrink:0!important}.cognition-auth-footer-action,.cl-footerAction{justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;line-height:1.4!important;display:flex!important}.cognition-auth-footer-text,.cl-footerActionText{font-family:var(--font-family)!important;color:var(--text-secondary)!important;margin:0!important;padding:0!important;font-size:12.5px!important}.cognition-auth-footer-link,.cl-footerActionLink{font-family:var(--font-family)!important;color:var(--c-coral)!important;margin-left:5px!important;font-size:12.5px!important;font-weight:700!important;text-decoration:none!important}.cognition-auth-footer-link:hover,.cl-footerActionLink:hover{text-decoration:underline!important}.cognition-auth-footer-item,.cl-footerItem{justify-content:center!important;align-items:center!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important}.cl-internal-b3fm6y,.cl-developmentBadge,.cl-footerPages,[data-clerk-dev-mode-notice],p.cl-internal-1v2te0e{opacity:.65!important;text-align:center!important;margin:8px 0 0!important;padding:0!important;font-size:11px!important;line-height:1.2!important}.cl-userProfile-root{max-width:440px!important;margin:auto!important}.cl-userProfile-root .cl-navbar{display:none!important}.account-menu-wrap{position:relative}.account-menu-btn{border:1.5px solid var(--border-subtle);background:var(--surface-interactive);cursor:pointer;width:32px;height:32px;transition:border-color var(--dur-hover) var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.account-menu-btn:hover{border-color:var(--c-coral)}.account-avatar-img{object-fit:cover;width:100%;height:100%}.account-menu-dropdown{z-index:1000;background:var(--bg-card);border:1.5px solid var(--text-primary);min-width:210px;box-shadow:0 4px 0 var(--text-primary);border-radius:14px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.account-menu-header{padding:10px 14px}.account-menu-email-full{font-family:var(--font-family);color:var(--text-primary);word-break:break-all;font-size:13px;font-weight:600}.account-menu-sep{background:var(--border-subtle);height:1px}.account-menu-item{cursor:pointer;width:100%;font-family:var(--font-family);color:var(--text-primary);transition:background var(--dur-micro) var(--ease-smooth);background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.account-menu-item:hover{background:var(--surface-hover)}.account-menu-item svg{color:var(--text-secondary)}.q-num-badge{background:var(--surface-alt);border:1px solid var(--border);min-width:30px;color:var(--text-primary);vertical-align:middle;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;margin-right:8px;padding:2px 8px;font-size:13px;font-weight:800;line-height:1.4;display:inline-flex}.section-label-badge,.reading-section-label{background:var(--surface-alt);border:1px solid var(--border);min-width:32px;color:var(--text-primary);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;padding:3px 10px;font-size:14px;font-weight:800;display:inline-flex}p.reading-section-label{margin:18px 0 8px}.section-label-badge{margin:0 8px 0 0}.exam-question-block{border-bottom:1px solid var(--border-subtle);padding:14px 0}.exam-question-block:last-child{border-bottom:none}.exam-question-stem{color:var(--text-primary);padding-left:4px;font-size:15.5px;line-height:1.55}.exam-question-input{margin-top:10px;padding-left:4px}.q-option-list{flex-direction:column;gap:8px;display:flex}.q-option-chips{flex-wrap:wrap;gap:8px;display:flex}.q-option-card{border:1.5px solid var(--border-subtle);background:var(--surface-interactive);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-smooth), background var(--dur-micro) var(--ease-smooth);color:var(--text-primary);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:14.5px;line-height:1.5;display:flex}.q-option-card:hover{border-color:var(--c-coral)}.q-option-card.selected{border-color:var(--c-coral);background:var(--c-peach)}[data-theme=dark] .q-option-card.selected{background:#ff6b4a1f}.q-option-card.compact{align-items:center;width:auto;padding:7px 12px}.q-option-label{flex:auto;min-width:0}.reading-split-active{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.reading-split-panes{flex-direction:column;flex:auto;gap:16px;width:100%;min-height:0;display:flex}.reading-pane{flex-direction:column;min-height:160px;display:flex}@media (width>=1100px){.reading-split-active .reading-split-panes{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;display:grid}.reading-split-active .reading-pane{min-height:0;max-height:100%;padding-right:4px;overflow-y:auto}.reading-split-active .reading-pane::-webkit-scrollbar{width:8px}.reading-split-active .reading-pane::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}}.nav-back-btn{border-radius:var(--r-pill);border:1.5px solid var(--border-subtle);background:var(--surface-interactive);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-smooth), background var(--dur-micro) var(--ease-smooth);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.nav-back-btn:hover{border-color:var(--c-coral)}.answer-review-list{flex-direction:column;gap:8px;display:flex}.answer-review-item{border:1px solid var(--border-subtle);background:var(--surface-interactive);color:var(--text-primary);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.answer-review-item .review-verdict{flex-shrink:0;font-weight:800}.answer-review-item.correct .review-verdict{color:var(--success-icon)}.answer-review-item.incorrect .review-verdict{color:var(--coral)}.answer-review-item.unresolved .review-verdict{color:#d97706}.answer-review-meta{color:var(--text-secondary);font-size:12.5px}.accepted-variant-tag{color:var(--success-icon);background:#34d3991f;border:1px solid #34d39959;border-radius:999px;align-items:center;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.tips-page{flex-direction:column;gap:26px;width:100%;max-width:1400px;margin:0 auto;padding:32px 36px 80px;display:flex}.tips-header{flex-direction:column;gap:7px;display:flex}.tips-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--c-coral);font-size:11px;font-weight:700}.tips-title{color:var(--text-primary);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.15}.tips-sub{color:var(--text-secondary);font-size:14px;line-height:1.5}.tips-skill-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.tips-skill-card{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);cursor:pointer;min-height:190px;transition:transform var(--dur-hover) var(--ease-smooth), border-color var(--dur-hover) ease, box-shadow var(--dur-hover) ease;flex-direction:column;gap:12px;padding:28px 26px 22px;font-family:inherit;display:flex}.tips-skill-card:hover{border-color:color-mix(in srgb, var(--skill-accent) 55%, transparent);box-shadow:0 10px 28px -14px color-mix(in srgb, var(--skill-accent) 45%, transparent)}.tips-skill-icon{width:48px;height:48px;color:var(--skill-accent);background:color-mix(in srgb, var(--skill-accent) 11%, transparent);border:1px solid color-mix(in srgb, var(--skill-accent) 26%, transparent);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tips-skill-icon-lg{border-radius:18px;width:58px;height:58px}.tips-skill-name{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:17px;font-weight:700}.tips-skill-tagline{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.tips-skill-meta{letter-spacing:.02em;color:var(--text-tertiary);align-items:center;gap:6px;margin-top:auto;font-size:11.5px;font-weight:600;display:flex}.tips-skill-go{color:var(--text-tertiary);transition:transform var(--dur-button) var(--ease-spring), color var(--dur-button) ease;margin-left:auto}.tips-skill-card:hover .tips-skill-go{color:var(--skill-accent);transform:translate(3px)}.tips-skill-header{align-items:center;gap:16px;display:flex}.tips-skill-title{color:var(--text-primary);font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.15}.tips-skill-header-tagline{color:var(--text-secondary);margin-top:3px;font-size:14px}.tips-back-chip{color:var(--text-secondary);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-button) ease, border-color var(--dur-button) ease, background var(--dur-button) ease;align-self:flex-start;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.tips-back-chip:hover{color:var(--text-primary);border-color:var(--text-primary)}.tips-category-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));align-items:stretch;gap:14px;display:grid}.tips-category-card{text-align:left;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:transform var(--dur-hover) var(--ease-smooth), border-color var(--dur-hover) ease;border-radius:22px;flex-direction:column;gap:6px;padding:18px 20px 15px;font-family:inherit;display:flex}.tips-category-card:hover{border-color:color-mix(in srgb, var(--skill-accent) 55%, transparent)}.tips-category-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tips-category-title{color:var(--text-primary);font-size:14.5px;font-weight:700;line-height:1.3}.tips-category-go{color:var(--text-tertiary);transition:transform var(--dur-button) var(--ease-spring), color var(--dur-button) ease;flex-shrink:0}.tips-category-card:hover .tips-category-go{color:var(--skill-accent);transform:translate(3px)}.tips-category-blurb{color:var(--text-secondary);font-size:12.5px;line-height:1.45}.tips-category-meta{letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary);margin-top:auto;padding-top:6px;font-size:10.5px;font-weight:700}.tips-cat-header{flex-direction:column;gap:6px;display:flex}.tips-cat-title{color:var(--text-primary);font-size:clamp(22px,2.4vw,28px);font-weight:700}.tips-cat-blurb{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.tips-tip-list{flex-direction:column;gap:16px;max-width:820px;display:flex}.tip-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:12px;padding:24px 26px;display:flex}.tip-card-title{color:var(--text-primary);font-size:16.5px;font-weight:700;line-height:1.3}.tip-card-short{color:var(--text-primary);font-size:13.5px;font-weight:500;line-height:1.55}.tip-card-explanation{color:var(--text-secondary);font-size:13px;line-height:1.6}.tip-demo{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:9px;padding:15px 17px;display:flex}.tip-demo-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.tip-demo-label{text-align:center;letter-spacing:.07em;text-transform:uppercase;min-width:72px;color:var(--text-secondary);background:var(--surface-alt);border-radius:var(--r-pill);flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.tip-demo-label.is-accent{color:var(--tip-accent,var(--c-coral));background:color-mix(in srgb, var(--tip-accent,var(--c-coral)) 11%, transparent)}.tip-demo-text{min-width:160px;font-family:var(--font-exam);color:var(--text-primary);flex:1;font-size:13.5px;line-height:1.5}.tip-demo-text.is-before{color:var(--text-secondary)}.tip-demo-text.is-after{font-weight:500}.tip-demo-arrow{color:var(--text-tertiary);align-self:center;margin:-4px 0}.tip-demo-note{color:var(--text-secondary);border-top:1px dashed var(--border-light);padding-top:8px;font-size:12px;font-weight:600;line-height:1.45}.tip-demo-question{color:var(--text-primary);background:var(--surface-alt);border-radius:12px;align-items:center;gap:9px;padding:9px 13px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.tip-demo-question svg{color:var(--tip-accent,var(--c-coral));flex-shrink:0}.tip-demo-flow{flex-direction:column;gap:11px;list-style:none;display:flex}.tip-flow-step{align-items:flex-start;gap:12px;display:flex}.tip-flow-num{width:22px;height:22px;color:var(--bg-canvas);background:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.tip-flow-body{flex-direction:column;gap:1px;display:flex}.tip-flow-label{color:var(--text-primary);font-size:12.5px;font-weight:700}.tip-flow-text{color:var(--text-secondary);font-size:12.5px;line-height:1.5}.tip-demo-lines{gap:0;padding:4px 17px}.tip-lines-row{align-items:baseline;gap:14px;padding:10px 0;display:flex}.tip-lines-row+.tip-lines-row{border-top:1px solid var(--border-light)}.tip-lines-label{letter-spacing:.06em;text-transform:uppercase;min-width:108px;max-width:170px;color:var(--tip-accent,var(--c-coral));flex-shrink:0;font-size:10.5px;font-weight:700;line-height:1.4}.tip-lines-text{color:var(--text-primary);font-size:13px;line-height:1.55}.tip-card-takeaway{color:var(--text-primary);background:color-mix(in srgb, var(--tip-accent,var(--c-coral)) 9%, transparent);border:1px solid color-mix(in srgb, var(--tip-accent,var(--c-coral)) 24%, transparent);border-radius:13px;align-items:flex-start;gap:9px;padding:12px 15px;font-size:12.5px;font-weight:600;line-height:1.5;display:flex}.tip-card-takeaway svg{color:var(--tip-accent,var(--c-coral));flex-shrink:0;margin-top:2px}.tips-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(292px,1fr));align-items:start;gap:14px;display:grid}.vocab-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--dur-hover) ease;border-radius:20px;flex-direction:column;display:flex}.vocab-card.open{border-color:color-mix(in srgb, var(--tip-accent,var(--c-coral)) 45%, transparent)}.vocab-card-head{text-align:left;cursor:pointer;flex-direction:column;gap:11px;width:100%;padding:17px 19px 15px;font-family:inherit;display:flex}.vocab-card-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.vocab-card-title{letter-spacing:.11em;text-transform:uppercase;color:var(--text-secondary);font-size:11.5px;font-weight:700}.vocab-card-chevron{color:var(--text-tertiary);transition:transform var(--dur-button) var(--ease-smooth);display:flex}.vocab-chevron-icon{transform:rotate(-90deg)}.vocab-card-chevron.rotated .vocab-chevron-icon{transform:rotate(90deg)}.vocab-card-chips{flex-wrap:wrap;gap:6px;display:flex}.vocab-chip{color:var(--text-primary);background:var(--surface-alt);border:1px solid var(--border-light);border-radius:var(--r-pill);padding:4px 11px;font-size:12px;font-weight:600}.vocab-card-quick{flex-direction:column;gap:3px;display:flex}.vocab-card-quick-example{font-family:var(--font-exam);color:var(--text-primary);font-size:13.5px;font-style:italic;line-height:1.45}.vocab-card-quick-note{color:var(--text-tertiary);font-size:11.5px;font-weight:600}.vocab-card-body{border-top:1px solid var(--border-light)}.vocab-item-list{flex-direction:column;list-style:none;display:flex}.vocab-item{flex-direction:column;gap:3px;padding:12px 19px;display:flex}.vocab-item+.vocab-item{border-top:1px dashed var(--border-light)}.vocab-item-word{color:var(--tip-accent,var(--c-coral));font-size:13px;font-weight:700}.vocab-item-meaning{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.vocab-item-example{font-family:var(--font-exam);color:var(--text-primary);font-size:13px;font-style:italic;line-height:1.45}.vocab-item-strength{color:var(--text-tertiary);align-items:flex-start;gap:6px;margin-top:3px;font-size:11.5px;font-weight:600;line-height:1.4;display:flex}.vocab-item-strength svg{flex-shrink:0;margin-top:1px}.tips-entry-banner{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);cursor:pointer;width:100%;transition:transform var(--dur-hover) var(--ease-smooth), border-color var(--dur-hover) ease, box-shadow var(--dur-hover) ease;align-items:center;gap:18px;padding:17px 22px;font-family:inherit;display:flex}.tips-entry-banner:hover{border-color:var(--c-coral);box-shadow:0 12px 30px -16px color-mix(in srgb, var(--c-coral) 45%, transparent);transform:translateY(-2px)}.tips-entry-icon{width:46px;height:46px;color:var(--c-coral);background:var(--c-peach);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tips-entry-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tips-entry-title{color:var(--text-primary);font-size:15px;font-weight:700}.tips-entry-sub{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.tips-entry-chips{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.tips-entry-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 11px;font-size:10.5px;font-weight:700}.tips-entry-arrow{color:var(--text-tertiary);transition:transform var(--dur-button) var(--ease-spring), color var(--dur-button) ease;flex-shrink:0}.tips-entry-banner:hover .tips-entry-arrow{color:var(--c-coral);transform:translate(3px)}@media (width<=900px){.tips-skill-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tips-page{gap:20px;padding:22px 20px 64px}.tips-skill-grid{grid-template-columns:1fr;gap:12px}.tips-entry-chips{display:none}.tip-card{padding:19px 18px}}@media (width<=420px){.tips-entry-banner{gap:13px;padding:15px 16px}.tip-lines-row{flex-direction:column;gap:3px}.tip-lines-label{min-width:0;max-width:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-overlay{z-index:2000;background:var(--bg-canvas);flex-direction:column;display:flex;position:fixed;inset:0}.onboarding-topbar{justify-content:space-between;align-items:center;padding:22px 30px 0;display:flex}.onboarding-progress{align-items:center;gap:7px;display:inline-flex}.ob-dot{border-radius:var(--r-pill);background:color-mix(in srgb, var(--text-primary) 16%, transparent);cursor:pointer;width:7px;height:7px;transition:width var(--dur-button) var(--ease-smooth), background var(--dur-button) ease;border:none;padding:0}.ob-dot.seen{background:color-mix(in srgb, var(--text-primary) 34%, transparent)}.ob-dot.active{background:var(--c-coral);width:22px}.ob-skip{color:var(--text-tertiary);border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-button) ease, border-color var(--dur-button) ease;background:0 0;border:1px solid #0000;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.ob-skip:hover{color:var(--text-primary);border-color:var(--border)}.onboarding-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px 30px;display:flex}.onboarding-screen{flex-direction:column;width:100%;max-width:660px;max-height:100%;display:flex;overflow-y:auto}.ob-step{flex-direction:column;gap:20px;padding:16px 0 8px;display:flex}.ob-word{white-space:pre-wrap;will-change:transform, opacity;margin-right:.28em;display:inline-block}.ob-brand{letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(44px,8vw,76px);font-weight:700;line-height:1.02}.ob-brand-md{font-size:clamp(34px,6vw,54px)}.ob-tagline{color:var(--text-secondary);font-size:clamp(17px,2.6vw,23px);font-weight:500;line-height:1.35}.ob-heading{color:var(--text-primary);font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.12}.ob-heading:focus-visible{outline:none}.ob-step-lede{color:var(--text-secondary);font-size:14px;line-height:1.55}.ob-support{color:var(--text-tertiary);font-size:13.5px;line-height:1.6}.ob-feature-grid{grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;display:grid}.ob-feature-item{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:9px;padding:13px 14px;font-size:12.5px;font-weight:600;line-height:1.3;display:flex}.ob-feature-icon{width:26px;height:26px;color:var(--c-coral);background:var(--c-peach);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-target-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0;display:grid}@media (width<=520px){.ob-target-grid{grid-template-columns:1fr}}.ob-target-card{background:var(--bg-card);border:1.5px solid var(--border);cursor:pointer;text-align:left;transition:all var(--dur-hover) ease;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;font-family:inherit;display:flex;position:relative}.ob-target-card:hover{border-color:#151313;transform:translateY(-2px)}.ob-target-card.selected{border-color:var(--c-coral);box-shadow:0 2px 0 var(--c-coral);background:#ff57340f}.ob-target-score{color:var(--text-primary);min-width:46px;font-family:Kodchasan,sans-serif;font-size:26px;font-weight:800;line-height:1}.ob-target-card.selected .ob-target-score{color:var(--c-coral)}.ob-target-meta{flex:1}.ob-target-label{color:var(--text-primary);font-size:14px;font-weight:700}.ob-target-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.ob-target-check{background:var(--c-coral);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.ob-pipeline{flex-direction:column;gap:0;list-style:none;display:flex}.ob-pipeline-step{align-items:flex-start;gap:13px;padding:9px 0;display:flex;position:relative}.ob-pipeline-num{width:24px;height:24px;color:var(--bg-canvas);background:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ob-pipeline-body{flex-direction:column;gap:1px;display:flex}.ob-pipeline-label{color:var(--text-primary);font-size:13.5px;font-weight:700}.ob-pipeline-text{color:var(--text-secondary);font-size:12.5px;line-height:1.45}.ob-pipeline-arrow{color:var(--text-tertiary);position:absolute;top:-7px;left:11px;transform:rotate(90deg)}.ob-ai-notes{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-light);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;font-size:12.5px;line-height:1.55;display:flex}.ob-ai-notes strong{color:var(--text-primary)}.ob-checklist{flex-direction:column;gap:7px;list-style:none;display:flex}.ob-checklist li{color:var(--text-primary);align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:flex}.ob-checklist svg{color:var(--success-icon);flex-shrink:0}.ob-apikey-zone{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.ob-apikey-row{flex-wrap:wrap;gap:9px;display:flex}.ob-apikey-row input{min-width:180px;color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-input);flex:1;padding:10px 14px;font-family:inherit;font-size:13.5px}.ob-apikey-link{color:var(--c-coral);font-size:12.5px;font-weight:600;text-decoration:none}.ob-apikey-link:hover{text-decoration:underline}.ob-apikey-note{color:var(--text-secondary);font-size:12.5px;font-weight:600}.ob-apikey-connected{color:var(--success-icon);align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.ob-apikey-message{align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.ob-apikey-message.ok{color:var(--success-icon)}.ob-apikey-message.err{color:var(--error)}.ob-security-note{color:var(--text-tertiary);align-items:flex-start;gap:8px;font-size:12px;line-height:1.55;display:flex}.ob-security-note svg{flex-shrink:0;margin-top:2px}.ob-theme-group{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.ob-theme-card{text-align:left;background:var(--bg-card);border:1.5px solid var(--border);cursor:pointer;transition:border-color var(--dur-hover) ease, transform var(--dur-hover) var(--ease-smooth);border-radius:20px;flex-direction:column;gap:12px;padding:14px 14px 16px;font-family:inherit;display:flex;position:relative}.ob-theme-card:hover{transform:translateY(-2px)}.ob-theme-card.selected{border-color:var(--c-coral)}.ob-theme-preview{border-radius:13px;flex-direction:column;gap:8px;min-height:108px;padding:13px;display:flex}.ob-theme-preview-light{background:#f7f7f5;border:1px solid #15131324}.ob-theme-preview-dark{background:#201d1d;border:1px solid #f7f7f529}.ob-preview-nav{border-radius:99px;width:34%;height:7px}.ob-theme-preview-light .ob-preview-nav{background:#151313}.ob-theme-preview-dark .ob-preview-nav{background:#f7f7f5}.ob-preview-card{border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:11px;display:flex}.ob-theme-preview-light .ob-preview-card{background:#fff;border:1px solid #1513131a}.ob-theme-preview-dark .ob-preview-card{background:#2a2626;border:1px solid #f7f7f514}.ob-preview-line{border-radius:99px;height:6px}.ob-theme-preview-light .ob-preview-line{background:#15131338}.ob-theme-preview-dark .ob-preview-line{background:#f7f7f53d}.ob-preview-line.is-title{width:62%}.ob-theme-preview-light .ob-preview-line.is-title{background:#ff5734}.ob-theme-preview-dark .ob-preview-line.is-title{background:#ff6b4a}.ob-preview-line.is-short{width:40%}.ob-preview-pill{border-radius:99px;width:44%;height:9px}.ob-theme-preview-light .ob-preview-pill{background:#ff5734}.ob-theme-preview-dark .ob-preview-pill{background:#ff6b4a}.ob-theme-label{flex-direction:column;gap:1px;display:flex}.ob-theme-name{color:var(--text-primary);font-size:14.5px;font-weight:700}.ob-theme-desc{color:var(--text-tertiary);font-size:12px}.ob-theme-check{color:#fff;background:var(--c-coral);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:12px;right:12px}.onboarding-actions{justify-content:space-between;align-items:center;gap:12px;padding:16px 30px 30px;display:flex}.ob-back-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-button) ease, border-color var(--dur-button) ease;background:0 0;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.ob-back-btn:hover{color:var(--text-primary);border-color:var(--text-primary)}.ob-primary-btn{align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;display:inline-flex}.ob-start-btn{padding:13px 28px;font-size:14.5px}@media (width<=640px){.onboarding-topbar,.onboarding-actions{padding-left:20px;padding-right:20px}.onboarding-stage{align-items:flex-start;padding:12px 20px}.ob-feature-grid{grid-template-columns:1fr 1fr}.ob-theme-group{grid-template-columns:1fr}.ob-brand{font-size:44px}}@media (width<=380px){.ob-feature-grid{grid-template-columns:1fr}}.cognition-loader{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.cognition-loader-ring{border:3px solid color-mix(in srgb, var(--c-coral) 18%, transparent);border-top-color:var(--c-coral);border-radius:50%;justify-content:center;align-items:center;animation:.9s linear infinite cognitionLoaderSpin;display:flex;position:relative}.cognition-loader-mark{object-fit:contain;width:44%;height:44%;animation:none}.cognition-loader-label{letter-spacing:.04em;color:var(--text-tertiary);font-family:inherit;font-size:13px;font-weight:600}.cognition-loader-dots span{animation:1.2s ease-in-out infinite cognitionLoaderPulse;display:inline-block}.cognition-loader-dots span:nth-child(2){animation-delay:.15s}.cognition-loader-dots span:nth-child(3){animation-delay:.3s}.cognition-loader-sm .cognition-loader-ring{border-width:2.5px;width:26px;height:26px}.cognition-loader-sm .cognition-loader-label{font-size:12px}.cognition-loader-md .cognition-loader-ring{width:44px;height:44px}.cognition-loader-lg .cognition-loader-ring{width:60px;height:60px}.cognition-loader-lg .cognition-loader-label{font-size:14px}@keyframes cognitionLoaderSpin{to{transform:rotate(360deg)}}@keyframes cognitionLoaderPulse{0%,to{opacity:.25}50%{opacity:1}}.app-boot-screen{z-index:1500;background:var(--bg-canvas);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hub-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-tips-outline{color:var(--text-primary);border:1.5px solid var(--text-primary);border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-button) ease, color var(--dur-button) ease, transform var(--dur-button) var(--ease-smooth);background:0 0;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.btn-tips-outline:hover{background:var(--text-primary);color:var(--bg-canvas);transform:translateY(-1px)}.btn-tips-outline:active{transform:translateY(0)}.btn-tips-outline svg{color:var(--c-yellow);transition:color var(--dur-button) ease}.btn-tips-outline:hover svg{color:var(--c-yellow)}[data-theme=dark] .btn-tips-outline svg{color:var(--c-coral)}.ob-word{padding-bottom:.12em}.rd-sheet{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);box-shadow:0 3px 0 var(--border-color);padding:28px 32px 36px}.rd-passage{font-family:var(--font-exam);color:var(--text-primary)}.rd-eyebrow{font-family:var(--font-family);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:800}.rd-passage-title{font-family:var(--font-family);color:var(--text-primary);margin:0 0 18px;font-size:clamp(22px,2.2vw,27px);font-weight:800;line-height:1.2}.rd-subheading{font-family:var(--font-family);color:var(--text-primary);margin:22px 0 8px;font-size:16px;font-weight:800}.rd-para{margin:0 0 14px;font-size:17px;line-height:1.7;position:relative}.rd-para.has-label{padding-left:42px}.rd-para-label{width:28px;height:28px;font-family:var(--font-family);background:var(--surface-sunken);border:1px solid var(--border-light);color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex;position:absolute;top:2px;left:0}.rd-figure{margin:14px 0}.rd-figure img{border:1px solid var(--border-light);background:#fff;border-radius:10px;max-width:100%;height:auto;display:block}.rd-table-wrap{margin:12px 0;overflow-x:auto}.rd-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.rd-table td{border:1px solid var(--border-color);vertical-align:top;padding:8px 10px}.rd-table tr:first-child td{font-family:var(--font-family);background:var(--surface-sunken);font-weight:700}.rd-pane-questions{flex-direction:column;gap:16px;display:flex}.rd-group{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);box-shadow:0 3px 0 var(--border-color);color:var(--text-primary);padding:22px 24px 18px}.rd-group-head{border-bottom:1px solid var(--border-light);margin-bottom:6px;padding-bottom:12px}.rd-group-range{margin:0 0 4px;font-size:16px;font-weight:800}.rd-group-instr{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.55}.rd-group-note{color:var(--text-secondary);margin:6px 0 0;font-size:13.5px;font-style:italic}.rd-limit{letter-spacing:.04em;border-radius:var(--r-pill);background:var(--c-peach);color:var(--text-primary);border:1px solid var(--border-light);margin-top:8px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-block}.rd-pool{background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:14px;margin:12px 0 4px;padding:12px 14px}.rd-pool-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:800}.rd-pool ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rd-pool li{gap:10px;font-size:14.5px;line-height:1.45;display:flex}.rd-pool-key{flex:none;min-width:30px;font-weight:800}.rd-pool-words{margin:0;font-size:14.5px;line-height:1.8}.rd-stimulus{font-family:var(--font-exam);background:var(--surface);border:1px solid var(--border-light);border-radius:14px;margin:12px 0 4px;padding:14px 16px;font-size:16px;line-height:2.1}.rd-stim-title{font-family:var(--font-family);margin:0 0 6px;font-size:15.5px;font-weight:800;line-height:1.4}.rd-stim-heading{font-family:var(--font-family);margin:10px 0 2px;font-size:14.5px;font-weight:700;line-height:1.4}.rd-stim-line{margin:0 0 6px}.rd-stimulus .rd-table{font-size:14.5px;line-height:2}.rd-badge{min-width:28px;height:26px;font-family:var(--font-family);background:var(--surface-sunken);color:var(--text-primary);border:1px solid var(--border-color);vertical-align:middle;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 7px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.rd-badge.is-answered{background:var(--text-primary);color:var(--bg-card)}.rd-badge-range{min-width:44px}.rd-q{border-bottom:1px solid var(--border-light);padding:14px 0}.rd-q:last-child{border-bottom:none;padding-bottom:4px}.rd-q-stem{align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.55;display:flex}.rd-q-stem .rd-badge{margin-top:1px}.rd-prompt{flex:auto;min-width:0}.rd-q-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.rd-q-inline .rd-q-stem{flex:260px}.rd-sentence{margin:0;font-size:15.5px;line-height:2.2}.rd-blank{vertical-align:middle;align-items:center;gap:6px;margin:2px;display:inline-flex}.rd-blank-block{display:flex}.rd-input,.rd-select{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border-color);min-height:36px;transition:border-color var(--dur-micro) var(--ease-smooth), box-shadow var(--dur-micro) var(--ease-smooth);border-radius:10px;padding:4px 10px;font-size:15px;font-weight:600}.rd-input{width:11em;max-width:100%}.rd-input-wide{width:100%;max-width:420px;margin:10px 0 0 38px;display:block}.rd-select{cursor:pointer;max-width:100%;padding-right:8px}.rd-picker .rd-select{min-width:180px;max-width:320px}.rd-input:focus,.rd-select:focus{border-color:var(--c-coral);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-coral) 22%, transparent);outline:none}.rd-gap{font-weight:700}.rd-segmented{border:1.5px solid var(--border-color);background:var(--surface-sunken);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:min(100%,340px);margin:10px 0 0 38px;display:inline-grid;overflow:hidden}.rd-segment,.rd-letter,.rd-choice{cursor:pointer;position:relative}.rd-segment input,.rd-letter input,.rd-choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rd-segment span{min-height:40px;color:var(--text-secondary);white-space:nowrap;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:flex}.rd-segment+.rd-segment{border-left:1px solid var(--border-light)}.rd-segment:hover span{color:var(--text-primary)}.rd-segment.is-selected span{background:var(--text-primary);color:var(--bg-card)}.rd-letters{flex-wrap:wrap;gap:6px;display:flex}.rd-letter span{min-width:40px;height:40px;font-family:var(--font-family);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:14.5px;font-weight:800;display:inline-flex}.rd-letter:hover span{border-color:var(--c-coral)}.rd-letter.is-selected span{background:var(--c-coral);border-color:var(--c-coral);color:#151313}.rd-choices{gap:8px;margin:10px 0 0 38px;display:grid}.rd-choice{border:1.5px solid var(--border-light);background:var(--surface-interactive);min-height:44px;color:var(--text-primary);transition:border-color var(--dur-micro) var(--ease-smooth), background var(--dur-micro) var(--ease-smooth);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:15px;line-height:1.45;display:flex}.rd-choice:hover{border-color:var(--c-coral)}.rd-choice-key{width:26px;height:26px;font-family:var(--font-family);border:1.5px solid var(--border-color);background:var(--bg-card);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.rd-choice-text{flex:auto;min-width:0;padding-top:2px}.rd-choice.is-selected{border-color:var(--c-coral);background:var(--c-peach)}.rd-choice.is-selected .rd-choice-key{background:var(--c-coral);border-color:var(--c-coral);color:#151313}.rd-choice.is-locked{opacity:.55;cursor:not-allowed}.rd-multi-count{color:var(--text-secondary);margin:8px 0 0 38px;font-size:13px;font-weight:700}.rd-segment:focus-within span,.rd-letter:focus-within span,.rd-choice:focus-within{outline:3px solid color-mix(in srgb, var(--c-coral) 55%, transparent);outline-offset:2px}.rd-pane-switch{background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:14px;margin:0 0 12px;padding:4px;display:none}.rd-pane-switch button{cursor:pointer;min-height:44px;font-family:var(--font-family);color:var(--text-secondary);background:0 0;border:none;border-radius:10px;flex:1 1 0;font-size:14.5px;font-weight:800}.rd-pane-switch button.is-active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 0 var(--border-color)}.rd-pane-count{color:var(--text-secondary);margin-left:4px;font-weight:700}@media (width<=1099px){.reading-split-active .rd-pane-switch{display:flex}.reading-split-active .rd-show-passage .rd-pane-questions,.reading-split-active .rd-show-questions .rd-pane-passage{display:none}.reading-split-active{height:auto;min-height:100vh;overflow:visible}}@media (width<=640px){.rd-sheet,.rd-group{border-radius:20px;padding:18px 16px}.rd-para{font-size:16.5px}.rd-para.has-label{padding-left:36px}.rd-segmented,.rd-choices,.rd-multi-count{width:100%;margin-left:0}.rd-input-wide{margin-left:0}.rd-segment span{min-height:44px;padding:0 8px}.rd-letter span{min-width:44px;height:44px}.rd-input,.rd-select{min-height:44px;font-size:16px}.rd-picker,.rd-picker .rd-select{width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.rd-choice,.rd-input,.rd-select{transition:none}}.rd-gap-mark{border-bottom:1.5px solid var(--text-secondary);text-align:center;min-width:2.2em;color:var(--text-secondary);margin:0 2px;display:inline-block}.exam-nav-label-short{display:none}@media (width<=899px){.exam-nav-section-pill .exam-nav-label-long{display:none}.exam-nav-section-pill .exam-nav-label-short{text-align:center;min-width:1.4em;display:inline}}.answer-review-item.unanswered{opacity:.78}.answer-review-item.unanswered .review-verdict{color:var(--text-tertiary);font-weight:800}@media (width>=900px){.answer-review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}}.writing-criterion-split{color:var(--text-secondary);gap:14px;font-size:13px;display:flex}.writing-criterion-split strong{color:var(--text-primary);font-weight:800}.writing-scoring-method{background:var(--surface-sunken);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:14px;margin:-16px 0 32px;padding:12px 16px;font-size:13px;line-height:1.5}.writing-scoring-method p{margin:0}.writing-scoring-method .writing-scoring-note{color:var(--text-primary);margin-bottom:4px;font-weight:700}.speaking-provenance-note{color:var(--text-tertiary);font-size:12px;font-weight:600;font-family:var(--font-family);margin-top:14px}.review-answer-chip{color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:7px;margin:0 2px;padding:1px 8px;font-weight:800;display:inline-block}.review-answer-chip.is-key{border-color:color-mix(in srgb, var(--success-icon) 45%, transparent)}.mock-skill-evidence{color:var(--text-secondary);margin-top:6px;font-size:12.5px;font-weight:600}.inline-blank,.inline-blank *{text-indent:0}.inline-blank{vertical-align:middle;margin:2px 4px 2px 6px}.inline-blank .q-num-badge{text-align:center;font-family:var(--font-family);justify-content:center;margin-right:6px}.text-size-control{border:1.5px solid var(--border-color);border-radius:var(--r-pill);background:var(--bg-card);align-items:center;display:inline-flex;overflow:hidden}.text-size-control button{cursor:pointer;min-width:38px;min-height:36px;font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:baseline;gap:1px;padding:0 8px;font-weight:800;display:inline-flex}.text-size-control button+button{border-left:1px solid var(--border-light)}.text-size-control button:disabled{color:var(--text-tertiary);cursor:default}.text-size-control button:hover:not(:disabled){background:var(--surface-hover)}.text-size-control button:focus-visible{outline:3px solid color-mix(in srgb, var(--c-coral) 55%, transparent);outline-offset:-3px}@media (width<=640px){.text-size-control button{min-width:44px;min-height:44px}}.reading-split-panes{--exam-text-scale:1}.reading-split-panes .rd-para{font-size:calc(17px * var(--exam-text-scale))}.reading-split-panes .rd-subheading,.reading-split-panes .rd-stimulus{font-size:calc(16px * var(--exam-text-scale))}.reading-split-panes .rd-q-stem,.reading-split-panes .rd-sentence{font-size:calc(15.5px * var(--exam-text-scale))}.reading-split-panes .rd-choice,.reading-split-panes .rd-pool li{font-size:calc(15px * var(--exam-text-scale))}.reading-split-panes .rd-group-instr{font-size:calc(14.5px * var(--exam-text-scale))}.writing-split .wr-prompt{font-size:calc(16px * var(--exam-text-scale));color:var(--text-primary);line-height:1.65}.writing-split .wr-prompt table{margin-top:12px}.writing-split .wr-visual{border:1px solid var(--border-light);background:#fff;border-radius:10px;width:100%;max-width:620px;margin:18px auto 0;display:block}.writing-split .wr-answer{flex-direction:column;gap:12px;min-height:100%;display:flex}.writing-split .wr-count{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.writing-split .wr-count strong{color:var(--text-primary)}.writing-split .wr-count span:last-child{color:var(--c-coral);align-items:center;gap:6px;font-weight:800;display:inline-flex}.writing-split .wr-count span.is-met{color:var(--success-icon)}.writing-split .wr-editor{resize:none;width:100%;min-height:360px;font-family:var(--font-exam);font-size:calc(16px * var(--exam-text-scale));border:1.5px solid var(--border-color);color:#151313;background:#fff;border-radius:14px;flex:1;padding:16px 18px;line-height:1.7}.writing-split .wr-editor:focus{border-color:var(--c-coral);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-coral) 20%, transparent);outline:none}@media (width>=1100px){.writing-split .wr-pane-answer .rd-sheet{height:100%}}@media (width<=1099px){.writing-split .wr-show-task .wr-pane-answer,.writing-split .wr-show-answer .wr-pane-task{display:none}}.cl-otpCodeFieldInputs{justify-content:center;gap:10px!important}.cl-otpCodeFieldInput{text-align:center;min-width:44px;caret-color:var(--c-coral);color:#151313!important;width:44px!important;height:52px!important;font-family:var(--font-family)!important;box-shadow:none!important;opacity:1!important;background:#f0eee9!important;border:1.5px solid #151313!important;border-radius:12px!important;font-size:22px!important;font-weight:800!important}.cl-otpCodeFieldInput:focus,.cl-otpCodeFieldInput[data-focus-visible]{border-color:var(--c-coral)!important;background:#fff!important;outline:none!important;box-shadow:0 0 0 3px #ff573438!important}@media (width<=400px){.cl-otpCodeFieldInput{min-width:40px;width:40px!important;height:48px!important}}.ai-wait-note{max-width:420px;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;margin:26px auto 0;font-size:13.5px;font-weight:600;line-height:1.5;display:flex}.ai-wait-dot{background:var(--c-coral);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite ai-wait-pulse}@keyframes ai-wait-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.ai-wait-dot{animation:none}}.tips-feed{max-width:880px;margin:0 auto;padding-bottom:80px}.tips-feed-header{margin-bottom:18px;padding-top:8px;scroll-margin-top:90px}.tips-skill-switch{z-index:5;background:color-mix(in srgb, var(--bg-canvas) 88%, transparent);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--border-color);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:26px;padding:4px;display:grid;position:sticky;top:12px}.tips-skill-switch button{cursor:pointer;min-height:44px;font-family:var(--font-family);color:var(--text-secondary);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:800;display:inline-flex}.tips-skill-switch button.is-active{background:var(--text-primary);color:var(--bg-card)}.tips-skill-switch button:focus-visible{outline:3px solid color-mix(in srgb, var(--c-coral) 55%, transparent);outline-offset:1px}.tips-feed-body{flex-direction:column;gap:22px;display:flex}.tips-topic{flex-direction:column;gap:14px;scroll-margin-top:90px;display:flex}.coach-line{align-items:flex-start;gap:12px;display:flex}.coach-avatar{width:34px;height:34px;font-family:var(--font-family);background:var(--skill-accent,var(--c-coral));color:#151313;border:1.5px solid var(--border-color);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.coach-bubble{background:var(--bg-card);border:1.5px solid var(--border-color);min-width:0;color:var(--text-primary);border-radius:4px 18px 18px;flex:auto;padding:14px 18px;font-size:15.5px;line-height:1.6}.coach-bubble p{margin:0 0 6px}.coach-bubble p:last-child{margin-bottom:0}.coach-title{font-family:var(--font-family);font-size:16.5px;font-weight:800}.coach-meta{color:var(--text-secondary);font-size:13px;font-weight:600}.tips-topic-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tips-topic-chips button{border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface-interactive);min-height:34px;font-family:var(--font-family);color:var(--text-primary);padding:6px 12px;font-size:13px;font-weight:700}.tips-topic-chips button:hover{border-color:var(--c-coral)}.tips-thread{padding-left:46px}@media (width<=640px){.tips-skill-switch button span{font-size:13px}.tips-skill-switch button svg{display:none}.tips-thread{padding-left:0}.coach-avatar{width:28px;height:28px;font-size:12px}}.text-size-control button{align-items:center;line-height:1}.text-size-control button span{line-height:1;display:inline-block}.text-size-control button span[aria-hidden=true]{margin-left:1px;font-size:11px;transform:translateY(-1px)}.cl-otpCodeField{margin-bottom:6px}.cl-formResendCodeLink{text-align:center;display:block;margin-top:10px!important}.cl-formButtonPrimary{margin-top:14px}.cl-footerItem{display:none!important}.cl-footer:not(:has(.cl-footerAction)){display:none!important}.cl-footer:has(.cl-footerAction){padding-bottom:18px!important}.stt-card{background:var(--bg-card);border:1.5px solid var(--border-color);max-width:760px;color:var(--text-primary);border-radius:16px;align-items:flex-start;gap:12px;margin:0 auto 18px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.stt-card>div{flex:1}.stt-card p{color:var(--text-secondary);margin:4px 0 10px}.stt-card.is-ready{align-items:center}.stt-card.is-error{border-color:var(--c-coral)}.stt-bar{background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:99px;height:8px;overflow:hidden}.stt-bar span{background:var(--c-coral);height:100%;transition:width .3s var(--ease-smooth);display:block}.stt-pct{color:var(--text-secondary);margin-top:6px;font-size:12.5px;font-weight:700;display:inline-block}.stt-pill{border-radius:var(--r-pill);color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-light);align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.stt-dot{background:var(--c-coral);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite ai-wait-pulse}.stt-pill.is-ready .stt-dot,.stt-card.is-ready .stt-dot{background:var(--success-icon);animation:none}.stt-pill.is-error .stt-dot{animation:none}.speaking-transcribing{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.stt-dot{animation:none}.stt-bar span{transition:none}}.exam-focus-header:has(.speaking-header-bar){flex-wrap:wrap}.speaking-header-bar{flex:100%;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid!important}.speaking-header-bar>:first-child{justify-self:start}.speaking-header-bar>.stt-pill{justify-self:center}.speaking-header-bar>.exam-focus-exit-btn{justify-self:end}@media (width<=560px){.speaking-header-bar{grid-template-columns:1fr auto}.speaking-header-bar>.stt-pill{grid-area:2/1/auto/-1;justify-self:center}}.speaking-record-lock{background:var(--surface-sunken);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}.speaking-review{max-width:820px;margin:40px auto;padding:0 16px 80px}.speaking-review-title{color:var(--text-primary);margin:0 0 6px;font-size:clamp(24px,3vw,32px);font-weight:800}.speaking-review-sub{color:var(--text-secondary);margin:0 0 20px;font-size:15px;line-height:1.55}.speaking-review-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.speaking-review-item{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:14px;padding:14px 16px}.speaking-review-item.is-empty{opacity:.7;border-style:dashed}.speaking-review-q{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:14.5px;font-weight:700;line-height:1.45;display:flex}.speaking-review-text{font-family:var(--font-exam);color:var(--text-primary);margin:8px 0 0 38px;font-size:15px;line-height:1.6}.speaking-review-note{color:var(--text-secondary);margin:8px 0 0 38px;font-size:13.5px}.speaking-review-item .speaking-transcribing{margin:8px 0 0 38px}.speaking-review-retry{color:var(--c-coral);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.speaking-review-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;display:flex}.speaking-review-back,.speaking-review-submit{min-height:46px;font-family:var(--font-family);cursor:pointer;border:1.5px solid var(--border-color);border-radius:14px;padding:0 22px;font-size:15px;font-weight:800}.speaking-review-back{background:var(--bg-card);color:var(--text-primary)}.speaking-review-submit{background:var(--c-coral);color:#151313;box-shadow:0 3px 0 var(--border-color)}.speaking-review-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.result-page{--result-accent:var(--c-coral);--result-ink:var(--border-color);--result-warn:#8a6d00;--result-warn-bg:#fccc4229;--result-warn-border:#e0ae1f;width:100%;max-width:1040px;color:var(--text-primary);flex-direction:column;gap:28px;margin:0 auto;padding:32px 24px 96px;font-size:16px;line-height:1.6;display:flex}.result-page[data-skill=listening]{--result-accent:var(--c-yellow)}.result-page[data-skill=reading]{--result-accent:var(--c-lavender)}.result-page[data-skill=writing]{--result-accent:var(--c-coral)}.result-page[data-skill=speaking]{--result-accent:var(--c-speaker)}.result-page[data-skill=mock]{--result-accent:var(--c-yellow)}[data-theme=dark] .result-page{--result-ink:#f7f7f573;--result-warn:#fdd35e;--result-warn-bg:#fdd35e1a;--result-warn-border:#fdd35e8c}.result-page>*{min-width:0}.result-back-btn{border-radius:var(--r-pill);border:1.5px solid var(--border-color);background:var(--bg-card);min-height:40px;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;box-shadow:0 2px 0 var(--result-ink);transition:transform var(--dur-micro) var(--ease-smooth), box-shadow var(--dur-micro) var(--ease-smooth);align-self:flex-start;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:15px;font-weight:700;display:inline-flex}.result-back-btn:hover{box-shadow:0 3px 0 var(--result-ink);transform:translateY(-1px)}.result-back-btn:active{box-shadow:0 1px 0 var(--result-ink);transform:translateY(1px)}.result-hero{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--r-card);box-shadow:0 5px 0 var(--result-ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:36px 40px;display:grid;position:relative;overflow:hidden}.result-hero:before{content:"";background:var(--result-accent);border-bottom:1.5px solid var(--border-color);height:8px;position:absolute;inset:0 0 auto}.result-hero.is-stacked{grid-template-columns:minmax(0,1fr)}.result-eyebrow{color:var(--result-accent);letter-spacing:.08em;text-transform:uppercase;background:#151313;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex}[data-theme=dark] .result-eyebrow{background:#0b0a0a;border:1px solid #f7f7f52e}.result-page[data-skill=writing] .result-eyebrow,.result-page[data-skill=speaking] .result-eyebrow{color:#fff}.result-eyebrow.is-warning{background:var(--result-warn-bg);color:var(--result-warn);border:1px solid var(--result-warn-border)}.result-title{letter-spacing:-.01em;color:var(--text-primary);margin:14px 0 10px;font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.15}.result-lead{color:var(--text-secondary);max-width:62ch;margin:0;font-size:17px;font-weight:500;line-height:1.6}.result-lead strong{color:var(--text-primary);font-weight:800}.result-warn-line{color:var(--result-warn);margin-top:10px;font-size:15px;font-weight:700;display:block}.result-meta-pill{border-radius:var(--r-pill);background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;margin-top:14px;padding:5px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.result-band-box{text-align:center;background:color-mix(in srgb, var(--result-accent) 16%, var(--bg-card));border:1.5px solid var(--border-color);min-width:200px;box-shadow:0 3px 0 var(--result-ink);border-radius:22px;padding:22px 30px 20px}.result-band-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:800}.result-band-value{font-family:var(--font-family);color:var(--c-coral);font-variant-numeric:tabular-nums;margin:8px 0 6px;font-size:64px;font-weight:800;line-height:1}.result-band-value.is-range{font-size:44px}.result-band-value.is-text{color:var(--text-secondary);font-size:26px;line-height:1.2}.result-band-value.is-empty{color:var(--text-tertiary)}.result-band-sub{color:var(--text-secondary);font-size:14px;font-weight:700}.result-band-note{color:var(--text-primary);max-width:300px;margin-top:8px;font-size:14px;font-weight:600;line-height:1.45}.result-section-head{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.result-section-title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:24px;font-weight:800;line-height:1.25;display:flex}.result-section-sub{color:var(--text-secondary);margin:0;font-size:15.5px;line-height:1.55}.result-card{background:var(--bg-card);border:1.5px solid var(--border-color);box-shadow:0 3px 0 var(--result-ink);border-radius:22px;min-width:0;padding:26px 28px}.result-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;margin-bottom:14px;display:flex}.result-card-title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:19px;font-weight:800;line-height:1.3;display:flex}.result-card-meta{color:var(--text-secondary);font-size:15px;font-weight:700}.result-card-sub{color:var(--text-secondary);margin:-6px 0 16px;font-size:15px;line-height:1.55}.result-text{color:var(--text-primary);margin:0;font-size:16px;line-height:1.65}.result-text+.result-text{margin-top:10px}.result-text.is-muted{color:var(--text-secondary)}.result-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:800}.result-label.is-accent{color:var(--coral)}.result-label.is-good{color:var(--success-icon)}.result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;display:grid}.result-grid.is-wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.result-subcard{background:var(--surface-interactive);border:1px solid var(--border-subtle);border-radius:16px;min-width:0;padding:18px 20px}.result-subcard.is-yellow{background:color-mix(in srgb, var(--c-yellow) 14%, var(--bg-card))}.result-subcard.is-lavender{background:color-mix(in srgb, var(--c-lavender) 14%, var(--bg-card))}.result-subcard.is-coral{background:color-mix(in srgb, var(--c-coral) 9%, var(--bg-card))}.result-subcard .result-text{font-size:15.5px}.result-criterion{flex-direction:column;gap:10px;display:flex}.result-criterion-name{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:14px;font-weight:800}.result-criterion-band{font-family:var(--font-family);color:var(--c-coral);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:40px;font-weight:800;line-height:1.05;display:flex}.result-criterion-band.is-empty{color:var(--text-tertiary);font-size:26px}.result-criterion-band small{color:var(--text-secondary);font-size:16px;font-weight:700}.result-criterion-focus{border-top:1px solid var(--border-subtle);color:var(--text-primary);margin-top:auto;padding-top:12px;font-size:15px;line-height:1.55}.result-criterion-focus strong{color:var(--coral)}.result-badge{background:var(--surface-interactive);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.result-band-chip{background:color-mix(in srgb, var(--result-accent) 18%, var(--bg-card));border:1.5px solid var(--border-color);border-radius:12px;align-items:baseline;gap:4px;padding:6px 14px;display:inline-flex}.result-band-chip b{color:var(--text-primary);font-size:26px;font-weight:800;line-height:1.1}.result-band-chip span{color:var(--text-secondary);font-size:14px;font-weight:700}.result-status{font-size:14px;font-weight:700}.result-status.is-good{color:var(--success-icon)}.result-status.is-warn{color:var(--result-warn)}.result-status.is-bad{color:var(--coral)}.result-status.is-muted{color:var(--text-tertiary)}.result-skill-icon{border:1.5px solid var(--border-color);background:var(--skill-tint,var(--surface-interactive));color:#151313;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.result-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.result-list-item{background:var(--surface-interactive);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:15.5px;line-height:1.55;display:flex}.result-list-item strong{color:var(--text-primary)}.result-list-num{color:var(--coral);min-width:18px;font-weight:800}.result-list-item .result-list-body{color:var(--text-primary)}.result-list-empty{color:var(--text-secondary);margin:0;font-size:15px}.result-correction{background:var(--surface-interactive);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 18px}.result-correction-line{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.55;display:flex}.result-correction-line+.result-correction-line{margin-top:8px}.result-correction-mark{font-size:16px;font-weight:800;line-height:1.5}.result-correction-mark.is-bad{color:var(--coral)}.result-correction-mark.is-good{color:var(--success-icon)}.result-correction-why{border-top:1px dashed var(--border-subtle);color:var(--text-secondary);margin-top:10px;padding-top:10px;font-size:15px;line-height:1.55}.result-correction-why strong{color:var(--text-primary)}.result-advice{background:var(--result-warn-bg);border:1px solid var(--result-warn-border);border-radius:14px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 18px;display:flex}.result-advice .result-label{color:var(--result-warn);margin-bottom:2px}.result-callout{background:var(--result-warn-bg);border:1.5px solid var(--result-warn-border);border-radius:18px;align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.result-callout.is-error{background:color-mix(in srgb, var(--c-coral) 9%, var(--bg-card));border-color:var(--border-color);box-shadow:0 3px 0 var(--result-ink)}.result-callout-icon{color:var(--result-warn);flex-shrink:0;margin-top:2px;display:inline-flex}.result-callout.is-error .result-callout-icon{color:var(--coral)}.result-callout-body{flex:260px;min-width:0}.result-callout-title{color:var(--result-warn);font-size:16.5px;font-weight:800}.result-callout.is-error .result-callout-title{color:var(--text-primary)}.result-callout-text{color:var(--text-primary);margin-top:4px;font-size:15.5px;line-height:1.6}.result-callout.has-action{flex-wrap:wrap;align-items:center}.result-essay-prompt{color:var(--text-primary);margin:0 0 14px;font-size:16px;font-style:italic;font-weight:600;line-height:1.55}.result-essay{background:var(--surface);border:1px solid var(--border-subtle);font-family:var(--font-exam);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:18px 20px;font-size:17px;line-height:1.75}.result-actions{border-top:1.5px solid var(--border-color);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;padding-top:24px;display:flex}.result-btn{border:1.5px solid var(--border-color);min-height:54px;font-family:var(--font-family);cursor:pointer;box-shadow:0 4px 0 var(--result-ink);transition:transform var(--dur-micro) var(--ease-smooth), box-shadow var(--dur-micro) var(--ease-smooth), background var(--dur-micro) ease;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 30px;font-size:16.5px;font-weight:800;display:inline-flex}.result-btn:hover:not(:disabled){box-shadow:0 6px 0 var(--result-ink);transform:translateY(-2px)}.result-btn:active:not(:disabled){box-shadow:0 1px 0 var(--result-ink);transform:translateY(2px)}.result-btn:disabled{opacity:.6;cursor:wait}.result-btn.is-primary{color:#151313;background:#ff5734}.result-btn.is-primary:hover:not(:disabled){background:#ff6a4a}.result-btn.is-secondary{background:var(--bg-card);color:var(--text-primary)}.result-btn.is-yellow{background:var(--c-yellow);color:#151313}.result-btn.is-small{min-height:42px;box-shadow:0 3px 0 var(--result-ink);border-radius:12px;padding:0 18px;font-size:15px}.result-analysis{flex-direction:column;gap:20px;display:flex}.ra-type-list{flex-direction:column;gap:12px;display:flex}.ra-type-row{grid-template-columns:minmax(140px,1fr) minmax(80px,2fr) auto;align-items:center;gap:14px;display:grid}.ra-type-label{color:var(--text-primary);font-size:15.5px;font-weight:700;line-height:1.35}.ra-type-track{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:99px;height:10px;overflow:hidden}.ra-type-fill{background:var(--success-icon);border-radius:99px;height:100%}.ra-type-fill.is-weak{background:var(--c-coral)}.ra-type-score{text-align:right;min-width:52px;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.ra-summary{color:var(--text-secondary);margin:16px 0 0;font-size:15.5px;line-height:1.6}.ra-summary p{margin:0}.ra-summary p+p{margin-top:4px}.ra-summary strong{color:var(--text-primary)}.ra-summary strong.is-good{color:var(--success-icon)}.ra-summary strong.is-focus{color:var(--coral)}.ra-criteria-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;display:grid}.ra-criterion{background:var(--surface-interactive);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 16px}.ra-criterion-label{color:var(--text-secondary);font-size:14px;font-weight:700;line-height:1.35}.ra-criterion-band{color:var(--text-primary);margin-top:4px;font-size:28px;font-weight:800;line-height:1.2}.ra-criterion-note{color:var(--text-secondary);margin-top:6px;font-size:14.5px;line-height:1.5}.ra-sentence-list{flex-direction:column;gap:14px;display:flex}.ra-sentence{background:var(--surface-interactive);border:1px solid var(--border-subtle);border-radius:14px;padding:16px 18px}.ra-sentence-text{color:var(--text-primary);margin:0 0 12px;font-size:16px;line-height:1.6}.ra-sentence-text.is-better{font-weight:600}.ra-sentence-why{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.55}.ra-example{background:var(--surface-interactive);color:var(--text-secondary);border-radius:12px;margin-top:12px;padding:14px 16px;font-size:15.5px;line-height:1.65}.ra-example strong,.result-text strong{color:var(--text-primary)}.result-link-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.result-link-btn{border-radius:var(--r-pill);border:1.5px solid var(--border-subtle);background:var(--surface-interactive);min-height:40px;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:border-color var(--dur-micro) ease;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:700;display:inline-flex}.result-link-btn:hover,.result-link-btn.is-accent{border-color:var(--c-coral)}.answer-review{flex-direction:column;gap:14px;display:flex}.answer-review-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.answer-review-counts{flex-wrap:wrap;gap:8px;display:flex}.ar-count{border-radius:var(--r-pill);color:var(--text-secondary);background:var(--surface-interactive);border:1px solid var(--border-subtle);align-items:baseline;gap:5px;padding:5px 12px;font-size:14px;font-weight:600;display:inline-flex}.ar-count b{color:var(--text-primary);font-size:15px;font-weight:800}.ar-count.is-correct b{color:var(--success-icon)}.ar-count.is-incorrect b{color:var(--coral)}.ar-count.is-unresolved b{color:var(--result-warn,#8a6d00)}.answer-review-filter{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.answer-review-filter button{min-height:36px;color:var(--text-secondary);border-radius:9px;padding:0 14px;font-size:14px;font-weight:700}.answer-review-filter button.is-active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 0 var(--border-color);border:1px solid var(--border-color)}.answer-review-empty{border:1px dashed var(--border-subtle);color:var(--text-secondary);text-align:center;border-radius:14px;margin:0;padding:18px;font-size:15.5px}.answer-review .answer-review-list{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=960px){.answer-review .answer-review-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.answer-review .answer-review-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:5px solid var(--ar-tone,var(--border-subtle));color:var(--text-primary);opacity:1;border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:14px 18px 14px 20px;font-size:15.5px;display:flex}.answer-review .answer-review-item.is-correct{--ar-tone:var(--success-icon)}.answer-review .answer-review-item.is-incorrect{--ar-tone:var(--coral)}.answer-review .answer-review-item.is-unanswered{--ar-tone:var(--text-tertiary)}.answer-review .answer-review-item.is-unresolved{--ar-tone:#e0ae1f}.ar-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.ar-qnum{color:var(--text-primary);min-width:34px;font-size:16px;font-weight:800}.ar-status{color:var(--ar-tone);align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.answer-review-item.is-unanswered .ar-status{color:var(--text-secondary)}.answer-review-item.is-unresolved .ar-status{color:var(--result-warn,#8a6d00)}.ar-status-icon{background:color-mix(in srgb, var(--ar-tone) 16%, transparent);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.answer-review .accepted-variant-tag{margin-left:0;padding:2px 10px;font-size:12.5px}.ar-answers{flex-direction:column;gap:6px;margin:0;display:flex}.ar-row{grid-template-columns:128px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.ar-row dt{color:var(--text-secondary);font-size:13.5px;font-weight:700}.ar-row dd{min-width:0;margin:0}.ar-chip{max-width:100%;color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--border-subtle);overflow-wrap:anywhere;border-radius:8px;padding:2px 10px;font-size:15.5px;font-weight:700;line-height:1.5;display:inline-block}.ar-chip.is-incorrect{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--coral) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--coral) 70%, transparent);text-decoration-thickness:2px}.ar-chip.is-correct,.ar-chip.is-key{background:color-mix(in srgb, var(--success-icon) 11%, var(--bg-card));border-color:color-mix(in srgb, var(--success-icon) 40%, transparent)}.ar-empty{color:var(--text-secondary);font-size:15px;font-style:italic}.ar-reason{background:var(--surface-interactive);color:var(--text-primary);border-radius:10px;margin:2px 0 0;padding:10px 12px;font-size:14.5px;line-height:1.55}.ar-reason-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2px;font-size:12.5px;font-weight:800;display:block}@media (width<=480px){.ar-row{grid-template-columns:104px minmax(0,1fr);gap:8px}.ar-row dt{font-size:13px}.answer-review .answer-review-item{padding:12px 14px 12px 16px}}@media (width<=340px){.ar-row{grid-template-columns:minmax(0,1fr);gap:2px}}.result-page .writing-criterion-split{font-size:14.5px}.result-page .writing-scoring-method{margin:0;padding:14px 18px;font-size:15px}.result-page .mock-skill-evidence{margin-top:6px;font-size:14.5px;line-height:1.5}@media (width<=720px){.result-page{gap:22px;padding:20px 16px 88px}.result-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:30px 22px 24px}.result-band-box{width:100%;min-width:0}.result-band-value{font-size:56px}.result-card{border-radius:20px;padding:20px 18px}.result-section-title{font-size:21px}.result-actions{justify-content:stretch}.result-actions .result-btn{flex:100%;padding:0 18px}.ra-type-row{grid-template-columns:minmax(0,1fr) auto}.ra-type-track{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.result-back-btn,.result-btn{transition:none}.result-back-btn:hover,.result-btn:hover:not(:disabled),.result-btn:active:not(:disabled){transform:none}}.result-feedback-card{flex-direction:column;gap:16px;display:flex}.result-feedback-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;display:flex}.result-feedback-sub{color:var(--text-secondary);margin:4px 0 0;font-size:14.5px;line-height:1.5}.result-feedback-block .result-label{margin-bottom:8px}.result-feedback-card .result-advice{margin-top:0}.result-correction-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:12.5px;font-weight:800}.result-correction-tag.is-good{color:var(--success-icon)}.result-correction-task{border-radius:var(--r-pill);color:var(--text-primary);background:color-mix(in srgb, var(--result-accent) 18%, var(--bg-card));border:1px solid var(--border-subtle);margin-bottom:8px;padding:2px 10px;font-size:12.5px;font-weight:800;display:inline-block}.result-feedback-split{flex-wrap:wrap;gap:8px;display:flex}.result-feedback-split .result-badge strong{color:var(--text-primary);font-weight:800}.tips-topic-chips button.is-highlight{background:var(--c-yellow);color:#151313;border:1.5px solid var(--border-color)}.coach-advice{flex-direction:column;gap:4px;margin:4px 0 8px;padding-left:20px;display:flex}.coach-advice li{color:var(--text-secondary);font-size:15px;line-height:1.55}.coach-link{border-radius:var(--r-pill);border:1.5px solid var(--border-color);background:var(--c-yellow);color:#151313;min-height:36px;font-family:var(--font-family);box-shadow:2px 2px 0 var(--border-color);transition:transform var(--dur-button) var(--ease-smooth), box-shadow var(--dur-button) var(--ease-smooth);align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.coach-link:hover{box-shadow:3px 3px 0 var(--border-color);transform:translate(-1px,-1px)}.coach-link:active{box-shadow:1px 1px 0 var(--border-color);transform:translate(1px,1px)}.coach-link:focus-visible,.pb-chips button:focus-visible,.pb-empty button:focus-visible,.pb-search-clear:focus-visible{outline:3px solid color-mix(in srgb, var(--c-coral) 55%, transparent);outline-offset:2px}.pb-explorer{flex-direction:column;gap:18px;display:flex}.pb-toolbar{border:1.5px solid var(--border-color);background:color-mix(in srgb, var(--c-yellow) 14%, var(--bg-card));border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.pb-search{border-radius:var(--r-input);border:1.5px solid var(--border-color);background:var(--bg-card);align-items:center;display:flex;position:relative}.pb-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--c-coral) 35%, transparent)}.pb-search-icon{color:var(--text-tertiary);pointer-events:none;display:flex;position:absolute;left:13px}.pb-search input{border-radius:var(--r-input);min-width:0;min-height:46px;color:var(--text-primary);background:0 0;border:none;flex:auto;padding:10px 42px 10px 40px;font-size:16px}.pb-search input::placeholder{color:var(--text-tertiary)}.pb-search input::-webkit-search-cancel-button{display:none}.pb-search-clear{width:34px;height:34px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;right:6px}.pb-search-clear:hover{background:var(--surface-hover)}.pb-chips{flex-wrap:wrap;gap:6px;display:flex}.pb-chips button{border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:var(--bg-card);min-height:36px;font-family:var(--font-family);color:var(--text-primary);padding:6px 13px;font-size:13.5px;font-weight:700}.pb-chips button:hover{border-color:var(--c-coral)}.pb-chips button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary)}.pb-count{color:var(--text-secondary);margin:-4px 0 0;font-size:13.5px;font-weight:700}.pb-group{flex-direction:column;gap:12px;display:flex}.pb-group+.pb-group{margin-top:10px}.pb-group-head{flex-direction:column;gap:4px;display:flex}.pb-group-title{font-family:var(--font-family);color:var(--text-primary);margin:0;font-size:18px;font-weight:800;line-height:1.3}.pb-group-title:before{content:"";vertical-align:2px;background:var(--c-coral);border:1.5px solid var(--border-color);border-radius:3px;width:10px;height:10px;margin-right:9px;display:inline-block}.pb-group-intro{color:var(--text-secondary);max-width:68ch;margin:0;font-size:15px;line-height:1.55}.pb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:stretch;gap:14px;display:grid}.pb-card{background:color-mix(in srgb, var(--c-peach) 35%, var(--bg-card));border:1.5px solid var(--border-color);min-width:0;box-shadow:3px 3px 0 var(--border-color);border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px 17px;display:flex}.pb-card-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 10px;display:flex}.pb-card-phrase{font-family:var(--font-family);color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:800;line-height:1.3}.pb-card-tag{border-radius:var(--r-pill);letter-spacing:.02em;color:#151313;background:color-mix(in srgb, var(--c-coral) 22%, #fff);border:1px solid color-mix(in srgb, var(--c-coral) 55%, transparent);flex:none;padding:2px 10px;font-size:12.5px;font-weight:800}.pb-card-note{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.55}.pb-card-example{border-left:4px solid var(--c-yellow);background:var(--bg-card);border-radius:4px 12px 12px 4px;flex-direction:column;gap:3px;margin:auto 0 0;padding:9px 12px;display:flex}.pb-card-example-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:11.5px;font-weight:800}.pb-card-example-text{font-family:var(--font-exam);color:var(--text-primary);font-size:15.5px;font-style:italic;line-height:1.5}.pb-empty{border:1.5px dashed var(--border-color);background:var(--bg-card);color:var(--text-secondary);border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;font-size:15px;display:flex}.pb-empty p{margin:0}.pb-empty button{border-radius:var(--r-pill);border:1.5px solid var(--border-color);background:var(--c-yellow);color:#151313;min-height:38px;font-family:var(--font-family);padding:6px 14px;font-size:14px;font-weight:800}@media (width<=640px){.pb-toolbar{padding:12px}.pb-chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -12px;padding:2px 12px 4px;overflow-x:auto}.pb-chips::-webkit-scrollbar{display:none}.pb-chips button{flex:none}.pb-card{box-shadow:2px 2px 0 var(--border-color);padding:14px 15px 15px}}@media (prefers-reduced-motion:reduce){.coach-link{transition:none}.coach-link:hover,.coach-link:active{transform:none}}.hub-cards-stack{flex-direction:column;gap:16px;display:flex}.hub-feature-card{border:var(--border-dark);border-radius:var(--r-card);min-height:148px;transition:transform .16s var(--ease-spring), box-shadow .16s ease;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;position:relative}.hub-feature-card:hover{transform:translateY(-2px)}.hub-feature-card.is-lavender{background:var(--c-lavender);color:#151313}.hub-feature-card.is-yellow{background:var(--c-yellow);color:#151313}.hub-feature-card.is-harper{background:var(--bg-card);color:var(--text-primary);border:1.5px solid #151313;box-shadow:2px 2px #151313}[data-theme=dark] .hub-feature-card.is-harper{background:var(--surface);border-color:var(--border-color);box-shadow:2px 2px #f7f7f533}.hub-feature-top{flex-direction:column;gap:6px;display:flex}.hub-feature-badge-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.pill-coral{background:var(--c-coral);color:#fff}.hub-feature-icon{color:#fff;background:#151313;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hub-feature-heading{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700;line-height:1.25}.hub-feature-desc{opacity:.88;margin:0;font-size:13.5px;line-height:1.48}.hub-feature-bottom{border-top:1px solid #1513131a;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;display:flex}[data-theme=dark] .hub-feature-card.is-harper .hub-feature-bottom{border-top-color:#f7f7f51a}.hub-feature-meta{color:var(--text-secondary);font-size:12px;font-weight:600}.hub-feature-card.is-lavender .hub-feature-meta,.hub-feature-card.is-yellow .hub-feature-meta{color:#151313;opacity:.85}.hub-feature-btn{min-height:34px;padding:6px 14px;font-size:13px}.unified-scorecard-card{flex-direction:column;justify-content:space-between;display:flex}.scorecard-top-section{padding-bottom:20px}.scorecard-inner-divider{background:#1513131f;height:1px;margin-bottom:22px}[data-theme=dark] .scorecard-inner-divider{background:#f7f7f524}.score-progression-hero{flex-direction:column;width:100%;display:flex}.score-progression-hero.is-embedded{box-shadow:none;background:0 0;border:none;padding:0}.progression-top-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.progression-current-box{flex-direction:column;gap:6px;display:flex}.progression-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:800}.progression-current-value{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.progression-score-pill{letter-spacing:-.02em;color:var(--text-primary);background:var(--surface-sunken);border:1.5px solid #151313;border-radius:14px;align-items:center;padding:4px 14px;font-size:clamp(22px,2.5vw,28px);font-weight:800;line-height:1.2;display:inline-flex;box-shadow:2px 2px #151313}[data-theme=dark] .progression-score-pill{border-color:var(--border-color);box-shadow:2px 2px #f7f7f533}.progression-status-note{color:var(--text-secondary);font-size:13.5px;font-weight:600}.progression-target-box{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}@media (width<=600px){.progression-target-box{text-align:left;align-items:flex-start}}.progression-target-pill{background:color-mix(in srgb, var(--c-coral) 14%, var(--bg-card));border:1.5px solid var(--c-coral);color:var(--c-coral);box-shadow:2px 2px 0 var(--c-coral);border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:14.5px;font-weight:800;display:inline-flex}.progression-target-flag{font-size:14px}.progression-track-wrapper{flex-direction:column;gap:10px;display:flex}.progression-bar-prominent{background:var(--surface-sunken);border-radius:var(--r-pill);border:2px solid #151313;align-items:center;width:100%;height:32px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .progression-bar-prominent{border-color:var(--border-color)}.progression-fill{background:linear-gradient(90deg, var(--c-coral), #ff8059);justify-content:flex-end;align-items:center;min-width:0;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -2px #00000026}.progression-tip-indicator{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px #00000059;white-space:nowrap;margin-right:10px;font-size:12px;font-weight:800}.progression-target-pin{z-index:3;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.progression-pin-line{background:#151313;width:3.5px;height:100%;box-shadow:0 0 0 1.5px #fff}[data-theme=dark] .progression-pin-line{background:#fff;box-shadow:0 0 0 1.5px #151313}.progression-milestones{color:var(--text-tertiary);letter-spacing:.02em;justify-content:space-between;padding:0 4px;font-size:11px;font-weight:700;display:flex}@media (width<=600px){.progression-milestones span:nth-child(2),.progression-milestones span:nth-child(3){display:none}}.harper-choice-hero{background:var(--bg-card);border:var(--border-dark);border-radius:var(--r-card);box-shadow:2px 2px 0 var(--border-color);margin-bottom:32px;padding:36px 32px}.harper-header-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.harper-back-btn{background:var(--surface-interactive);border:1px solid var(--border-color);border-radius:var(--r-pill);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:transform .12s;display:inline-flex}.harper-back-btn:hover{transform:translate(-2px)}.harper-exit-btn{border-radius:var(--r-pill);border:1px solid var(--border-color);background:var(--surface-interactive);color:var(--text-primary);cursor:pointer;align-items:center;padding:8px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.harper-choice-title-block{margin-bottom:32px}.harper-main-heading{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(30px,3.6vw,40px);font-weight:800}.harper-main-sub{color:var(--text-secondary);max-width:680px;font-size:16px;line-height:1.55}.harper-task-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}@media (width<=768px){.harper-task-grid{grid-template-columns:1fr}}.harper-task-card{border:var(--border-dark);cursor:pointer;transition:transform .16s var(--ease-spring), box-shadow .16s ease;border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.harper-task-card:hover{transform:translateY(-3px);box-shadow:4px 4px #151313}.harper-task-card.is-task1{background:color-mix(in srgb, var(--c-yellow) 22%, var(--bg-card))}.harper-task-card.is-task2{background:color-mix(in srgb, var(--c-lavender) 26%, var(--bg-card))}.harper-task-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.harper-task-tag{letter-spacing:.08em;color:#fff;border-radius:var(--r-pill);background:#151313;padding:4px 10px;font-size:12px;font-weight:800}.harper-task-time{color:var(--text-secondary);font-size:12px;font-weight:700}.harper-task-card-title{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:800}.harper-task-card-desc{color:var(--text-secondary);margin-bottom:18px;font-size:14px;line-height:1.5}.harper-task-card-features{flex-direction:column;gap:6px;display:flex}.harper-chip{color:var(--text-primary);font-size:12.5px;font-weight:600}.harper-choice-footer-note{background:var(--surface-sunken);color:var(--text-secondary);border-radius:14px;align-items:flex-start;gap:10px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.harper-workspace-layout{max-width:1440px;min-height:100vh;margin:0 auto;padding:24px 32px 48px}@media (width<=768px){.harper-workspace-layout{padding:16px}}.harper-nav-header{background:var(--bg-card);border:var(--border-dark);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.harper-nav-left{align-items:center;gap:16px;display:flex}.harper-nav-back{border-radius:var(--r-pill);border:1px solid var(--border-color);background:var(--surface-interactive);cursor:pointer;color:var(--text-primary);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.harper-nav-title-group{flex-direction:column;display:flex}.harper-nav-badge{letter-spacing:.08em;color:var(--c-coral);font-size:10.5px;font-weight:800}.harper-nav-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.harper-nav-right{align-items:center;gap:10px;display:flex}.harper-task-switcher{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--r-pill);padding:3px;display:inline-flex}.harper-switcher-btn{border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:12.5px;font-weight:700;transition:background .12s,color .12s}.harper-switcher-btn.is-active{color:#fff;background:#151313}[data-theme=dark] .harper-switcher-btn.is-active{color:#151313;background:#fff}.harper-prompt-random-btn{border-radius:var(--r-pill);border:1px solid var(--border-color);background:var(--surface-interactive);cursor:pointer;color:var(--text-primary);padding:7px 14px;font-size:13px;font-weight:700}.harper-finish-btn{border-radius:var(--r-pill);background:var(--c-coral);color:#fff;cursor:pointer;border:1.5px solid #151313;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:800;transition:transform .12s;display:inline-flex;box-shadow:2px 2px #151313}.harper-finish-btn:hover{transform:translateY(-1px)}.harper-pinned-prompt-container{margin-bottom:20px}.harper-pinned-prompt-card{background:var(--bg-card);border:var(--border-dark);box-shadow:2px 2px 0 var(--border-color);border-radius:20px;padding:20px 24px}.harper-prompt-header-row{justify-content:space-between;align-items:center;display:flex}.harper-prompt-tag-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.harper-prompt-badge{letter-spacing:.08em;background:var(--c-yellow);color:#151313;border-radius:var(--r-pill);border:1px solid #151313;padding:3px 10px;font-size:11px;font-weight:800}.harper-prompt-requirement{color:var(--text-secondary);font-size:13px}.harper-collapse-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:inline-flex}.harper-prompt-body{border-top:1px solid #15131314;margin-top:14px;padding-top:12px}[data-theme=dark] .harper-prompt-body{border-top-color:#f7f7f51a}.harper-prompt-text{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.6}.harper-prompt-image-wrap{background:var(--surface-sunken);border:1px solid #15131314;border-radius:14px;flex-direction:column;align-items:center;margin-top:14px;padding:16px;transition:all .2s;display:flex}[data-theme=dark] .harper-prompt-image-wrap{border-color:#f7f7f51a}.harper-image-actions{justify-content:flex-end;width:100%;margin-bottom:10px;display:flex}.harper-zoom-btn{border-radius:var(--r-pill);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;box-shadow:1px 1px 0 var(--border-color);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:transform .12s;display:inline-flex}.harper-zoom-btn:hover{transform:translateY(-1px)}.harper-prompt-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:280px;transition:max-height .2s}.harper-prompt-image-wrap.is-zoomed .harper-prompt-image{max-height:580px}.harper-prompt-table-wrap{border:1.5px solid var(--border-color);background:var(--bg-card);box-shadow:2px 2px 0 var(--border-color);border-radius:12px;margin-top:16px;overflow-x:auto}.harper-table-caption{color:var(--text-primary);background:var(--surface-sunken);border-bottom:1px solid var(--border-color);padding:10px 14px;font-size:13px;font-weight:800}.harper-prompt-table{border-collapse:collapse;width:100%;font-size:13.5px}.harper-prompt-table th{background:var(--surface-sunken);color:var(--text-primary);text-align:left;border-bottom:1.5px solid var(--border-color);border-right:1px solid var(--border-subtle);padding:10px 14px;font-weight:800}.harper-prompt-table th:last-child{border-right:none}.harper-prompt-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:9px 14px}.harper-prompt-table td:last-child{border-right:none}.harper-prompt-table tr:last-child td{border-bottom:none}.harper-split-panes{grid-template-columns:1.35fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=960px){.harper-split-panes{grid-template-columns:1fr}}.harper-pane-editor{background:var(--bg-card);border:var(--border-dark);box-shadow:2px 2px 0 var(--border-color);border-radius:20px;flex-direction:column;min-height:520px;display:flex;overflow:hidden}.harper-editor-toolbar{background:var(--surface-sunken);border-bottom:1px solid #1513131a;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}[data-theme=dark] .harper-editor-toolbar{border-bottom-color:#f7f7f51a}.harper-word-count-chip{align-items:center;gap:8px;font-size:13.5px;display:flex}.harper-chip-label{color:var(--text-secondary);font-weight:600}.harper-chip-num{color:var(--c-coral);font-weight:800}.harper-chip-num.is-met{color:var(--success)}.harper-chip-check{color:var(--success-icon);border-radius:var(--r-pill);background:#10b98126;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.harper-editor-meta{align-items:center;gap:12px;display:flex}.harper-live-indicator{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.harper-pulsing-dot{background:var(--c-coral);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(.8)}}.harper-clear-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:700;text-decoration:underline}.harper-textarea-canvas{resize:vertical;width:100%;min-height:480px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:22px 24px;font-family:inherit;font-size:16px;line-height:1.7}.harper-pane-sidebar{flex-direction:column;gap:16px;display:flex}.harper-sidebar-gauges{grid-template-columns:1fr 1fr;gap:12px;display:grid}.harper-gauge-card{background:var(--bg-card);border:var(--border-dark);box-shadow:2px 2px 0 var(--border-color);border-radius:16px;padding:14px 16px}.harper-gauge-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.harper-gauge-number{color:var(--text-primary);font-size:24px;font-weight:800;display:block}.harper-gauge-desc{color:var(--text-tertiary);font-size:11.5px;font-weight:600}.harper-sidebar-tabs{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--r-pill);padding:3px;display:flex}.harper-tab-btn{border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:8px 10px;font-size:12px;font-weight:700;transition:background .12s,color .12s}.harper-tab-btn.is-active{color:#fff;background:#151313}[data-theme=dark] .harper-tab-btn.is-active{color:#151313;background:#fff}.harper-tab-content{background:var(--bg-card);border:var(--border-dark);min-height:380px;max-height:600px;box-shadow:2px 2px 0 var(--border-color);border-radius:20px;padding:20px;overflow-y:auto}.harper-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.harper-empty-icon{background:var(--surface-sunken);width:44px;height:44px;color:var(--c-coral);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:20px;font-weight:800;display:flex}.harper-empty-state h4{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:800}.harper-empty-state p{margin:0;font-size:13.5px;line-height:1.5}.harper-issues-list{flex-direction:column;gap:12px;display:flex}.harper-issue-card{border:1px solid var(--border-color);background:var(--surface-alt);border-radius:14px;padding:14px}.harper-issue-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.harper-issue-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-pill);background:var(--bg-card);color:var(--text-primary);border:1.5px solid;padding:2px 8px;font-size:10.5px;font-weight:800}.harper-issue-snippet{color:var(--c-coral);background:#ff57341a;border-radius:4px;padding:2px 6px;font-size:13px;font-weight:700}.harper-issue-msg{color:var(--text-primary);margin-bottom:10px;font-size:13.5px;line-height:1.45}.harper-suggestions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.harper-sug-label{color:var(--text-tertiary);font-size:11.5px;font-weight:700}.harper-apply-fix-btn{border-radius:var(--r-pill);color:#fff;cursor:pointer;background:#151313;border:1px solid #151313;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:transform .12s;display:inline-flex}.harper-apply-fix-btn:hover{transform:translateY(-1px)}.harper-tab-intro{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.5}.harper-repeat-chips-list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.harper-repeat-chip{border-radius:var(--r-pill);background:var(--c-yellow);color:#151313;cursor:pointer;border:1.5px solid #151313;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:transform .12s;display:inline-flex}.harper-repeat-chip:hover{transform:translateY(-1px)}.harper-repeat-chip.is-selected{color:#fff;background:#151313}.harper-chip-count{border-radius:var(--r-pill);background:#00000026;padding:1px 6px;font-size:11px}.harper-repeat-chip.is-selected .harper-chip-count{background:#ffffff40}.harper-synonym-box{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:14px;padding:14px}.harper-synonym-box-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.harper-close-syn-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700}.harper-syn-buttons{flex-wrap:wrap;gap:6px;display:flex}.harper-syn-badge{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-pill);color:var(--text-primary);padding:4px 10px;font-size:12px;font-weight:700}.harper-insights-list{flex-direction:column;gap:12px;display:flex}.harper-insight-card{border:1px solid var(--border-color);background:var(--surface-alt);border-radius:14px;padding:14px}.harper-insight-card.is-good{border-left:4px solid var(--success)}.harper-insight-card.is-warning{border-left:4px solid var(--warning)}.harper-insight-card.is-urgent{border-left:4px solid var(--error)}.harper-insight-header{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.harper-insight-cat{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:800}.harper-insight-title{color:var(--text-primary);font-size:14px;font-weight:800}.harper-insight-tip{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.harper-summary-screen{max-width:900px;margin:0 auto}.harper-summary-hero-card{background:var(--bg-card);border:var(--border-dark);box-shadow:2px 2px 0 var(--border-color);border-radius:28px;margin-bottom:24px;padding:36px 32px}.harper-summary-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.harper-summary-title{letter-spacing:-.02em;color:var(--text-primary);margin-top:8px;margin-bottom:6px;font-size:clamp(26px,3.2vw,36px);font-weight:800}.harper-summary-sub{color:var(--text-secondary);max-width:520px;font-size:15px;line-height:1.5}.harper-band-score-box{background:var(--c-yellow);text-align:center;border:1.5px solid #151313;border-radius:20px;padding:18px 24px;box-shadow:2px 2px #151313}.harper-band-label{letter-spacing:.08em;color:#151313;font-size:10px;font-weight:800;display:block}.harper-band-number{color:#151313;margin:4px 0;font-size:48px;font-weight:800;line-height:1}.harper-band-scale{color:#151313;opacity:.8;font-size:11px;font-weight:700}.harper-disclaimer-pill{background:color-mix(in srgb, var(--c-coral) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--c-coral) 40%, transparent);color:var(--text-primary);border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.harper-metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=768px){.harper-metric-grid{grid-template-columns:1fr 1fr}}.harper-metric-item{background:var(--surface-sunken);border:1px solid #15131314;border-radius:14px;flex-direction:column;padding:14px;display:flex}.harper-metric-title{color:var(--text-tertiary);margin-bottom:4px;font-size:11.5px;font-weight:700}.harper-metric-val{color:var(--text-primary);font-size:20px;font-weight:800}.harper-metric-val.is-good{color:var(--success-icon)}.harper-metric-val.is-warn{color:var(--c-coral)}.harper-metric-sub{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:600}.harper-summary-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.harper-summary-details-grid{grid-template-columns:1fr}}.harper-summary-card{background:var(--bg-card);border:var(--border-dark);box-shadow:2px 2px 0 var(--border-color);border-radius:20px;padding:24px}.harper-card-header-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.harper-card-header-row h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:800}.harper-bullets{color:var(--text-secondary);flex-direction:column;gap:8px;padding-left:20px;font-size:14px;line-height:1.5;display:flex}.harper-summary-card-sub{color:var(--text-secondary);margin-top:4px;margin-bottom:16px;font-size:13.5px}.harper-synonym-table{flex-direction:column;gap:10px;display:flex}.harper-synonym-row{background:var(--surface-sunken);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.harper-synonym-word-col{align-items:center;gap:8px;display:flex}.harper-repeat-badge{color:var(--c-coral);font-size:14px;font-weight:800}.harper-count-tag{color:var(--text-tertiary);font-size:12px}.harper-synonym-list-col{flex-wrap:wrap;gap:6px;display:flex}.harper-syn-pill{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-pill);color:var(--text-primary);padding:2px 8px;font-size:12px;font-weight:700}.harper-summary-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:28px;margin-bottom:48px;display:flex}.harper-action-btn{border-radius:var(--r-pill);cursor:pointer;padding:12px 24px;font-size:14.5px;font-weight:800;transition:transform .12s}.harper-action-btn:hover{transform:translateY(-1px)}.harper-action-btn.is-secondary{background:var(--surface-interactive);border:1.5px solid var(--border-color);color:var(--text-primary)}.harper-action-btn.is-primary{background:var(--c-coral);color:#fff;border:1.5px solid #151313;box-shadow:2px 2px #151313}.harper-diagnostic-notice-card{background:var(--surface-sunken);border:1.5px solid var(--border-color);border-radius:20px;flex-direction:column;gap:10px;margin-top:24px;padding:24px;display:flex}.harper-diagnostic-notice-head{color:var(--text-primary);align-items:center;gap:8px;display:flex}.harper-diagnostic-notice-head h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.harper-diagnostic-notice-p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.coach-panel{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-container,20px);color:var(--text-primary);margin:24px 0;padding:24px}.coach-panel h2,.coach-panel h3,.coach-panel h4{margin:0 0 12px}.coach-panel p,.coach-panel li{line-height:1.65}.coach-panel h3:not(:first-child){margin-top:22px}.coach-criteria,.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:20px 0;display:grid}.coach-criteria>section,.coach-criteria>article{border-top:1px solid var(--border-subtle);padding:16px 0}.vocabulary-grid details{border-bottom:1px solid var(--border-subtle);padding:12px 0}.coach-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.coach-panel button:not(.btn-coral-pill-physical),.sync-status button{border:1px solid var(--border-subtle);background:var(--surface-alt);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:8px 14px}.coach-draft{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;color:var(--text-primary);background:var(--surface-alt);resize:vertical;border-radius:12px;padding:16px;line-height:1.65}.coach-original{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.coach-panel blockquote{border-left:3px solid var(--coral);margin:8px 0;padding:8px 16px}.coach-score-note{color:var(--text-secondary);padding:12px 16px;line-height:1.6}.sync-status{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 24px;font-size:13px;display:flex}.drill-task-image{max-width:100%;height:auto}.coach-panel summary{cursor:pointer;padding:8px 0}button:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media (width<=600px){.coach-panel{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.skill-reading{--skill-accent:var(--c-lavender)}.skill-listening{--skill-accent:var(--c-yellow)}.skill-writing{--skill-accent:var(--c-coral)}.skill-speaking{--skill-accent:var(--c-speaker)}.performance-studio{gap:28px;max-width:1180px;margin:0 auto;padding:36px 24px 72px;display:grid}.insight-page-title,.insight-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.insight-page-title h1{margin-top:8px;font-size:clamp(28px,3.4vw,40px);line-height:1.25}.insight-panel{background:var(--bg-card);border:var(--border-dark);box-shadow:0 3px 0 var(--border-color);border-radius:24px;min-width:0;padding:28px}.insight-eyebrow{letter-spacing:.09em;color:var(--text-secondary);font-size:11px;font-weight:700}.insight-muted,.insight-count,.insight-baseline{color:var(--text-secondary);font-size:12px;line-height:1.5}.insight-section-heading h2{font-size:23px;line-height:1.35}.insight-section-heading h3{font-size:16px}.insight-section-heading{margin-bottom:18px}.insight-secondary,.rail-controls button,.insight-segments button,.skill-explorer-tabs button{border:var(--border-subtle);background:var(--surface-interactive);min-height:40px;color:var(--text-primary);cursor:pointer;font:600 13px var(--font-family);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:9px 15px;transition:background .15s,transform .15s;display:inline-flex}.insight-secondary:hover,.rail-controls button:hover{background:var(--surface-hover);transform:translateY(-1px)}.insight-text-button,.insight-links button{font:700 12px var(--font-family);color:var(--text-primary);cursor:pointer;text-align:left;text-underline-offset:4px;background:0 0;border:0;min-height:36px;text-decoration:underline}.insight-text-button:hover{color:var(--error)}.performance-studio button:focus-visible,.next-practice button:focus-visible,.harper-workspace-layout button:focus-visible,.progress-chart g[role=button]:focus-visible{outline:3px solid var(--text-primary);outline-offset:4px}.performance-hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:38px;display:grid}.overall-visual{justify-items:center;gap:18px;display:grid}.score-orbit{--orbit-size:236px;box-sizing:border-box;width:var(--orbit-size);height:var(--orbit-size);min-width:var(--orbit-size);min-height:var(--orbit-size);aspect-ratio:1;background:conic-gradient(var(--c-coral) var(--score-angle), var(--surface-sunken) 0);border-radius:50%;flex:none;padding:12px}.score-orbit>div{background:var(--bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;display:flex}.score-orbit strong{letter-spacing:-.05em;font-size:74px;line-height:1.1}.score-orbit>div>span:last-child{color:var(--text-secondary);font-size:14px}.score-trend{color:var(--text-secondary);text-align:center;font-size:12px}.hero-skill-breakdown h2{margin-bottom:16px;font-size:24px}.hero-skill-row{border:0;border-bottom:var(--border-subtle);width:100%;color:var(--text-primary);font:600 14px var(--font-family);cursor:pointer;text-align:left;background:0 0;grid-template-columns:34px 85px 1fr 34px 16px;align-items:center;gap:12px;padding:12px 0;display:grid}.hero-skill-row:hover{background:var(--surface-interactive);border-radius:10px}.skill-icon{border:var(--border-dark);background:var(--skill-accent);color:#151313;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.skill-band-track{background:var(--surface-sunken);border-radius:10px;height:9px;overflow:hidden}.skill-band-track>span{background:var(--skill-accent);border-radius:inherit;height:100%;transition:width .35s var(--ease-smooth);display:block}.score-method{color:var(--text-secondary);margin-top:16px;font-size:12px;line-height:1.6}.score-method summary,.coaching-notes summary,.recommendation-details summary,.writing-review summary{cursor:pointer;padding:8px 0;font-size:12px;font-weight:700}.score-method p{margin-top:10px}.score-formula{font-variant-numeric:tabular-nums}.next-practice{min-width:0;margin:30px 0}.performance-studio .next-practice{margin:0}.next-practice .insight-section-heading h2{margin-top:6px}.rail-controls{gap:8px;display:flex}.rail-controls button{width:40px;padding:0}.mini-trend{width:70px;height:32px;color:var(--text-secondary);flex-shrink:0;margin-left:auto}.insight-links{gap:16px;display:flex}.recommendation-empty{border:var(--border-subtle);background:var(--bg-card);border-radius:20px;flex-wrap:wrap;align-items:center;gap:20px;padding:22px;display:flex}.recommendation-empty h3{margin-bottom:4px;font-size:16px}.recommendation-empty p{color:var(--text-secondary);font-size:13px}.recommendation-empty .insight-secondary{margin-left:auto}.skill-explorer{scroll-margin-top:100px}.skill-explorer-tabs{border-bottom:var(--border-subtle);flex-wrap:wrap;gap:8px;padding-bottom:22px;display:flex}.skill-explorer-tabs button[aria-pressed=true]{background:var(--skill-accent);border:var(--border-dark);color:#151313}.skill-explorer-body{padding-top:24px;animation:.18s ease-out insight-reveal}.section-performance-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:28px;display:grid}.section-performance{border:var(--border-subtle);background:var(--surface);border-radius:16px;flex-direction:column;gap:9px;min-width:0;padding:16px;display:flex}.section-performance.needs-focus{border:1.5px solid var(--text-primary)}.section-performance-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.section-performance h4{font-size:14px}.section-status{background:var(--surface-sunken);border-radius:6px;padding:3px 6px;font-size:10px}.needs-focus .section-status{background:var(--c-peach);color:var(--text-primary)}.section-performance-value{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-performance-value>strong{font-size:27px}.accuracy-track{background:var(--surface-hover);border-radius:10px;min-width:40px;height:9px;display:flex;overflow:hidden}.accuracy-track>span{height:100%;transition:width .26s}.accuracy-correct{background:var(--skill-accent,var(--c-speaker))}.accuracy-uncertain{background:repeating-linear-gradient(45deg, var(--text-tertiary) 0 2px, var(--surface-sunken) 2px 5px)}.accuracy-legend{align-items:center;gap:5px;font-size:10px;display:flex}.accuracy-legend i{background:var(--skill-accent);border-radius:2px;width:8px;height:8px}.accuracy-legend i:last-of-type{background:var(--text-tertiary)}.question-type-results{gap:16px;display:grid}.question-type-row{grid-template-columns:minmax(130px,1.1fr) 1fr 45px 85px;align-items:center;gap:18px;font-size:13px;display:grid}.detail-empty{background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;font-size:13px;display:flex}.coaching-notes{border-top:var(--border-subtle);color:var(--text-secondary);margin-top:20px;padding-top:12px;font-size:13px;line-height:1.65}.coaching-notes summary{color:var(--text-primary);font-size:14px}.coaching-notes summary>span{color:var(--text-secondary);margin-left:10px;font-size:11px}.criteria-feedback-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0;display:grid}.criteria-feedback-grid article{background:var(--surface);border-radius:12px;padding:16px}.criteria-feedback-grid h4{justify-content:space-between;margin-bottom:8px;display:flex}.insight-segments{flex-wrap:wrap;gap:6px;display:flex}.insight-segments button{min-height:36px;padding:7px 12px;font-size:12px}.insight-segments button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-card)}.chart-current{font-size:22px;font-weight:700}.progress-chart svg{width:100%;height:auto;color:var(--text-secondary);margin-top:18px;display:block}.progress-chart g[role=button]{cursor:pointer}.chart-caption{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;display:flex}.chart-empty{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:14px}.focused-history summary{cursor:pointer;font-size:15px;font-weight:700}.focused-history summary>span{margin-left:14px;font-size:12px;font-weight:400}.focused-history-grid{gap:12px;margin-top:18px;display:grid}.focused-history-grid>div{flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.harper-highlight-editor{isolation:isolate;position:relative}.harper-highlight-editor .harper-textarea-canvas,.harper-editor-mirror{font:400 16px/1.8 var(--font-family);letter-spacing:normal;tab-size:4;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;border:0;border-radius:0;width:100%;margin:0;padding:22px 24px}.harper-highlight-editor .harper-textarea-canvas{z-index:1;color:#0000;-webkit-text-fill-color:transparent;height:62vh;min-height:400px;caret-color:var(--text-primary);resize:vertical;background:0 0;display:block;position:relative;overflow:auto}.harper-highlight-editor .harper-textarea-canvas::placeholder{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted)}.harper-highlight-editor .harper-textarea-canvas::selection{background:#9cbbeb77}.harper-highlight-editor .harper-textarea-canvas:focus-visible{outline:2px solid var(--text-primary);outline-offset:-3px}.harper-editor-mirror{pointer-events:none;color:var(--text-primary);position:absolute;inset:0;overflow:hidden}.harper-editor-mirror mark{color:inherit;border-radius:3px;padding:0}.harper-editor-mirror mark[style*=rgb],.harper-editor-mirror mark[style*=\#]{color:#151313}.harper-editor-mirror mark[style*=transparent]{color:inherit}.harper-editor-mirror .has-grammar-issue{text-underline-offset:4px;-webkit-text-decoration:underline wavy #bc3624;text-decoration:underline wavy #bc3624;text-decoration-thickness:1.5px}.harper-editor-legend{color:var(--text-secondary);flex-wrap:wrap;gap:14px;padding:12px 24px 0;font-size:10px;display:flex}.grammar-legend{text-underline-offset:3px;-webkit-text-decoration:underline wavy #bc3624;text-decoration:underline wavy #bc3624}.repeat-legend{color:#151313;background:#fff0bd;border-radius:4px;padding:1px 4px}.editor-submission-note{color:var(--text-secondary);border-top:var(--border-subtle);padding:12px 24px;font-size:11px;line-height:1.5}.live-vocabulary{border:var(--border-dark);background:var(--bg-card);box-shadow:0 3px 0 var(--border-color);border-radius:20px;padding:18px}.live-vocabulary .insight-section-heading{gap:8px;margin-bottom:12px}.live-vocabulary h3{font-size:17px}.live-caption{color:var(--text-secondary);font-size:10px}.live-vocabulary-list{gap:8px;display:grid}.live-vocabulary-list article{background:var(--word-tint);color:#151313;border-radius:10px;padding:10px 12px;animation:.18s ease-out insight-reveal}.live-vocabulary-list article>div{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.live-vocabulary-list article>div>span:first-child{text-underline-offset:3px;text-decoration:underline}.live-vocabulary-list details{font-size:11px;line-height:1.6}.live-vocabulary-list summary{cursor:pointer;margin-top:4px}.live-vocabulary-list p{margin-top:6px}.harper-live-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.harper-live-stats>div{background:var(--bg-card);border:var(--border-subtle);border-radius:14px;gap:4px;padding:14px;display:grid}.harper-live-stats strong{font-size:26px}.harper-live-stats span{color:var(--text-secondary);font-size:11px}.harper-summary-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;display:grid}.harper-summary-metrics>div{background:var(--bg-card);border:var(--border-subtle);border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.harper-summary-metrics strong{font-size:30px}.harper-summary-metrics span{color:var(--text-secondary);font-size:11px}.harper-summary-metrics progress{width:100%;height:6px;accent-color:var(--c-speaker)}.writing-review{margin:24px 0}.writing-review-criteria{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.writing-review-criteria article{background:var(--bg-card);border:var(--border-dark);border-radius:18px;padding:22px}.review-criterion-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.review-criterion-heading h3{font-size:15px}.review-criterion-heading>strong{font-size:30px}.writing-review p,.writing-review blockquote{color:var(--text-secondary);margin:12px 0;font-size:13px;line-height:1.7}.criterion-band-track{background:var(--surface-sunken);border-radius:8px;height:6px;margin:12px 0;overflow:hidden}.criterion-band-track>span{background:var(--c-lavender);height:100%;display:block}.review-next-actions{background:var(--bg-card);border:var(--border-subtle);border-radius:18px;margin-top:20px;padding:24px}.review-next-actions h3{font-size:17px}.review-next-actions ol{gap:14px;margin-top:18px;list-style:none;display:grid}.review-next-actions li{align-items:start;gap:12px;font-size:13px;line-height:1.7;display:flex}.review-next-actions li>span{background:var(--c-peach);width:28px;height:28px;color:var(--text-primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.review-loading,.review-error{background:var(--bg-card);border:var(--border-subtle);border-radius:18px;align-items:center;gap:20px;padding:24px;display:flex}.review-error{display:block}.review-loading h3{font-size:18px}.review-loading p{margin-bottom:0}.review-spinner{border:3px solid var(--surface-sunken);border-top-color:var(--text-primary);border-radius:50%;flex-shrink:0;width:30px;height:30px;animation:.8s linear infinite review-spin;display:block}button:disabled{cursor:not-allowed;opacity:.55}.sync-status{background:var(--bg-card);border:var(--border-subtle);z-index:90;border-radius:12px;max-width:min(420px,100vw - 40px);position:fixed;bottom:20px;right:20px;box-shadow:0 6px 25px #0002}@keyframes insight-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes review-spin{to{transform:rotate(360deg)}}@media (width<=760px){.performance-studio{gap:22px;padding:24px 16px 48px}.insight-panel{padding:20px}.performance-hero{grid-template-columns:1fr;gap:26px}.score-orbit{--orbit-size:190px}.score-orbit strong{font-size:62px}.hero-skill-row{grid-template-columns:30px 74px 1fr 32px 14px;gap:9px}.hero-skill-breakdown h2{font-size:20px}.question-type-row{grid-template-columns:minmax(120px,1fr) 1fr 40px;gap:10px}.question-type-row button{grid-column:1/-1;min-height:28px}.writing-review-criteria{grid-template-columns:1fr}.harper-summary-metrics{grid-template-columns:repeat(2,1fr)}.skill-explorer-tabs{grid-template-columns:repeat(2,1fr);display:grid}.skill-explorer-tabs button{justify-content:start}.harper-nav-header{position:relative}.harper-nav-right{flex-wrap:wrap}.harper-editor-mirror,.harper-highlight-editor .harper-textarea-canvas{padding:18px}}@media (prefers-reduced-motion:reduce){.recommendation-card,.skill-band-track>span,.accuracy-track>span,.insight-secondary,.rail-controls button{transition:none}.skill-explorer-body,.live-vocabulary-list article,.review-spinner{animation:none}.recommendation-card:hover,.insight-secondary:hover,.rail-controls button:hover{transform:none}.recommendation-rail{scroll-behavior:auto}}.next-practice .btn-coral-pill-physical,.harper-workspace-layout .harper-finish-btn{color:#151313}.review-question-focus{border-left:4px solid var(--c-lavender);background:var(--bg-card);border-radius:0 12px 12px 0;margin-bottom:22px;padding:16px 20px}.review-question-focus p{margin-bottom:0}.page-loading{background:var(--bg-canvas);z-index:50;place-items:center;display:grid;position:fixed;inset:0}.result-review-action{justify-content:flex-start;display:flex}.answer-review-page .result-title{font-size:clamp(26px,4vw,38px)}.answer-review-page .result-title:focus{outline:none}.ar-part{color:var(--text-secondary);font-size:12px;font-weight:600}.ar-question{overflow-wrap:anywhere;margin:0;line-height:1.55}.next-practice{min-width:0;container-type:inline-size}.practice-rail-viewport{min-width:0;position:relative}.practice-thumbnail-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:100%;grid-auto-flow:column;align-items:start;gap:16px;margin:0;padding:8px 12px 16px;scroll-padding-inline:12px;list-style:none;display:grid;overflow-x:auto}.practice-thumbnail{box-sizing:border-box;aspect-ratio:16/9;background:color-mix(in srgb, var(--skill-accent) 48%, white);color:#151313;scroll-snap-align:start;border:1.5px solid #151313;border-radius:18px;flex-direction:column;gap:14px;min-width:0;min-height:min-content;padding:20px;display:flex;position:relative;box-shadow:0 3px #151313}.practice-thumbnail-heading{grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.practice-thumbnail-icon{background:#ffffff80;border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:flex}.practice-thumbnail h3{overflow-wrap:anywhere;margin:3px 0 0;font-size:18px;font-weight:700;line-height:1.3}.practice-thumbnail-score{flex-direction:column;flex-shrink:0;align-items:flex-end;margin-left:auto;padding-left:4px;display:flex}.practice-thumbnail-score strong{letter-spacing:-.035em;font-size:26px;line-height:1.15}.practice-thumbnail-score span{color:#403b36;font-size:10px;line-height:1.4}.practice-thumbnail>p{color:#37312d;max-width:32ch;margin:0;font-size:13px;line-height:1.5}.practice-thumbnail-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.practice-thumbnail-start{color:#fff;cursor:pointer;min-height:44px;font:600 13px var(--font-family);background:#151313;border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:9px 17px;display:inline-flex}.practice-thumbnail-start:hover{background:#39322c}.practice-thumbnail-resources{gap:12px;display:flex}.practice-thumbnail-resources button{color:#151313;cursor:pointer;min-height:44px;font:600 12px var(--font-family);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.practice-priority{opacity:.45;font-variant-numeric:tabular-nums;font-size:9px;position:absolute;bottom:5px;right:14px}.practice-rail-viewport:before,.practice-rail-viewport:after{content:"";z-index:1;pointer-events:none;opacity:0;width:18px;position:absolute;top:0;bottom:0}.practice-rail-viewport:before{background:linear-gradient(to right,var(--bg-canvas),transparent);left:0}.practice-rail-viewport:after{background:linear-gradient(to left,var(--bg-canvas),transparent);right:0}.practice-rail-viewport.has-previous:before,.practice-rail-viewport.has-next:after{opacity:1}.rail-controls button:disabled{opacity:.35;cursor:default;transform:none}.practice-unlock{border:var(--border-subtle);background:var(--bg-card);border-radius:16px;align-items:flex-start;gap:15px;padding:22px;display:flex}.practice-unlock.is-compact{margin-top:14px;padding:16px 20px}.practice-unlock>svg{flex-shrink:0;margin-top:2px}.practice-unlock h3{margin:0 0 4px;font-size:16px;line-height:1.4}.practice-unlock p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.practice-unlock-skills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.practice-unlock-skills button{border:var(--border-subtle);background:var(--surface-interactive);min-height:40px;color:var(--text-primary);cursor:pointer;font:600 12px var(--font-family);border-radius:999px;align-items:center;gap:10px;padding:8px 13px;display:flex}@container (width>=650px){.practice-thumbnail-rail{grid-auto-columns:calc(50% - 8px)}}@container (width>=1080px){.practice-thumbnail-rail{grid-auto-columns:calc(33.3333% - 10.6667px)}}@media (prefers-reduced-transparency:reduce){.practice-rail-viewport:before,.practice-rail-viewport:after{background:0 0}}.focused-practice-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.focused-practice-heading h1{margin:6px 0;font-size:clamp(26px,3vw,36px)}.focused-practice-heading p{color:var(--text-secondary);margin:0;font-size:13px}.focused-writing-editor{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.focused-writing-editor label{font-weight:700}.focused-writing-editor>span{color:var(--text-secondary);font-size:13px}.focused-writing-editor textarea{grid-column:1/-1}.focused-writing-summary{gap:24px;display:grid}@container (width<=450px){.practice-thumbnail{gap:12px;padding:16px}.practice-thumbnail h3{font-size:17px}.practice-thumbnail-start{gap:8px;padding-inline:12px;font-size:12px}.practice-thumbnail-resources{gap:10px}}