@font-face{font-family:DM;src:url('assets/dm-400.woff2')}@font-face{font-family:DM;src:url('assets/dm-500.woff2');font-weight:500}@font-face{font-family:DM;src:url('assets/dm-600.woff2');font-weight:600}
:root{--bg:#0b1729;--ink:#eff5ff;--muted:#b2c2d7;--faint:#91a6c0;--edge:rgba(202,222,255,.17);--glass:rgba(187,216,255,.075);--glass-hover:rgba(196,220,255,.13);--strong-glass:rgba(158,192,236,.14);--accent:#c4def9;--accent-ink:#10253e;--panel:#192b42;--selected:rgba(167,206,250,.14);--shadow:0 24px 70px #020a1838;--back:radial-gradient(ellipse at 85% 0%,#4261856b,transparent 47%),radial-gradient(ellipse at 5% 68%,#1a496059,transparent 45%),linear-gradient(130deg,#172c47,#0d192c 58%,#142942);--heading-weight:500}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM,Arial,sans-serif;font-size:15px;line-height:1.5;min-height:100vh;background-image:var(--back);background-attachment:fixed}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:hover{transition:background .15s,color .15s}button:disabled{opacity:.45;cursor:default}svg{display:block}h1,h2,h3,p{margin:0}h1{font-size:42px;line-height:1.16;letter-spacing:-1.5px;font-weight:var(--heading-weight)}h2{font-size:25px;letter-spacing:-.65px;font-weight:500}h3{font-size:18px;font-weight:500;letter-spacing:-.25px}small{font-size:12px}input,textarea,select{color:var(--ink);background:var(--glass);border:1px solid var(--edge);border-radius:12px;padding:12px 15px}select option{background:var(--panel);color:var(--ink)}
.study-bar{min-height:65px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#080e19;color:#dbe4f0;border-bottom:1px solid #ffffff16;font-size:12px}.study-label{display:flex;gap:10px;align-items:center;white-space:nowrap}.study-label>span:last-child{color:#aab8cb}.study-divider{color:#606c7d}.study-dot{height:6px;width:6px;border-radius:50%;background:#b4d2f2}.theme-switch{display:flex;gap:3px;background:#ffffff06;border:1px solid #ffffff16;border-radius:11px;padding:3px}.theme-switch button{padding:7px 13px;border-radius:7px;color:#b5c2d4;display:flex;gap:8px;align-items:center;white-space:nowrap}.theme-switch button[aria-pressed=true]{background:#ffffff18;color:#fff;box-shadow:0 1px 4px #0004}.swatch{width:10px;height:10px;display:inline-block;border:1px solid #ffffff4a;border-radius:50%}.swatch.blue{background:#597b9d}.swatch.silver{background:#dce5ec}.swatch.violet{background:#9a87b4}.study-info{font-size:12px;color:#aab8cb;display:flex;gap:20px;align-items:center}.study-info:hover{color:white}
.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);max-width:1660px;margin:auto;min-height:calc(100vh - 96px)}.sidebar{border-right:1px solid var(--edge);background:linear-gradient(160deg,#ffffff05,#ffffff01);padding:39px 22px 24px;display:flex;flex-direction:column;backdrop-filter:blur(30px)}.brand{display:flex;align-items:center;font-size:23px;letter-spacing:-1.1px;padding:0 6px;font-weight:500;white-space:nowrap;margin-bottom:42px}.brand svg{width:34px;height:34px;margin-right:6px}.brand-point{color:var(--accent)}.new-material{border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff15,0 8px 22px #020b1620;background:linear-gradient(120deg,#ffffff14,#ffffff06);border-radius:12px;text-align:left;padding:12px 15px;display:flex;gap:11px;align-items:center;font-weight:500;margin-bottom:28px}.new-material span{font-size:21px;line-height:1}.new-material:hover{background:var(--glass-hover)}.main-nav,.course-nav{display:grid;gap:5px}.main-nav button,.course-nav button{min-height:45px;border-radius:9px;padding:10px 13px;text-align:left;color:var(--muted);display:flex;align-items:center;gap:11px;font-size:14px}.main-nav button:hover,.course-nav button:hover{background:var(--glass)}.main-nav .active,.course-nav .selected{color:var(--ink);background:var(--selected);box-shadow:inset 0 0 0 1px var(--edge)}[data-icon] svg{width:19px;height:19px}.side-label{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--faint);padding:0 13px;margin:37px 0 13px}.course-dot{height:7px;width:7px;border-radius:50%;margin:0 6px}.earth{background:#99c6d4}.science{background:#c3b5e4}.course-arrow{margin-left:auto;font-size:15px;opacity:0}.selected .course-arrow{opacity:.7}.sidebar-bottom{display:flex;align-items:center;gap:11px;margin-top:auto;padding:55px 9px 0;color:var(--muted);font-size:12px}.sidebar-bottom small{display:block;color:var(--faint);font-size:10px;margin-top:2px}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--edge);background:var(--glass);display:grid;place-items:center;color:var(--ink)}
main{padding:32px 45px 52px;min-width:0}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px;margin-bottom:29px;min-height:22px}.breadcrumbs button{padding:3px 0;color:var(--muted)}.breadcrumbs span{opacity:.7}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:600;margin-bottom:10px}.subtitle{color:var(--muted);margin-top:12px;font-size:14px}.quiet-button{color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:center;padding:10px 0;white-space:nowrap}.quiet-button:hover{color:var(--ink)}.tabs{display:flex;gap:6px;padding:6px;border:1px solid var(--edge);background:linear-gradient(110deg,#ffffff0b,#ffffff03);border-radius:15px;box-shadow:inset 0 1px 0 #ffffff0a;margin-bottom:24px;backdrop-filter:blur(24px)}.tabs button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;flex:1;border-radius:10px;font-size:13px;color:var(--muted);white-space:nowrap}.tabs button.active{color:var(--ink);background:var(--strong-glass);box-shadow:inset 0 0 0 1px var(--edge),0 3px 10px #00000014}.tabs button:hover{background:var(--glass-hover)}.tabs svg{height:17px;width:17px}.lecture-layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:23px}.glass{background:linear-gradient(130deg,#ffffff0e,#ffffff03);border:1px solid var(--edge);border-radius:18px;box-shadow:var(--shadow),inset 0 1px 0 #ffffff10;backdrop-filter:blur(25px)}.player{padding:10px;align-self:start}.film{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#faf5ee}.film img,.film video{width:100%;height:100%;display:block;object-fit:contain}.film video{display:none}.film.is-playing video{display:block}.film.is-playing img,.film.is-playing .play-overlay{display:none}.play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:63px;height:63px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#162c3bd9;border:1px solid #ffffff80;backdrop-filter:blur(10px);box-shadow:0 5px 25px #152a3a33}.play-overlay:hover{background:#203f54}.play-overlay svg{width:21px;height:21px;margin-left:3px}.player-footer{padding:14px 9px 6px;display:flex;justify-content:space-between;align-items:center;gap:15px}.player-footer strong{font-size:12px;font-weight:500}.player-footer p{font-size:11px;color:var(--faint);margin-top:2px}.player-footer .small-icon{border:1px solid var(--edge);width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.small-icon svg{width:13px;height:13px}.chapters{padding:16px 0}.chapters h3{font-size:13px;padding:0 0 17px}.chapter{width:100%;display:flex;align-items:baseline;gap:12px;text-align:left;padding:14px 12px;color:var(--muted);border-radius:10px;border:1px solid transparent;margin-bottom:4px;font-size:12px}.chapter.active{background:var(--glass);border-color:var(--edge);color:var(--ink)}.chapter small{font-size:10px;color:var(--faint);width:14px;flex-shrink:0}.chapter .chapter-description{display:block;color:var(--faint);font-size:10px;margin-top:5px}.content-footer{border-top:1px solid var(--edge);margin-top:29px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.content-footer p{font-size:13px;color:var(--muted)}.content-footer p strong{color:var(--ink);display:block;font-weight:500;margin-bottom:3px}.button{border:1px solid var(--edge);padding:11px 17px;border-radius:10px;font-size:13px;display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:44px}.button:hover{background:var(--glass-hover)}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:500;box-shadow:0 4px 18px #00000013}.button.primary:hover{filter:brightness(1.07)}.prototype-note{border-top:1px solid var(--edge);padding:8px 25px;text-align:right;font-size:10px;color:var(--faint);background:#0000000a}
.material-list{margin-top:26px;overflow:hidden}.material-row{display:flex;gap:24px;align-items:center;padding:24px;border-bottom:1px solid var(--edge);width:100%;text-align:left}.material-row:last-child{border:0}.material-row:hover{background:var(--glass)}.material-row img{width:105px;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.material-row h3{font-size:16px}.material-row p{font-size:12px;color:var(--muted);margin-top:6px}.material-row .arrow{margin-left:auto}.course-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}.course-card{text-align:left;padding:30px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start}.course-card .course-symbol{font-size:32px;color:var(--accent);margin-bottom:28px}.course-card p{font-size:13px;color:var(--muted);margin-top:6px}.course-card .card-bottom{font-size:12px;color:var(--muted);margin-top:25px;display:flex;width:100%;justify-content:space-between}.course-card:hover{background:var(--glass-hover)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px;gap:20px}.toolbar input{width:240px;font-size:12px}.section-label{font-size:12px;color:var(--muted)}.tool-surface{padding:32px;min-height:340px}.mode-switch{display:inline-flex;border:1px solid var(--edge);border-radius:10px;padding:4px;gap:3px;margin-bottom:28px}.mode-switch button{padding:7px 12px;border-radius:6px;color:var(--muted);font-size:12px}.mode-switch button.active{background:var(--strong-glass);color:var(--ink)}.question{font-size:25px;max-width:680px;font-weight:400;letter-spacing:-.45px;line-height:1.4;margin:10px 0 15px}.support-copy{color:var(--muted);font-size:13px;max-width:590px;line-height:1.7}.voice-dock{margin-top:35px;border-top:1px solid var(--edge);padding-top:23px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.voice-state{font-size:12px;color:var(--muted)}.text-reply{width:100%;margin-top:18px;min-height:100px;resize:vertical}.note-editor{width:100%;min-height:265px;background:transparent;border:0;padding:10px 0;font-size:17px;line-height:1.8;resize:vertical}.note-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:20px}.practice-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.inline-feedback{min-height:25px;font-size:13px;margin-top:22px;color:var(--accent)}.test-context{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.test-context>div{border:1px solid var(--edge);border-radius:12px;padding:22px}.test-context h3{font-size:14px;margin-bottom:10px}.empty-placeholder{height:60px;width:105px;border-radius:8px;background:var(--glass);display:grid;place-items:center;color:var(--accent);font-size:26px;flex-shrink:0}
dialog{background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:22px;padding:37px;width:min(560px,calc(100% - 32px));box-shadow:0 35px 100px #0008}dialog::backdrop{background:#050b18a8;backdrop-filter:blur(8px)}dialog h2{margin-bottom:14px}.close-dialog{position:absolute;right:16px;top:12px;font-size:27px;color:var(--muted)}dialog label{display:block;font-size:12px;color:var(--muted);margin-top:24px}dialog select{width:100%;margin-top:8px}dialog .button{margin-top:24px}.upload-box{border:1px dashed var(--faint);padding:27px;border-radius:13px;text-align:center;margin-top:24px}.upload-box label{margin:0 0 15px;color:var(--ink);font-size:15px}.upload-box input{max-width:100%;font-size:12px;border:0;padding:0;background:none}.demo-caption{font-size:11px;color:var(--faint);margin-top:15px;line-height:1.6}.token-row{display:flex;gap:9px;margin:24px 0}.token-row span{width:44px;height:44px;border-radius:10px;border:1px solid #ffffff20}.direction-facts{border-top:1px solid var(--edge);padding-top:20px;margin-top:22px;font-size:13px;color:var(--muted);line-height:1.8}
body[data-theme=silver]{--bg:#d4dfe9;--ink:#172f45;--muted:#4e6478;--faint:#586e81;--edge:rgba(56,82,111,.18);--glass:rgba(255,255,255,.28);--glass-hover:rgba(255,255,255,.5);--strong-glass:rgba(255,255,255,.66);--accent:#244f71;--accent-ink:#f5f9fd;--panel:#e5edf4;--selected:rgba(255,255,255,.51);--shadow:0 20px 55px #314d6c12;--back:radial-gradient(ellipse at 80% 5%,#f7fbff,transparent 53%),radial-gradient(ellipse at 0% 70%,#b4c8d8,transparent 50%),linear-gradient(135deg,#d8e3ee,#d5dee9 60%,#c7d4e2);--heading-weight:500}body[data-theme=silver] .glass{background:linear-gradient(130deg,#ffffff85,#ffffff38);box-shadow:var(--shadow),inset 0 1px 0 #ffffffc0}body[data-theme=silver] .sidebar{background:#ffffff16}body[data-theme=silver] .new-material{background:#ffffff50}body[data-theme=silver] .earth{background:#346d85}body[data-theme=silver] .science{background:#705897}body[data-theme=silver] .tabs{background:#ffffff30}body[data-theme=silver] .chapter.active{background:#ffffff50}body[data-theme=silver] .content-footer .primary{box-shadow:0 5px 18px #294d711a}
body[data-theme=violet]{--bg:#201c30;--ink:#f4effb;--muted:#c2b9d3;--faint:#aea3c2;--edge:rgba(226,212,246,.17);--glass:rgba(220,197,248,.065);--glass-hover:rgba(220,197,248,.13);--strong-glass:rgba(224,197,252,.13);--accent:#d9cae9;--accent-ink:#2f2340;--panel:#342c44;--selected:rgba(224,197,252,.1);--shadow:0 24px 70px #0d081833;--back:radial-gradient(ellipse at 90% 0%,#81698563,transparent 53%),radial-gradient(ellipse at 5% 75%,#3d436c44,transparent 48%),linear-gradient(135deg,#302840,#211e31 65%,#343044);--heading-weight:400}body[data-theme=violet] h1{letter-spacing:-1.7px;font-size:44px}body[data-theme=violet] .glass{background:linear-gradient(130deg,#f3dfff10,#ead2ff03)}
@media(min-width:1450px){main{padding:38px 60px 60px}.lecture-layout{grid-template-columns:minmax(0,1fr) 245px;gap:30px}.page-heading{margin-bottom:32px}.breadcrumbs{margin-bottom:36px}.tabs{margin-bottom:30px}}
@media(max-width:1150px){main{padding:28px}.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:33px 15px 22px}.study-info{font-size:0;gap:0}.study-info span{font-size:16px}.lecture-layout{grid-template-columns:minmax(0,1fr)}.chapters{display:flex;gap:6px;flex-wrap:wrap;padding:0}.chapters h3{width:100%;padding:0 0 3px}.chapter{width:auto;flex:1;margin:0;padding:12px 10px}.chapter .chapter-description{display:none}.content-footer{margin-top:22px}.brand{font-size:21px}.tabs button{padding:12px 8px;gap:7px}}
@media(max-width:760px){.study-bar{padding:10px 14px;flex-wrap:wrap;gap:10px}.study-label{font-size:11px}.study-info{display:none}.theme-switch{width:100%;justify-content:center}.theme-switch button{flex:1;justify-content:center;font-size:11px;padding:8px}.app-shell{display:block}.sidebar{display:grid;grid-template-columns:1fr auto;gap:15px;padding:19px 20px;border-right:0;border-bottom:1px solid var(--edge)}.brand{margin:0;font-size:23px}.new-material{margin:0;font-size:12px;padding:9px 12px}.main-nav{display:flex;grid-column:1/-1;gap:20px}.main-nav button{padding:5px 0;min-height:32px}.main-nav .active{background:none;box-shadow:none}.side-label,.course-nav,.sidebar-bottom{display:none}main{padding:23px 20px 35px}.breadcrumbs{margin-bottom:22px}h1,body[data-theme=violet] h1{font-size:34px;letter-spacing:-1px}.subtitle{font-size:13px;max-width:300px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading .quiet-button{display:none}.tabs{overflow-x:auto;gap:2px;margin-left:-3px;margin-right:-3px}.tabs button{flex:0 0 auto;padding:10px 12px;font-size:12px}.tabs svg{display:none}.lecture-layout{gap:20px}.player{padding:7px}.player-footer{padding:11px 5px 6px}.chapters{display:grid;grid-template-columns:1fr 1fr}.chapters h3{grid-column:1/-1;margin-bottom:3px}.chapter{font-size:11px;min-height:49px}.content-footer{align-items:flex-start;flex-direction:column;gap:16px}.content-footer .button{width:100%}.course-cards{grid-template-columns:1fr;margin-top:25px}.course-card{min-height:190px;padding:24px}.material-row{padding:18px;gap:14px}.material-row h3{font-size:14px}.material-row img,.empty-placeholder{width:74px;height:47px}.toolbar input{width:170px}.tool-surface{padding:22px}.question{font-size:22px}.test-context{grid-template-columns:1fr}.prototype-note{text-align:center;font-size:9px;padding:10px}.film .play-overlay{height:49px;width:49px}.voice-dock{margin-top:24px}.study-label{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Focus revision: navigation is a drawer; each tool owns its work surface. */
body{--back:radial-gradient(ellipse at 8% 2%,#6d9fc55c,transparent 40%),radial-gradient(ellipse at 99% 65%,#6387bd40,transparent 40%),linear-gradient(135deg,#162b45,#0a172a 53%,#233c59);background-image:var(--back)}
.app-shell{display:block;max-width:none;min-height:100svh}.app-shell main{min-height:100svh;padding:28px 80px 26px;display:flex;flex-direction:column;max-width:1440px;margin:auto;gap:24px}body .lesson-title,body[data-theme=violet] .lesson-title{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.15px;text-align:center;margin:0;height:32px;display:flex;justify-content:center;align-items:center;color:var(--muted)}
.focus-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:12px 0}.focus-stage>section{width:100%}.lecture-stage{max-width:1040px;width:100%;margin:auto}.lecture-stage .player{padding:11px;border-radius:24px;position:relative;align-self:auto}.film{border-radius:15px}.player-footer,.chapters,.content-footer,.prototype-note{display:none}.glass,body[data-theme=silver] .glass,body[data-theme=violet] .glass{background:linear-gradient(125deg,#ffffff29 0%,#ffffff09 24%,#ffffff03 60%,#ffffff15 100%);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff9c,inset 1px 0 0 #ffffff30,inset -1px -1px 0 #ffffff17,0 2px 3px #0000001f,0 26px 70px #00000030,0 0 0 1px #00000014;backdrop-filter:blur(35px) saturate(145%)}
.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff12,transparent 25%,transparent 75%,#ffffff07)}.glass{position:relative}.play-overlay{width:70px;height:70px;background:linear-gradient(145deg,#42677ed9,#17354dd9);border:1px solid #ffffff5c;box-shadow:inset 0 1px 1px #ffffffa3,inset 0 -2px 4px #0515216b,0 12px 30px #132b454a}.tabs{width:max-content;max-width:100%;margin:0 auto;gap:5px;padding:7px;border-radius:19px;background:linear-gradient(160deg,#ffffff26,#ffffff06 55%,#ffffff10);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff0f,0 15px 40px #00000028;flex-shrink:0;backdrop-filter:blur(35px) saturate(160%)}.tabs button{min-width:104px;flex:none;padding:12px 18px;gap:9px;font-size:12px;border-radius:12px}.tabs button.active{background:linear-gradient(150deg,#ffffff49,#ffffff15);box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -1px 0 #ffffff17,0 2px 7px #0000001f;color:var(--ink)}
.nav-toggle{position:fixed;top:25px;left:0;z-index:5;display:flex;align-items:center;gap:11px;padding:11px 16px 11px 17px;font-size:12px;border:1px solid var(--edge);border-left:0;border-radius:0 12px 12px 0;background:linear-gradient(140deg,#ffffff24,#ffffff08);box-shadow:inset 0 1px 0 #ffffff69,0 7px 22px #0002;backdrop-filter:blur(30px)}.nav-toggle span{font-size:15px}.appearance-toggle{position:fixed;right:24px;top:28px;width:36px;height:36px;display:grid;place-items:center;z-index:5;border:1px solid var(--edge);border-radius:50%;background:linear-gradient(145deg,#ffffff29,#ffffff04);box-shadow:inset 0 1px 0 #ffffff80,0 5px 15px #0002}.appearance-toggle>span{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#ffffff,var(--accent) 50%,#557894);box-shadow:0 0 9px #ffffff1a}
.navigation-drawer{margin:0;height:100svh;max-height:none;width:282px;max-width:85vw;padding:0;border-radius:0 24px 24px 0;border:1px solid var(--edge);background:linear-gradient(140deg,var(--panel),var(--bg));box-shadow:inset 1px 0 0 #ffffff48,30px 0 100px #0005;overflow:auto}.navigation-drawer::backdrop{background:#030a1245;backdrop-filter:blur(7px)}.navigation-drawer .study-bar{display:none}.navigation-drawer .sidebar{display:flex;min-height:100%;border:0;background:linear-gradient(135deg,#ffffff12,#ffffff02);padding:72px 23px 24px;backdrop-filter:none}.navigation-drawer .brand{margin-bottom:40px;font-size:25px}.navigation-drawer .main-nav,.navigation-drawer .course-nav{display:grid;gap:6px}.navigation-drawer .side-label{display:block}.drawer-close{position:absolute;right:18px;top:15px;width:36px;height:36px;font-size:27px;color:var(--muted);z-index:2}.preview-details{margin-top:auto;padding:60px 12px 0;color:var(--faint);text-align:left;font-size:11px}.appearance-options{display:grid;gap:9px;margin-top:24px}.appearance-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--edge);border-radius:12px}.appearance-options button[aria-pressed=true]{background:var(--strong-glass);box-shadow:inset 0 1px 0 #ffffff50}.appearance-options .swatch{width:19px;height:19px}
.conversation{max-width:740px;text-align:center}.mode-switch{margin:0 auto 40px;background:linear-gradient(135deg,#ffffff13,#ffffff03);border-radius:12px;padding:4px}.mode-switch button{font-size:12px}.mode-switch button.active{background:linear-gradient(145deg,#ffffff22,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff40}.conversation .question{font-size:clamp(23px,2.3vw,31px);line-height:1.55;letter-spacing:-.55px;margin:0 auto;max-width:730px;font-weight:400}.voice-dock{display:flex;flex-direction:column;border:0;margin:42px 0 0;padding:0;gap:18px}.voice-button{height:74px;width:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 10%,#ffffff66,transparent 70%),linear-gradient(145deg,#8fbde95c,#40689566);border:1px solid #c3e0ff7a;box-shadow:inset 0 2px 2px #ffffffa6,inset 0 -3px 9px #06192e80,0 12px 30px #030d2350}.voice-button svg{width:26px;height:26px}.type-button{font-size:12px;color:var(--muted)}.voice-state{min-height:18px;font-size:11px;margin-top:20px}.text-reply{max-width:650px;margin:22px auto 0}.test-workspace{max-width:800px;text-align:center}.assessment-empty{min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;padding:35px}.assessment-icon{opacity:.5}.assessment-icon svg{height:45px;width:45px}.test-sheet,.writing-sheet{background:#f6f5ef;color:#263a49;border-radius:18px;box-shadow:inset 0 1px 0 white,0 18px 65px #0003;text-align:left}.test-sheet{padding:45px}.test-sheet h2{font-size:22px;font-weight:400;line-height:1.5;letter-spacing:-.4px}.test-sheet textarea{width:100%;min-height:230px;margin-top:24px;border:0;border-radius:0;background:transparent;color:#263a49;padding:10px 0;resize:vertical}.writing-sheet{max-width:850px;padding:40px 48px 24px;min-height:450px}.writing-sheet .note-editor{color:#263a49;min-height:350px;padding:0;background:repeating-linear-gradient(transparent,transparent 33px,#637a8915 34px,transparent 35px);line-height:35px;border-radius:0;font-size:17px}.writing-sheet .note-editor::placeholder,.test-sheet textarea::placeholder{color:#687985}.writing-sheet #save-state{display:block;text-align:right;color:#687985;font-size:10px;margin-top:12px}
.applet{max-width:880px;padding:27px 32px 22px}.applet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.applet-heading h2{font-size:18px;letter-spacing:-.3px}.applet-heading>span{font-size:12px;color:var(--muted)}.reset-link{font-size:12px;color:var(--muted)}.seabed-stage{position:relative;margin:25px 0 12px}.seabed-stage svg{width:100%;height:auto}.diagram-target{position:absolute;transform:translate(-50%,-50%);padding:9px 14px;min-width:40px;min-height:40px;border-radius:10px;background:linear-gradient(135deg,#ffffff35,#ffffff10);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff65,0 8px 20px #0002;font-size:12px;backdrop-filter:blur(15px)}.label-tray{display:flex;justify-content:center;gap:10px}.label-tray button{padding:9px 20px;border-radius:9px;border:1px solid var(--edge);font-size:12px}.label-tray .active{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px 0 white,0 4px 10px #0002}.applet-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:25px;min-height:44px}.applet-hint,#applet-feedback{font-size:12px;color:var(--muted)}#applet-feedback:empty{display:none}.atom-stage{height:330px;display:flex;justify-content:center}.atom-stage svg{height:100%;max-width:100%}.electron{fill:var(--accent);filter:drop-shadow(0 0 5px #c4def966)}.shell-controls{display:flex;justify-content:center;gap:35px;text-align:center}.shell-controls>div>span{font-size:11px;color:var(--muted)}.shell-controls>div>div{display:flex;align-items:center;gap:13px;margin-top:8px}.shell-controls button{height:35px;width:35px;border-radius:9px;background:var(--glass);border:1px solid var(--edge)}.shell-controls output{width:16px;font-size:17px}
.library-workspace{width:100%;max-width:900px;margin:95px auto 0}.library-workspace h1,body[data-theme=violet] .library-workspace h1{font-size:30px;letter-spacing:-.7px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.library-workspace input[type=search]{margin-top:10px;width:260px}.course-card{min-height:230px;padding:32px}.course-card .course-symbol{margin-bottom:35px}.course-code{font-size:10px;color:var(--muted);letter-spacing:1px;margin-top:10px}.course-card .course-code{order:3}.empty-result{padding:25px;color:var(--muted)}.material-list{box-shadow:none}.material-row{padding:25px 28px}.material-row h3{font-size:16px}.button.primary{background:linear-gradient(145deg,#e5f2ff,var(--accent));box-shadow:inset 0 1px 0 #ffffff,0 6px 15px #0002}.button{background:linear-gradient(130deg,#ffffff13,#ffffff03);box-shadow:inset 0 1px 0 #ffffff30}
body[data-theme=silver]{--back:radial-gradient(ellipse at 0% 5%,#ffffff,transparent 45%),radial-gradient(ellipse at 95% 65%,#a6bfdc80,transparent 45%),linear-gradient(145deg,#c7d8e9,#e9f0f6 45%,#b9cedf)}body[data-theme=silver] .glass{background:linear-gradient(125deg,#ffffffb8,#ffffff38 35%,#ffffff20 75%,#ffffff75);box-shadow:inset 0 1px 0 white,inset 1px 0 0 #ffffffcc,0 25px 60px #395b7826}body[data-theme=silver] .tabs{background:linear-gradient(145deg,#ffffffb3,#ffffff30);box-shadow:inset 0 1px 0 white,0 12px 35px #395b7829}body[data-theme=silver] .tabs button.active{background:linear-gradient(140deg,#fff,#eaf3ff99);box-shadow:inset 0 1px 0 white,0 4px 13px #41648b26}body[data-theme=silver] .button.primary{background:linear-gradient(140deg,#4879a3,#244f71);box-shadow:inset 0 1px 0 #98bbdd,0 6px 15px #395b7829}body[data-theme=silver] .voice-button{background:radial-gradient(ellipse at 25% 10%,#ffffffcc,transparent 70%),linear-gradient(145deg,#bfd8ee,#93b8d6);color:#244f71}body[data-theme=violet]{--back:radial-gradient(ellipse at 0% 0%,#b5a4be50,transparent 43%),radial-gradient(ellipse at 100% 75%,#7c638d61,transparent 50%),linear-gradient(135deg,#312f47,#1c1a2b 53%,#45364d)}body[data-theme=violet] .voice-button{background:radial-gradient(ellipse at 25% 10%,#ffffff70,transparent 70%),linear-gradient(145deg,#a595bc66,#705c8266);border-color:#ded1f17a}body[data-theme=violet] .button.primary{background:linear-gradient(145deg,#f0e5ff,#cbb7df)}
@media(max-width:760px){.app-shell main{padding:25px 18px 20px;gap:18px;min-height:100svh}.nav-toggle{top:21px;font-size:11px;padding:10px 11px;gap:7px}.appearance-toggle{top:22px;right:13px;width:33px;height:33px}body .lesson-title,body[data-theme=violet] .lesson-title{font-size:12px;padding:0 64px;min-height:30px;line-height:1.3;height:auto}.focus-stage{padding:12px 0}.lecture-stage .player{padding:7px;border-radius:18px}.film{border-radius:11px}.tabs{width:100%;justify-content:space-around;gap:0;padding:5px;border-radius:16px;overflow:visible}.tabs button{min-width:0;padding:10px 7px;font-size:10px;gap:7px;flex:1;flex-direction:column;border-radius:11px}.tabs svg{display:block;width:17px;height:17px}.conversation .question{font-size:23px;line-height:1.5}.conversation .mode-switch{margin-bottom:32px}.mode-switch button{font-size:11px;padding:8px 10px}.voice-dock{margin-top:32px}.voice-button{height:67px;width:67px}.writing-sheet{padding:26px 25px 18px;min-height:380px}.writing-sheet .note-editor{min-height:315px;font-size:16px}.test-sheet{padding:25px}.test-sheet h2{font-size:20px}.assessment-empty{min-height:320px}.applet{padding:20px 15px 16px}.applet-heading h2{font-size:16px}.applet-heading>span{font-size:10px}.seabed-stage{margin:48px 0 30px}.applet-actions{flex-wrap:wrap;margin-top:20px;gap:12px}.applet-hint{font-size:10px}.diagram-target{font-size:10px;padding:7px 9px;min-height:35px;min-width:35px}.label-tray button{padding:9px 16px;font-size:11px}.atom-stage{height:260px}.shell-controls{gap:14px}.shell-controls>div>div{gap:5px}.shell-controls button{width:31px;height:34px}.library-workspace{margin-top:75px}.library-workspace h1,body[data-theme=violet] .library-workspace h1{font-size:26px}.library-heading .button{font-size:11px;padding:9px 12px}.navigation-drawer .sidebar{gap:0}.navigation-drawer .main-nav{gap:5px}.navigation-drawer .main-nav button{padding:12px;min-height:45px}.navigation-drawer .new-material{margin-bottom:25px}.navigation-drawer .side-label{margin-top:34px}.library-workspace input[type=search]{width:100%}}
@media(max-width:360px){.nav-toggle{font-size:0;gap:0;padding:11px}.nav-toggle span{font-size:15px}body .lesson-title{padding:0 40px}.tabs button{font-size:9px;padding:10px 4px}}