:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius-2xl:34px;--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;--spring:.52s cubic-bezier(.22, 1.22, .36, 1);--spring-soft:.36s cubic-bezier(.34, 1.56, .64, 1);--canvas:#070b12;--canvas-secondary:#0d1420;--surface:#121b2b9e;--surface-strong:#0e1624c7;--surface-soft:#232e4661;--surface-chip:#ffffff14;--surface-active:#0a84ff2e;--surface-border:#ffffff1f;--surface-border-strong:#7d99d747;--surface-highlight:#ffffff29;--text:#f5f7fb;--text-strong:#fff;--text-muted:#9da8bd;--text-soft:#c8d1e4;--accent:#0a84ff;--accent-strong:#5e5ce6;--accent-soft:#0a84ff29;--success:#32d74b;--danger:#ff6b6b;--warning:#ffd60a;--shadow-lg:0 30px 80px #0106126b;--shadow-md:0 18px 46px #03081647;--shadow-sm:0 10px 26px #0308162e;--glass-shadow:0 24px 60px #01071357, inset 0 1px 0 #ffffff29, inset 0 -1px 0 #ffffff08;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#eef2f8;--canvas-secondary:#f8fafd;--surface:#ffffffb8;--surface-strong:#ffffffd1;--surface-soft:#f6f8fcc7;--surface-chip:#ffffffc2;--surface-active:#0a84ff1f;--surface-border:#7e899f2e;--surface-border-strong:#0a84ff2e;--surface-highlight:#ffffffc7;--text:#18202d;--text-strong:#0f1726;--text-muted:#5e697d;--text-soft:#394559;--accent:#0071e3;--accent-strong:#5e5ce6;--accent-soft:#0071e31a;--success:#28c840;--danger:#ff453a;--warning:#ff9f0a;--shadow-lg:0 26px 70px #8392b02e;--shadow-md:0 18px 44px #8392b029;--shadow-sm:0 10px 20px #8392b01f;--glass-shadow:0 24px 60px #a4b1ca2e, inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 18%, #5e5ce62e, transparent 30%), radial-gradient(circle at 88% 12%, #0a84ff24, transparent 26%), radial-gradient(circle at 50% 100%, #34c75914, transparent 28%), linear-gradient(160deg, var(--canvas) 0%, var(--canvas-secondary) 100%);transition:background var(--spring), color var(--spring);margin:0}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(18px);position:fixed;inset:auto}body:before{background:#0a84ff2e;border-radius:50%;width:360px;height:360px;animation:18s ease-in-out infinite alternate ambient-float-a;top:-140px;right:-120px}body:after{background:#5e5ce624;border-radius:50%;width:340px;height:340px;animation:22s ease-in-out infinite alternate ambient-float-b;bottom:-120px;left:-120px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{z-index:1;min-height:100vh;position:relative}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7e8ead66;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.loading-screen{min-height:100vh;color:var(--text-muted);place-items:center;padding:2rem;display:grid}.app-shell{isolation:isolate;grid-template-columns:328px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.sidebar,.hero-card,.panel,.question-card,.lesson-card,.stat-card,.mini-stat-tile,.badge,.pill,.tag,.mini-chip,.segmented-control,.timeline-card,.progress-card,.ghost-link,.ghost-button,.primary-button,.topbar,.notice,.empty-box,.theme-toggle,.option-item,input,select,textarea{-webkit-backdrop-filter:blur(24px)saturate(170%)}.sidebar{border-right:1px solid var(--surface-border);background:linear-gradient(#ffffff08,#0000 20%),linear-gradient(#070c148f,#070c145c);flex-direction:column;gap:1.6rem;height:100vh;padding:2rem 1.4rem;display:flex;position:sticky;top:0;box-shadow:inset -1px 0 #ffffff0a}:root[data-theme=light] .sidebar{background:linear-gradient(#ffffffc2,#ffffff8f),#fff6}.sidebar h1,.topbar h2,.hero-card h3,.panel h4,.question-card h5,.lesson-card h5{color:var(--text-strong);letter-spacing:-.04em;margin:0}.sidebar h1{max-width:8ch;font-size:clamp(2.6rem,4.2vw,4rem);line-height:1.06}.sidebar-eyebrow,.section-eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .55rem;font-size:.82rem;font-weight:600}.sidebar-subtitle,.topbar p,.panel p,.hero-card p,.progress-row p,.hint,.question-card p,.notice,label,.compact-list,.ordered-list{color:var(--text-muted)}.sidebar-nav{gap:.7rem;padding-right:.15rem;display:grid;overflow-y:auto}.nav-item{color:var(--text-muted);transition:transform var(--spring-soft), color var(--spring), border-color var(--spring), background var(--spring), box-shadow var(--spring);background:0 0;border:1px solid #0000;border-radius:20px;justify-content:space-between;align-items:center;gap:.9rem;padding:.92rem 1rem;display:flex;position:relative;transform:translateZ(0)}.nav-copy{z-index:1;align-items:center;gap:.78rem;min-width:0;display:inline-flex;position:relative}.nav-glyph,.stat-icon-shell,.showcase-item-icon,.showcase-float-icon{justify-content:center;align-items:center;display:inline-flex}.nav-glyph{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(#ffffff1f,#ffffff05);border-radius:12px;width:1.8rem;height:1.8rem;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #0308161f}.nav-badge{z-index:1;border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);color:var(--text-muted);letter-spacing:.08em;background:linear-gradient(#ffffff1f,#ffffff08);border-radius:999px;padding:.18rem .44rem;font-size:.72rem;position:relative}.app-icon{color:currentColor;width:1rem;height:1rem;display:inline-flex}.app-icon svg{width:100%;height:100%}.nav-item:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--spring);background:linear-gradient(135deg,#ffffff14,#0000 65%);position:absolute;inset:0}.nav-item:hover,.nav-item-active{color:var(--text-strong);border-color:var(--surface-border-strong);background:linear-gradient(135deg, var(--surface-active), #ffffff05);box-shadow:var(--shadow-sm);transform:translateY(-3px)scale(1.01)}.nav-item:active{transform:translateY(1px)scale(.985)}.nav-item:hover:after,.nav-item-active:after{opacity:1}.sidebar-stats,.page,.stack{gap:1rem;display:grid}.sidebar-stats{margin-top:auto}.page{isolation:isolate;position:relative}.page:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 14%, transparent), transparent 72%);filter:blur(10px);opacity:.72;pointer-events:none;z-index:0;border-radius:50%;width:min(680px,72vw);height:260px;position:absolute;top:-40px;left:4%}.main-pane{padding:1.8rem 1.8rem 3rem;position:relative;overflow:hidden}.page-stage{z-index:1;gap:1.25rem;display:grid;position:relative}.ambient-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-orb,.ambient-beam,.ambient-noise{position:absolute}.ambient-orb{filter:blur(14px);opacity:.72;border-radius:50%}.ambient-orb.orb-a{background:radial-gradient(circle,#0a84ff57,#0000 68%);width:320px;height:320px;animation:21s ease-in-out infinite alternate ambient-float-a;top:4%;right:-6%}.ambient-orb.orb-b{background:radial-gradient(circle,#5e5ce638,#0000 70%);width:260px;height:260px;animation:24s ease-in-out infinite alternate ambient-float-b;top:28%;left:20%}.ambient-orb.orb-c{background:radial-gradient(circle,#34c75929,#0000 72%);width:360px;height:360px;animation:26s ease-in-out infinite alternate ambient-float-c;bottom:-4%;right:16%}.ambient-beam{filter:blur(20px);opacity:.38;border-radius:999px}.ambient-beam.beam-a{background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:420px;height:120px;animation:16s ease-in-out infinite alternate beam-shift-a;top:8%;left:18%;transform:rotate(-14deg)}.ambient-beam.beam-b{background:linear-gradient(90deg,#0000,#0a84ff2e,#0000);width:360px;height:110px;animation:19s ease-in-out infinite alternate beam-shift-b;bottom:18%;right:8%;transform:rotate(28deg)}.ambient-noise{opacity:.06;background:linear-gradient(#0000,#ffffff05),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 24px);inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 90%);mask-image:linear-gradient(#000000d9,#0000 90%)}.topbar{z-index:12;border:1px solid var(--surface-border);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 60%, transparent), #ffffff05), linear-gradient(160deg, var(--surface-strong), var(--surface));border-radius:30px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.05rem 1.15rem;display:flex;position:sticky;top:1rem;box-shadow:0 18px 48px #0309182e,inset 0 1px #ffffff2e}.topbar:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff24,#0000 58%);position:absolute;inset:0}.topbar h2{font-size:clamp(2.2rem,4.1vw,3.4rem);line-height:1.02}.badge-row,.hero-grid,.form-grid,.question-actions,.checkbox-row,.pill-row,.tag-row,.hero-note-row{flex-wrap:wrap;gap:.8rem;display:flex}.badge-row{justify-content:flex-end;align-items:center}.grid{gap:1rem;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid,.question-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-split{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:1rem;display:grid}.showcase-board{place-items:center;min-height:250px;display:grid;position:relative}.showcase-device{border:1px solid color-mix(in srgb, var(--surface-border) 94%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 65%, transparent), #ffffff08), linear-gradient(160deg, var(--surface-strong), var(--surface));border-radius:32px;width:min(100%,360px);padding:.75rem;position:relative;box-shadow:0 30px 80px #0309183d,inset 0 1px #ffffff2e}.showcase-device-top{gap:.34rem;padding:.2rem .22rem .6rem;display:inline-flex}.showcase-dot{background:#ffffff8a;border-radius:50%;width:.44rem;height:.44rem}.showcase-screen{background:linear-gradient(180deg, #ffffff1a, #ffffff08), linear-gradient(160deg, color-mix(in srgb, var(--surface-highlight) 22%, transparent), transparent);border-radius:26px;gap:.78rem;padding:1rem 1rem 1.05rem;display:grid;box-shadow:inset 0 1px #ffffff29,0 16px 40px #03091829}.showcase-stack{gap:.68rem;display:grid}.showcase-item{border:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);background:linear-gradient(145deg,#ffffff17,#ffffff08);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;padding:.8rem .9rem;display:grid}.showcase-item strong,.showcase-float strong{color:var(--text-strong);font-size:.92rem;display:block}.showcase-item small,.showcase-float small{color:var(--text-muted);font-size:.8rem}.showcase-item-icon,.showcase-float-icon,.stat-icon-shell{border:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);width:2rem;height:2rem;color:var(--accent);background:linear-gradient(145deg,#ffffff29,#ffffff0a);border-radius:14px;box-shadow:inset 0 1px #ffffff24,0 10px 24px #03081624}.showcase-item-index{color:var(--text-muted);letter-spacing:.08em;font-size:.72rem}.showcase-float{border:1px solid color-mix(in srgb, var(--surface-border) 92%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 62%, transparent), #ffffff08), linear-gradient(160deg, var(--surface-strong), var(--surface));-webkit-backdrop-filter:blur(20px)saturate(165%);border-radius:22px;align-items:center;gap:.72rem;max-width:200px;padding:.78rem .92rem;display:inline-flex;position:absolute;box-shadow:0 20px 48px #03091838,inset 0 1px #ffffff2e}.showcase-float.left{animation:14s ease-in-out infinite alternate float-card-a;bottom:.8rem;left:-.4rem}.showcase-float.right{animation:16s ease-in-out infinite alternate float-card-b;top:1.2rem;right:-.5rem}.hero-side-stack{gap:1rem;min-width:min(100%,420px);display:grid}.mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.mini-stat-tile{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff08);box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #ffffff0a, var(--shadow-sm);border-radius:24px;gap:.35rem;padding:1rem 1.05rem;display:grid;position:relative}.mini-stat-tile.accent{border-color:color-mix(in srgb, var(--accent) 38%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, transparent), #ffffff08)}.mini-stat-head{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.mini-stat-icon,.insight-icon{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);color:var(--accent);background:linear-gradient(145deg,#ffffff29,#ffffff0a);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 12px 28px #03081624}.mini-stat-icon{border-radius:14px;width:1.72rem;height:1.72rem}.mini-stat-icon .app-icon,.insight-icon .app-icon{width:.95rem;height:.95rem}.mini-stat-tile span,.meter-label-row span{color:var(--text-muted);letter-spacing:.02em;font-size:.84rem}.mini-stat-tile strong{color:var(--text-strong);letter-spacing:-.03em;font-size:clamp(1.05rem,1.3vw,1.45rem);line-height:1.1}.mini-stat-tile small,.segmented-copy small{color:var(--text-muted);font-size:.82rem;line-height:1.35}.mini-stat-tile{transition:transform var(--spring-soft), box-shadow var(--spring), border-color var(--spring), background var(--spring)}.mini-stat-tile:hover{transform:translateY(-3px)scale(1.01);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0a,0 20px 42px #03091833}.mini-stat-tile:active{transform:translateY(1px)scale(.986)}.insight-grid{gap:.9rem;display:grid}.insight-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.insight-card{border:1px solid var(--surface-border);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 42%, transparent), #ffffff08), linear-gradient(160deg, var(--surface-strong), var(--surface));box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #ffffff0a, var(--shadow-sm);transition:transform var(--spring-soft), box-shadow var(--spring), border-color var(--spring), background var(--spring);border-radius:26px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.82rem;padding:1rem 1.05rem;display:grid;position:relative;overflow:hidden}.insight-card:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 58%);position:absolute;inset:0}.insight-card:hover{border-color:color-mix(in srgb, var(--surface-border) 72%, #fff3);transform:translateY(-4px)scale(1.008);box-shadow:0 22px 48px #0309182e,inset 0 1px #ffffff2e}.insight-card:active{transform:translateY(1px)scale(.988)}.insight-card.accent{border-color:color-mix(in srgb, var(--accent) 32%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 20%, transparent), #ffffff0a), linear-gradient(160deg, var(--surface-strong), var(--surface))}.insight-icon{border-radius:18px;width:2.5rem;height:2.5rem}.insight-copy{z-index:1;gap:.16rem;min-width:0;display:grid;position:relative}.insight-copy p,.insight-copy small{margin:0}.insight-copy p{color:var(--text-muted);letter-spacing:.04em;font-size:.82rem}.insight-copy strong{color:var(--text-strong);letter-spacing:-.03em;font-size:clamp(1rem,1.45vw,1.28rem);line-height:1.15}.insight-copy small{color:var(--text-muted);font-size:.84rem;line-height:1.4}.ring-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);align-items:start;gap:1rem;display:grid}.progress-ring{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff08);box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #ffffff0a, var(--shadow-sm);text-align:center;border-radius:28px;justify-items:center;gap:.75rem;padding:1rem;display:grid}.progress-ring-visual{aspect-ratio:1;border-radius:50%;place-items:center;width:124px;display:grid;position:relative;box-shadow:0 18px 36px #0a84ff1f,inset 0 1px #ffffff29}.progress-ring-core{aspect-ratio:1;background:linear-gradient(180deg, var(--surface-strong), var(--surface));border-radius:50%;place-items:center;gap:.2rem;width:86px;display:grid;box-shadow:inset 0 1px #ffffff29,0 10px 24px #040a1829}.progress-ring-core strong{color:var(--text-strong);letter-spacing:-.04em;font-size:1.25rem;line-height:1}.progress-ring-core span{color:var(--text-muted);font-size:.76rem}.progress-ring p{color:var(--text-muted);margin:0;font-size:.88rem}.signal-list{gap:.8rem;display:grid}.signal-row{gap:.48rem;display:grid}.signal-copy{justify-content:space-between;align-items:center;gap:1rem;display:flex}.signal-copy strong,.signal-copy span{font-size:.92rem}.signal-copy strong{color:var(--text-strong)}.signal-copy span{color:var(--text-muted)}.signal-track{background:color-mix(in srgb, var(--surface-border) 68%, transparent);border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000002e,inset 0 1px #ffffff14}.segmented-meta-row{flex-wrap:wrap;gap:.4rem;display:flex}.mock-analysis-panel{gap:1rem}.mock-score-hero{grid-template-columns:minmax(120px,156px) minmax(0,1fr);align-items:center;gap:1rem;display:grid}.mock-score-badge{border:1px solid var(--surface-border);background:radial-gradient(circle at top, color-mix(in srgb, var(--accent) 24%, transparent) 0%, transparent 62%), linear-gradient(180deg, var(--surface-chip), #ffffff0a);text-align:center;border-radius:30px;place-items:center;gap:.35rem;padding:1.05rem;display:grid;box-shadow:inset 0 1px #ffffff2e,0 18px 38px #0308161f}.mock-score-badge strong{color:var(--text-strong);letter-spacing:-.05em;font-size:clamp(1.8rem,3vw,2.45rem);line-height:1}.mock-score-badge span,.mock-analysis-copy{color:var(--text-muted);font-size:.92rem;line-height:1.55}.mock-analysis-grid{grid-template-columns:minmax(260px,.92fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.mock-radar-wrap{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff08);min-height:320px;box-shadow:inset 0 1px 0 #ffffff26, var(--shadow-sm);border-radius:30px;place-items:center;padding:.5rem;display:grid}.mock-breakdown-list{gap:.78rem;display:grid}.mock-breakdown-item{gap:.48rem;display:grid}.mock-cta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.review-checklist-panel{gap:1rem}.review-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.review-action-card{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 24%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff05);border-radius:28px;gap:.9rem;padding:1rem 1.05rem;display:grid;box-shadow:inset 0 1px #ffffff24,0 14px 30px #03081614}.review-action-card.done{border-color:color-mix(in srgb, var(--success) 34%, var(--surface-border));background:linear-gradient(145deg, color-mix(in srgb, var(--success) 10%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff05)}.review-action-index{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);width:fit-content;color:var(--text-muted);letter-spacing:.08em;border-radius:999px;padding:.34rem .65rem;font-size:.76rem;display:inline-flex}.review-action-copy{gap:.38rem;display:grid}.review-action-copy strong{color:var(--text-strong);letter-spacing:-.02em;font-size:1rem}.review-action-copy p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.5}.review-action-toolbar{flex-wrap:wrap;gap:.72rem;display:flex}.review-action-toolbar>*{flex:180px}.mistake-variant-panel{gap:1rem}.mistake-variant-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.radar-chart{width:min(100%,320px);height:auto;overflow:visible}.radar-grid{fill:color-mix(in srgb, var(--surface-border) 32%, transparent);stroke:color-mix(in srgb, var(--surface-border) 72%, transparent);stroke-width:1px}.radar-spoke{stroke:color-mix(in srgb, var(--surface-border) 66%, transparent);stroke-width:1px}.radar-area{fill:color-mix(in srgb, var(--accent) 30%, transparent);stroke:color-mix(in srgb, var(--accent) 82%, white 4%);stroke-width:2.2px}.radar-node{fill:var(--accent);stroke:#ffffffb8;stroke-width:1.5px}.radar-core{fill:color-mix(in srgb, var(--surface-strong) 88%, #ffffff14);stroke:color-mix(in srgb, var(--surface-border) 74%, transparent);stroke-width:1px}.radar-core-label,.radar-label{fill:var(--text-strong);font-weight:600}.radar-core-label{letter-spacing:.12em;font-size:.78rem}.radar-label{font-size:.72rem}.signal-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width var(--spring);display:block;box-shadow:0 8px 20px #0a84ff3d}.signal-track.tone-success .signal-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--success) 88%, #fff), #8ef6a0);box-shadow:0 8px 20px color-mix(in srgb, var(--success) 30%, transparent)}.signal-track.tone-danger .signal-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--danger) 90%, #fff), #ff9e9e);box-shadow:0 8px 20px color-mix(in srgb, var(--danger) 30%, transparent)}.signal-track.tone-default .signal-fill{background:linear-gradient(90deg,#ffffffa6,#9da8bdf0);box-shadow:0 8px 20px #7d89a338}.hero-card,.panel,.question-card,.lesson-card{border-radius:var(--radius-2xl);border:1px solid var(--surface-border);background:linear-gradient(145deg, var(--surface-strong), var(--surface));box-shadow:var(--glass-shadow);transition:transform var(--spring-soft), box-shadow var(--spring), border-color var(--spring), background var(--spring);will-change:transform;padding:1.35rem;position:relative;overflow:hidden}.hero-card:before,.panel:before,.question-card:before,.lesson-card:before{content:"";opacity:.95;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 56%);position:absolute;inset:0}.hero-card:after,.panel:after,.question-card:after,.lesson-card:after{content:"";opacity:.28;pointer-events:none;background:radial-gradient(circle,#ffffff29,#0000 66%);border-radius:50%;width:240px;height:240px;animation:18s ease-in-out infinite alternate halo-drift;position:absolute;top:-70px;right:-80px}.hero-card:hover,.panel:hover,.question-card:hover,.lesson-card:hover{border-color:#fff3;transform:translateY(-4px)scale(1.003);box-shadow:0 28px 70px #02091847,inset 0 1px #ffffff29}.hero-card{gap:1rem;padding:1.6rem;display:grid}.hero-card h3{max-width:18ch;font-size:clamp(1.8rem,2.7vw,3rem);line-height:1.08}.chapter-hero,.panel-head,.question-head,.lesson-head,.progress-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.compact-list,.ordered-list{gap:.58rem;margin:0;padding-left:1.18rem;display:grid}.stat-card,.badge,.pill,.tag,.mini-chip{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff05);color:var(--text-soft);border-radius:999px;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0a}.stat-card{border-radius:26px;justify-content:space-between;align-items:center;gap:1rem;min-height:82px;padding:1rem 1.1rem;display:flex}.stat-copy{gap:.32rem;display:grid}.stat-icon-shell .app-icon,.showcase-item-icon .app-icon,.showcase-float-icon .app-icon{width:1.05rem;height:1.05rem}.stat-card span,.tag,.pill,.badge,.mini-chip,.hint{font-size:.94rem}.stat-card strong{color:var(--text-strong);letter-spacing:-.04em;font-size:1.72rem;line-height:1}.badge,.pill,.tag,.mini-chip{padding:.52rem .92rem}.metric-panel h4{margin-top:.35rem;font-size:clamp(2.1rem,4vw,3rem);line-height:1}.segmented-control{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff08);box-shadow:var(--shadow-sm);border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.38rem;display:grid}.segmented-control.wrap{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.segmented-option{min-width:0;color:var(--text-muted);transition:transform var(--spring-soft), border-color var(--spring), background var(--spring), box-shadow var(--spring), color var(--spring);background:0 0;border:1px solid #0000;border-radius:22px;padding:.88rem .92rem}.segmented-option:hover{color:var(--text-strong);transform:translateY(-2px)}.segmented-option.active{color:var(--text-strong);border-color:color-mix(in srgb, var(--accent) 24%, transparent);background:linear-gradient(145deg, var(--surface-highlight), #ffffff0a);box-shadow:0 12px 28px #0a84ff1f,inset 0 1px #ffffff2e}.segmented-option:active{transform:translateY(1px)scale(.985)}.segmented-copy{text-align:left;gap:.22rem;display:grid}.segmented-copy strong{font-size:.94rem;line-height:1.1}.ghost-link,.ghost-button,.primary-button,.theme-toggle{border:1px solid var(--surface-border);color:var(--text-strong);transition:transform var(--spring-soft), box-shadow var(--spring), border-color var(--spring), background var(--spring), color var(--spring);border-radius:999px;position:relative}.ghost-link,.ghost-button,.primary-button{justify-content:center;align-items:center;gap:.5rem;padding:.82rem 1.08rem;display:inline-flex}.ghost-link,.ghost-button{background:linear-gradient(180deg, var(--surface-chip), #ffffff08)}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-color:#0000;box-shadow:0 16px 32px #0a84ff42,inset 0 1px #ffffff40}.ghost-link:hover,.ghost-button:hover,.primary-button:hover,.theme-toggle:hover,.mini-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)scale(1.015)}.ghost-link:active,.ghost-button:active,.primary-button:active,.theme-toggle:active,.mini-chip:active{transform:translateY(1px)scale(.985)}.primary-button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.theme-toggle{isolation:isolate;background:linear-gradient(180deg, var(--surface-chip), #ffffff08);min-width:168px;box-shadow:var(--shadow-sm);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;padding:.3rem;display:grid;overflow:hidden}.theme-toggle-thumb{width:calc(50% - 4px);height:calc(100% - 8px);transition:transform var(--spring), background var(--spring), box-shadow var(--spring);background:linear-gradient(135deg,#0c111bf2,#37425ee6);border-radius:999px;position:absolute;top:4px;left:4px;box-shadow:0 12px 24px #03081647,inset 0 1px #ffffff1f}.theme-toggle.is-light .theme-toggle-thumb{background:linear-gradient(135deg,#fff,#edf3ff);transform:translate(100%);box-shadow:0 12px 24px #6f81a338,inset 0 1px #fffffff2}.theme-toggle-option{z-index:1;text-align:center;letter-spacing:-.01em;color:var(--text-muted);transition:color var(--spring);padding:.52rem .95rem;font-size:.92rem;font-weight:600;position:relative}.theme-toggle.is-dark .theme-toggle-option:first-of-type,.theme-toggle.is-light .theme-toggle-option:last-of-type{color:#fff}:root[data-theme=light] .theme-toggle.is-light .theme-toggle-option:last-of-type{color:var(--text-strong)}.mini-chip{border:1px solid var(--surface-border-strong);background:linear-gradient(180deg, var(--surface-chip), #ffffff08)}.mini-chip.active{color:var(--text-strong);background:linear-gradient(135deg,#0a84ff33,#5e5ce624);border-color:#0a84ff52;box-shadow:0 14px 28px #0a84ff24}.meter-block{gap:.52rem;display:grid}.meter-label-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.meter-label-row strong{color:var(--text-strong);font-size:.94rem}.meter-track{background:color-mix(in srgb, var(--surface-border) 70%, transparent);border-radius:999px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000002e,inset 0 1px #ffffff14}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width var(--spring), background var(--spring);display:block;box-shadow:0 8px 20px #0a84ff47}.meter-track.tone-success .meter-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--success) 88%, #fff), #8ef6a0);box-shadow:0 8px 20px color-mix(in srgb, var(--success) 34%, transparent)}.meter-track.tone-default .meter-fill{background:linear-gradient(90deg,#ffffffa6,#9da8bdf0);box-shadow:0 8px 20px #7d89a338}label{gap:.52rem;font-size:.96rem;display:grid}input,select,textarea{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-soft), #ffffff08);width:100%;color:var(--text-strong);transition:border-color var(--spring), box-shadow var(--spring), transform var(--spring-soft), background var(--spring);outline:none;padding:.92rem 1rem;box-shadow:inset 0 1px #ffffff1a}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--text-muted) 82%, transparent)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px var(--accent-soft), inset 0 1px 0 #ffffff24, var(--shadow-sm);border-color:#0a84ff66;transform:translateY(-1px)}.answer-input{margin-top:.3rem}.options-list{gap:.72rem;display:grid}.question-meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.question-status{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff08);color:var(--text-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .78rem;font-size:.88rem;display:inline-flex;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff0a}.question-status-dot{width:8px;height:8px;box-shadow:0 0 0 6px color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:50%}.question-status.tone-accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.question-status.tone-success{color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.question-status.tone-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.option-item{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff05);transition:transform var(--spring-soft), border-color var(--spring), background var(--spring), box-shadow var(--spring);align-items:flex-start;gap:.72rem;padding:.9rem 1rem;display:flex}.option-item input{width:auto;accent-color:var(--accent);margin-top:.2rem}.option-item.selected{border-color:color-mix(in srgb, var(--accent) 34%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 16%, transparent), #ffffff08);transform:translateY(-1px);box-shadow:0 12px 26px #0a84ff1f}.option-item.reveal-correct{border-color:color-mix(in srgb, var(--success) 42%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--success) 18%, transparent), #ffffff08)}.option-item.reveal-wrong{border-color:color-mix(in srgb, var(--danger) 42%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--danger) 18%, transparent), #ffffff08)}.question-card.is-idle{border-color:var(--surface-border)}.question-card.is-armed{border-color:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:0 24px 60px #0a84ff14,inset 0 1px #ffffff29}.question-card.is-correct{border-color:color-mix(in srgb, var(--success) 34%, transparent);box-shadow:0 24px 60px color-mix(in srgb, var(--success) 12%, transparent), inset 0 1px 0 #ffffff29}.question-card.is-incorrect{border-color:color-mix(in srgb, var(--danger) 32%, transparent);box-shadow:0 24px 60px color-mix(in srgb, var(--danger) 12%, transparent), inset 0 1px 0 #ffffff29}.question-card{gap:1rem;display:grid}.question-aura{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 28%, #ffffff38) 0%, transparent 64%);opacity:.5;filter:blur(2px);pointer-events:none;border-radius:999px;width:240px;height:240px;position:absolute;inset:-24% auto auto 55%;transform:translate(0,0)}.question-head-main,.question-body,.question-dock-copy,.option-copy,.admin-side-stack{min-width:0}.question-head-main{flex:auto;gap:.8rem;display:grid}.question-summary-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.question-subtle-chip{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff0a);min-height:36px;color:var(--text-muted);letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.5rem .82rem;font-size:.84rem;display:inline-flex;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.favorite-toggle{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-shrink:0;min-width:112px;padding-inline:.92rem 1rem}.favorite-toggle.active{border-color:color-mix(in srgb, var(--accent) 26%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), #ffffff0a);color:var(--text-strong);box-shadow:0 14px 28px #0a84ff24,inset 0 1px #ffffff2e}.favorite-toggle-icon{border:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);background:linear-gradient(145deg,#ffffff29,#ffffff0a);border-radius:14px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.favorite-toggle.active .favorite-toggle-icon{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 24%, transparent)}.favorite-toggle-icon .app-icon{width:.95rem;height:.95rem}.question-body{gap:.62rem;display:grid}.question-title-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.question-type-badge{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), #ffffff0a);min-height:32px;color:var(--text-strong);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.42rem .78rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #0a84ff1f,inset 0 1px #ffffff29}.question-focus-line{color:var(--text-muted);letter-spacing:.01em;font-size:.88rem}.question-body h5{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:clamp(1.08rem,1.4vw,1.32rem);line-height:1.45}.question-dock{border:1px solid color-mix(in srgb, var(--surface-border) 86%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 34%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;padding:.95rem 1rem;display:flex;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.question-dock-copy{flex:240px;gap:.24rem;display:grid}.question-dock-copy strong{color:var(--text-strong);font-size:.96rem;line-height:1.2}.question-dock-copy small{color:var(--text-muted);font-size:.84rem;line-height:1.45}.tutor-panel,.tutor-empty-state,.tutor-bubble,.tutor-compose{gap:.78rem;display:grid}.tutor-panel{border:1px solid color-mix(in srgb, var(--surface-border-strong) 78%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff05);border-radius:26px;padding:1rem 1.05rem;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.tutor-meta-row,.tutor-action-row,.tutor-suggestion-row,.tutor-focus-strip,.tutor-strategy-row{flex-wrap:wrap;align-items:center;gap:.72rem;display:flex}.tutor-drill-stack{gap:.88rem;display:grid}.tutor-strategy-block{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 26%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);border-radius:22px;gap:.72rem;padding:.9rem .95rem;display:grid;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #ffffff08}.tutor-strategy-block .section-eyebrow{margin:0}.tutor-drill-card{gap:.92rem;padding:1rem 1.02rem}.tutor-empty-state p{color:var(--text-soft);margin:0;line-height:1.55}.tutor-thread{gap:.78rem;display:grid}.tutor-bubble{border:1px solid color-mix(in srgb, var(--surface-border) 86%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 28%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);border-radius:22px;padding:.9rem 1rem}.tutor-bubble.role-assistant{border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.tutor-bubble.role-user{border-color:color-mix(in srgb, var(--success) 22%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--success) 10%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05)}.tutor-bubble strong{color:var(--text-strong);font-size:.86rem}.tutor-bubble p{color:var(--text-soft);margin:0;line-height:1.62}.tutor-compose textarea{resize:vertical;min-height:116px}.answer-input.has-value{border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.option-key{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);width:2rem;min-width:2rem;height:2rem;color:var(--text-strong);background:linear-gradient(145deg,#ffffff29,#ffffff0a);border-radius:15px;justify-content:center;align-items:center;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 10px 22px #0308161f}.option-copy{color:var(--text-soft);flex:auto;gap:.16rem;line-height:1.55;display:grid}.option-item:hover{border-color:color-mix(in srgb, var(--surface-border) 74%, #ffffff2e);transform:translateY(-2px)scale(1.006);box-shadow:0 16px 34px #03091824}.option-item.selected .option-key,.option-item.reveal-correct .option-key,.option-item.reveal-wrong .option-key{color:#fff;border-color:#0000}.option-item.selected .option-key{background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.option-item.reveal-correct .option-key{background:linear-gradient(135deg, color-mix(in srgb, var(--success) 90%, #fff), #79eba4)}.option-item.reveal-wrong .option-key{background:linear-gradient(135deg, color-mix(in srgb, var(--danger) 88%, #fff), #ff9f9f)}.notice,.empty-box{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-chip), #ffffff05);padding:1rem 1.05rem}.notice.success{border-color:color-mix(in srgb, var(--success) 38%, transparent);background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--text-strong)}.notice.error{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--text-strong)}.notice.warning{border-color:color-mix(in srgb, var(--warning) 36%, transparent);background:color-mix(in srgb, var(--warning) 14%, transparent);color:var(--text-strong)}.empty-box{border-style:dashed}.progress-row{border-bottom:1px solid color-mix(in srgb, var(--surface-border) 65%, transparent);padding:1rem 0}.progress-row:last-child{border-bottom:none}.progress-card{border:1px solid var(--surface-border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 92%, transparent), #ffffff08);border-radius:26px;gap:.9rem;padding:1rem 1.05rem;display:grid}.progress-values{text-align:right;min-width:120px;color:var(--text-strong);gap:.35rem;display:grid}.page>*,.stack>*,.question-grid>*,.form-grid>*{z-index:1;animation:.64s cubic-bezier(.22,1,.36,1) both float-up;position:relative}.timeline-grid{gap:.8rem;display:grid}.timeline-card{border:1px solid var(--surface-border);background:linear-gradient(145deg, var(--surface-soft), #ffffff05);box-shadow:var(--shadow-sm);border-radius:24px;gap:.55rem;padding:1rem 1.05rem;display:grid}.admin-workbench{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:1rem;display:grid}.admin-command-panel,.admin-side-panel,.draft-review-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-command-panel,.admin-side-stack{gap:1rem;display:grid}.admin-side-panel{gap:.95rem;display:grid}.admin-control-footer{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 38%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;padding:1rem;display:flex;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.admin-control-footer.compact{padding:.85rem .92rem}.admin-health-chip.tone-ready{color:color-mix(in srgb, var(--success) 74%, var(--text-strong))}.admin-health-chip.tone-degraded{color:color-mix(in srgb, var(--warning) 78%, var(--text-strong))}.admin-health-chip.tone-error{color:color-mix(in srgb, var(--danger) 82%, var(--text-strong))}.admin-review-toolbar{gap:.9rem;display:grid}.admin-health-card{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 28%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);border-radius:24px;gap:.58rem;padding:.92rem .98rem;display:grid;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.admin-health-card p,.admin-health-card small{margin:0}.admin-health-card p{color:var(--text-soft);line-height:1.52}.admin-health-card small{color:var(--text-muted);line-height:1.45}.admin-health-card.tone-ready{border-color:color-mix(in srgb, var(--success) 28%, var(--surface-border))}.admin-health-card.tone-degraded{border-color:color-mix(in srgb, var(--warning) 32%, var(--surface-border))}.admin-health-card.tone-error{border-color:color-mix(in srgb, var(--danger) 34%, var(--surface-border))}.draft-filter-control .segmented-option{justify-content:flex-start;align-items:flex-start;display:flex}.draft-filter-control .segmented-copy{text-align:left;align-items:flex-start}.admin-bulk-toolbar{justify-content:flex-start}.admin-activity-list{gap:.72rem;display:grid}.admin-activity-item{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff08);transition:transform var(--spring-soft), border-color var(--spring), box-shadow var(--spring);border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.78rem;padding:.9rem .95rem;display:grid;box-shadow:inset 0 1px #ffffff24,0 12px 28px #03081614}.admin-activity-item:hover,.admin-summary-card:hover,.draft-meta-card:hover{border-color:color-mix(in srgb, var(--surface-border) 74%, #ffffff2e);transform:translateY(-2px);box-shadow:0 18px 34px #03091824}.admin-activity-item strong{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;letter-spacing:.04em;border-radius:16px;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;padding:0 .45rem;font-size:.82rem;display:inline-flex}.admin-activity-item div{gap:.2rem;display:grid}.admin-activity-item span,.draft-meta-card span,.admin-summary-card span{color:var(--text-muted);letter-spacing:.03em;font-size:.82rem}.admin-activity-item small,.admin-summary-card small{color:var(--text-muted);line-height:1.45}.admin-summary-grid,.draft-meta-grid{gap:.82rem;display:grid}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-summary-card,.draft-meta-card{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 30%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);transition:transform var(--spring-soft), border-color var(--spring), box-shadow var(--spring);border-radius:24px;gap:.28rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0a}.admin-summary-card strong,.draft-meta-card strong{color:var(--text-strong);letter-spacing:-.02em;font-size:clamp(1rem,1.28vw,1.24rem);line-height:1.35}.draft-review-card{gap:1rem}.draft-review-card.is-selected{border-color:color-mix(in srgb, var(--accent) 34%, transparent);box-shadow:0 24px 60px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 #ffffff29}.draft-review-card .question-actions{justify-content:flex-end}.draft-review-side{justify-items:end;gap:.72rem;display:grid}.draft-select-toggle{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 32%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);min-height:40px;color:var(--text-soft);cursor:pointer;transition:transform var(--spring-soft), border-color var(--spring), box-shadow var(--spring);border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .85rem;font-size:.84rem;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.draft-select-toggle:hover{border-color:color-mix(in srgb, var(--surface-border) 74%, #fff3);transform:translateY(-1px)}.draft-select-toggle.active{color:var(--text-strong);border-color:color-mix(in srgb, var(--accent) 34%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 1px 0 #ffffff29}.draft-select-toggle input{accent-color:var(--accent);margin:0}.draft-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mistake-workbench,.progress-workbench{align-items:start;gap:1rem;display:grid}.mistake-workbench{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.progress-workbench{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.mistake-playbook,.mistake-side-panel,.empty-panel,.progress-workbench>.panel,.progress-side-stack>.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:1rem;display:grid;overflow:hidden}.progress-side-stack{gap:1rem;min-width:0;display:grid}.mistake-playbook:before,.mistake-side-panel:before,.empty-panel:before,.progress-workbench>.panel:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, #ffffff1f) 0%, transparent 72%);opacity:.7;pointer-events:none;filter:blur(6px);border-radius:999px;width:220px;height:220px;position:absolute;inset:0 auto auto 8%}.mistake-playbook:after,.mistake-side-panel:after,.empty-panel:after,.progress-workbench>.panel:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--surface-highlight) 32%, transparent) 0%, transparent 72%);opacity:.5;pointer-events:none;filter:blur(8px);border-radius:999px;width:180px;height:180px;position:absolute;inset:auto 10% -32% auto}.mistake-playbook:hover,.mistake-side-panel:hover,.empty-panel:hover,.progress-workbench>.panel:hover,.attempt-feed-item:hover{border-color:color-mix(in srgb, var(--surface-border) 76%, #ffffff2e);transform:translateY(-2px);box-shadow:0 20px 42px #0308161f,inset 0 1px #ffffff24}.mistake-focus-strip{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 34%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);border-radius:24px;flex-wrap:wrap;gap:.72rem;padding:.95rem 1rem;display:flex;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.mistake-focus-strip .question-subtle-chip{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 94%, transparent), #ffffff0d)}.mistake-side-panel .mini-stat-grid,.progress-side-stack .mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mistake-filters{grid-template-columns:1fr}.mistake-filters .segmented-option{justify-content:flex-start}.mistake-filters .segmented-copy{text-align:left;align-items:flex-start}.empty-panel{align-content:start;min-height:220px}.empty-panel .empty-box{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);place-items:center;min-height:92px;display:grid}.attempt-feed{gap:.82rem;display:grid}.attempt-feed-item{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 28%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff05);transition:transform var(--spring-soft), border-color var(--spring), box-shadow var(--spring);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem 1.05rem;display:grid;box-shadow:inset 0 1px #ffffff24,0 14px 30px #03081614}.attempt-feed-item>div:first-child{gap:.28rem;min-width:0;display:grid}.attempt-feed-item strong{color:var(--text-strong);letter-spacing:-.02em;font-size:1rem}.attempt-feed-item p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.45}.attempt-feed-actions{flex-wrap:wrap;gap:.6rem;margin-top:.35rem;display:flex}.attempt-feed-actions .ghost-link{padding:.4rem .8rem;font-size:.82rem}.attempt-feed-item .progress-values{border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff0a);border-radius:20px;min-width:96px;padding:.72rem .8rem;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff08}.review-feed-item strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.review-feed-item .progress-values.is-overdue{border-color:color-mix(in srgb, var(--danger) 34%, transparent);color:color-mix(in srgb, var(--danger) 82%, var(--text-strong))}.timeline-index{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:48px;padding:.34rem .58rem;font-size:.82rem;font-weight:700;display:inline-flex}.timeline-card p{color:var(--text-soft);margin:0}.chapter-workbench,.guide-workbench{align-items:start;gap:1rem;display:grid}.chapter-workbench{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)}.guide-workbench{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.chapter-side-stack,.guide-side-stack{gap:1rem;min-width:0;display:grid}.chapter-main-panel,.chapter-ai-panel,.chapter-sprint-panel,.guide-main-panel,.guide-side-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:1rem;display:grid;overflow:hidden}.chapter-content-grid{gap:1rem;display:grid}.chapter-section-shell,.guide-mode-hero,.chapter-queue-card,.guide-plan-card,.guide-callout{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 32%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff05);border-radius:26px;gap:.75rem;padding:1rem 1.05rem;display:grid;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.chapter-library-shell{align-content:start}.chapter-focus-strip,.guide-focus-strip{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 34%, transparent), #ffffff08), linear-gradient(180deg, var(--surface-chip), #ffffff05);border-radius:24px;flex-wrap:wrap;gap:.72rem;padding:.95rem 1rem;display:flex;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.chapter-focus-strip .question-subtle-chip,.guide-focus-strip .question-subtle-chip,.chapter-input-preview .question-subtle-chip{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 94%, transparent), #ffffff0d)}.chapter-lesson-meta,.chapter-input-preview{flex-wrap:wrap;gap:.62rem;display:flex}.chapter-density-note{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chapter-queue-grid,.guide-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.82rem;display:grid}.chapter-queue-card span,.guide-plan-card span{color:var(--text-muted);letter-spacing:.03em;font-size:.82rem}.chapter-queue-card strong,.guide-plan-card strong,.guide-callout strong,.chapter-timeline-card strong,.guide-timeline-card strong{color:var(--text-strong);letter-spacing:-.02em;font-size:clamp(1rem,1.32vw,1.18rem);line-height:1.35}.chapter-queue-card small,.guide-plan-card small,.guide-callout small{color:var(--text-muted);line-height:1.45}.chapter-timeline-grid,.guide-timeline-grid{gap:.82rem}.chapter-timeline-card,.guide-timeline-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.82rem}.chapter-timeline-card>div,.guide-timeline-card>div{gap:.26rem;min-width:0;display:grid}.guide-mode-switch .segmented-option{justify-content:flex-start;align-items:flex-start;display:flex}.guide-mode-switch .segmented-copy{text-align:left;align-items:flex-start}.guide-mode-hero{gap:.85rem}.guide-mode-hero h4{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:clamp(1.18rem,1.8vw,1.5rem);line-height:1.24}.guide-mode-hero p,.guide-callout p{color:var(--text-soft);margin:0;line-height:1.55}.guide-callout{border-color:color-mix(in srgb, var(--accent) 24%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 16%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff05)}.sql-lab-shell,.sql-lab-editor-card,.sql-lab-side-card,.sql-lab-result-card,.sql-lab-metric-card,.sql-lab-task-card,.sql-hint-item{gap:.8rem;display:grid}.sql-lab-shell{gap:1rem}.sql-lab-metric-grid,.sql-lab-grid{gap:.92rem;display:grid}.sql-lab-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sql-lab-metric-card,.sql-lab-editor-card,.sql-lab-side-card,.sql-lab-result-card,.sql-lab-task-card,.sql-hint-item{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 34%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 96%, transparent), #ffffff05);border-radius:26px;padding:1rem 1.05rem;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08}.sql-lab-metric-card span,.sql-lab-task-card p,.sql-hint-item p,.sql-schema-box summary{color:var(--text-muted)}.sql-lab-metric-card strong{color:var(--text-strong);font-size:1.08rem}.sql-lab-metric-card small{color:var(--text-soft)}.sql-lab-toolbar{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:end;gap:.92rem;display:grid}.sql-lab-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.sql-lab-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);align-items:start}.sql-lab-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.sql-editor{resize:vertical;min-height:320px;font-family:SFMono-Regular,ui-monospace,Cascadia Mono,Roboto Mono,Consolas,monospace;line-height:1.7}.sql-run-status{border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-highlight) 28%, transparent), #ffffff08), linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 92%, transparent), #ffffff05);min-height:52px;color:var(--text-soft);border-radius:22px;padding:.92rem 1rem}.sql-run-status.tone-success{border-color:color-mix(in srgb, var(--success) 38%, transparent);color:color-mix(in srgb, var(--success) 88%, var(--text-strong))}.sql-run-status.tone-error{border-color:color-mix(in srgb, var(--danger) 38%, transparent);color:color-mix(in srgb, var(--danger) 88%, var(--text-strong))}.sql-lab-task-list,.sql-result-stack,.sql-hint-list{gap:.82rem;display:grid}.sql-lab-task-card{grid-template-columns:minmax(0,1fr) auto;align-items:end}.sql-lab-task-card strong,.sql-hint-item strong{color:var(--text-strong)}.sql-schema-box{border:1px dashed color-mix(in srgb, var(--surface-border-strong) 74%, transparent);background:color-mix(in srgb, var(--surface-chip) 82%, transparent);border-radius:22px;padding:.92rem 1rem}.sql-schema-box summary{cursor:pointer;font-weight:600}.sql-schema-pre{color:var(--text-soft);margin:.92rem 0 0;font-family:SFMono-Regular,ui-monospace,Cascadia Mono,Roboto Mono,Consolas,monospace;font-size:.86rem;line-height:1.65;overflow:auto}.sql-result-table-wrap{overflow:auto}.sql-result-table{border-collapse:collapse;width:100%;min-width:460px}.sql-result-table th,.sql-result-table td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--surface-border) 86%, transparent);padding:.72rem .8rem;font-size:.92rem}.sql-result-table th{color:var(--text-strong);font-weight:600}.sql-result-table td{color:var(--text-soft)}.sql-empty-state{text-align:center;place-items:center;min-height:140px}.sql-hint-item{gap:.5rem}@keyframes float-up{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ambient-float-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(-24px,18px)scale(1.08)}}@keyframes ambient-float-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(22px,-18px)scale(1.06)}}@keyframes ambient-float-c{0%{transform:translate(0,0)scale(1)}to{transform:translate(-12px,-26px)scale(1.05)}}@keyframes beam-shift-a{0%{transform:translate(0,0)rotate(-14deg)}to{transform:translate(28px,-14px)rotate(-6deg)}}@keyframes beam-shift-b{0%{transform:translate(0,0)rotate(28deg)}to{transform:translate(-26px,16px)rotate(18deg)}}@keyframes halo-drift{0%{opacity:.2;transform:translate(0,0)scale(1)}to{opacity:.34;transform:translate(-20px,18px)scale(1.1)}}@keyframes float-card-a{0%{transform:translate(0,0)}to{transform:translate(10px,-10px)}}@keyframes float-card-b{0%{transform:translate(0,0)}to{transform:translate(-12px,10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.app-shell,.hero-split{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--surface-border);height:auto;position:static}.sidebar h1{max-width:none}.sql-lab-grid,.sql-lab-grid-bottom{grid-template-columns:1fr}}@media (width<=960px){.two-column,.three-column,.hero-grid,.admin-workbench,.mistake-workbench,.progress-workbench,.chapter-workbench,.guide-workbench{grid-template-columns:1fr}.insight-grid.three,.insight-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stat-grid,.segmented-control,.ring-grid,.dashboard-grid,.mock-analysis-grid,.mock-score-hero,.mistake-variant-hero,.review-checklist-grid,.sql-lab-metric-grid{grid-template-columns:1fr}.showcase-board{gap:.8rem;min-height:auto}.showcase-float{max-width:none;position:relative;inset:auto}.topbar,.chapter-hero,.panel-head,.question-head,.lesson-head,.progress-row{flex-direction:column}.question-dock,.admin-control-footer{flex-direction:column;align-items:stretch}.sql-lab-toolbar{grid-template-columns:1fr}.question-title-row,.question-summary-row{align-items:flex-start}.admin-summary-grid,.draft-meta-grid,.chapter-queue-grid,.guide-plan-grid{grid-template-columns:1fr}.draft-review-side{justify-items:stretch}.mistake-side-panel .mini-stat-grid,.progress-side-stack .mini-stat-grid{grid-template-columns:1fr}.mistake-focus-strip{align-items:stretch}.attempt-feed-item{grid-template-columns:1fr;align-items:stretch}.attempt-feed-item .progress-values{text-align:left;min-width:0}.topbar{top:.75rem}.badge-row,.sql-lab-actions{justify-content:flex-start}}@media (width<=720px){.main-pane{padding:1rem 1rem 2rem}.topbar{padding:.95rem 1rem;top:.5rem}.sidebar{padding:1.2rem 1rem}.sidebar h1{font-size:2.5rem}.hero-card,.panel,.question-card,.lesson-card,.stat-card{padding:1.1rem}.chapter-section-shell,.guide-mode-hero,.chapter-queue-card,.guide-plan-card,.guide-callout{border-radius:24px;padding:.95rem}.theme-toggle{width:100%}.question-grid,.form-grid,.insight-grid.three,.insight-grid.four,.mini-stat-grid,.sql-lab-task-card{grid-template-columns:1fr}.question-aura{width:180px;height:180px;inset:-18% auto auto 40%}.favorite-toggle,.question-actions,.admin-control-footer .primary-button,.admin-control-footer .ghost-button{width:100%}.question-actions,.admin-control-footer,.admin-control-footer.compact{gap:.75rem}.admin-bulk-toolbar{align-items:stretch}.option-item{gap:.62rem;padding:.85rem .9rem}.option-key,.favorite-toggle-icon{border-radius:13px;width:1.8rem;min-width:1.8rem;height:1.8rem}.question-type-badge,.question-subtle-chip{justify-content:center;width:100%}.mistake-focus-strip,.chapter-focus-strip,.guide-focus-strip{border-radius:22px;padding:.9rem}.mistake-playbook:before,.mistake-side-panel:before,.empty-panel:before,.progress-workbench>.panel:before{width:170px;height:170px;inset:0 auto auto 4%}.attempt-feed-item,.attempt-feed-item .progress-values{text-align:left}.attempt-feed-item .progress-values{width:100%}.admin-activity-item{grid-template-columns:1fr}.chapter-input-preview{align-items:stretch}.draft-select-toggle{justify-content:center;width:100%}.chapter-input-preview .question-subtle-chip{justify-content:flex-start}}