@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&display=swap";:root{--accent: #2563EB;--accent-press: color-mix(in srgb, var(--accent) 82%, #000);--accent-contrast: #ffffff;--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--accent-soft-2: color-mix(in srgb, var(--accent) 7%, transparent);--accent-ring: color-mix(in srgb, var(--accent) 38%, transparent);--success: #15936b;--success-soft: color-mix(in srgb, var(--success) 13%, transparent);--warning: #c2820a;--warning-soft: color-mix(in srgb, var(--warning) 14%, transparent);--danger: #dc4444;--danger-soft: color-mix(in srgb, var(--danger) 13%, transparent);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--fs-display: 32px;--fs-title: 24px;--fs-section: 19px;--fs-card: 15px;--fs-body: 14px;--fs-sm: 13px;--fs-cap: 12px;--fs-micro: 11px;--pad-card: 22px;--pad-row: 14px;--gap: 16px;--control-h: 40px;--sidebar-w: 248px;--font: "Inter", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.32,.72,.36,1)}[data-density=compact]{--pad-card: 15px;--pad-row: 9px;--gap: 11px;--control-h: 34px;--sidebar-w: 220px;--fs-display: 27px;--fs-title: 21px;--fs-section: 17px}[data-theme=light]{--bg: #F4F6FA;--surface: #FFFFFF;--surface-2: #F8FAFC;--surface-3: #F1F5F9;--elevated: #FFFFFF;--border: #E6EBF2;--border-strong: #D3DBE6;--text: #0F172A;--text-muted: #51607A;--text-faint: #93A0B5;--shadow-sm: 0 1px 2px rgba(15,23,42,.05), 0 1px 3px rgba(15,23,42,.04);--shadow-md: 0 2px 6px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.07);--shadow-lg: 0 12px 48px rgba(15,23,42,.14);--scrim: rgba(15,23,42,.34);--glass: rgba(255,255,255,.74)}[data-theme=dark]{--bg: #0B1120;--surface: #111827;--surface-2: #161F30;--surface-3: #1B2536;--elevated: #18222F;--border: #1F2937;--border-strong: #2C3A4F;--text: #F1F5F9;--text-muted: #94A3B8;--text-faint: #64748B;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.36);--shadow-lg: 0 16px 56px rgba(0,0,0,.55);--scrim: rgba(2,6,16,.62);--glass: rgba(17,24,39,.74)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}#root{height:100%}.app-window{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.titlebar{height:38px;flex:0 0 38px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.traffic{display:flex;gap:8px}.traffic i{width:12px;height:12px;border-radius:50%;display:block}.traffic .r{background:#ed6a5e}.traffic .y{background:#f5be4f}.traffic .g{background:#61c454}[data-theme=dark] .traffic i{opacity:.92}.titlebar .tb-title{flex:1;text-align:center;font-size:var(--fs-cap);font-weight:500;color:var(--text-faint);letter-spacing:.02em}.titlebar .tb-spacer{width:54px}@media(max-width:820px){.titlebar{display:none}}.app-body{flex:1;display:flex;min-height:0}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .22s var(--ease),flex-basis .22s var(--ease);overflow:hidden}.sidebar.collapsed{--sidebar-w:64px}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;min-width:0}.sb-logo{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#7c5cff));display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-sm)}.sb-brand b{font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.sb-brand .sb-sub{font-size:var(--fs-micro);color:var(--text-faint);white-space:nowrap}.sb-section{padding:6px 12px}.sb-label{font-size:var(--fs-micro);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);padding:10px 10px 6px;white-space:nowrap}.collapsed .sb-label{opacity:0;height:6px;padding:0}.collapsed .sb-brand b,.collapsed .sb-brand .sb-sub,.collapsed .nav-txt,.collapsed .nav-badge{display:none}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;margin:2px 0;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;font-size:var(--fs-body);font-weight:450;white-space:nowrap;position:relative;transition:background .12s,color .12s}.nav-item svg{flex:0 0 auto}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:550}.nav-item.active svg{color:var(--accent)}.nav-txt{flex:1}.nav-badge{font-size:var(--fs-micro);font-weight:600;padding:1px 7px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted)}.nav-item.active .nav-badge{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.sb-spacer{flex:1}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.topbar{height:58px;flex:0 0 58px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:20}.icon-btn{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;border:none;cursor:pointer;background:transparent;color:var(--text-muted);transition:background .12s,color .12s}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.course-switch{display:flex;align-items:center;gap:9px;padding:6px 11px 6px 8px;border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;background:var(--surface-2);transition:border-color .12s,background .12s}.course-switch:hover{border-color:var(--border-strong)}.course-dot{width:24px;height:24px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;aspect-ratio:1/1}.course-switch .cs-name{font-size:var(--fs-sm);font-weight:550}.course-switch .cs-meta{font-size:var(--fs-micro);color:var(--text-faint)}.search-trigger{flex:1;max-width:420px;display:flex;align-items:center;gap:9px;padding:0 12px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-faint);cursor:text;font-size:var(--fs-sm);transition:border-color .12s}.search-trigger:hover{border-color:var(--border-strong)}.search-trigger kbd{margin-left:auto;font-family:var(--font);font-size:var(--fs-micro);font-weight:600;padding:2px 6px;border-radius:5px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-faint)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.streak{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-pill);background:var(--warning-soft);color:var(--warning);font-weight:600;font-size:var(--fs-sm)}.avatar{width:32px;height:32px;border-radius:50%;cursor:pointer;flex:0 0 auto;aspect-ratio:1/1;display:grid;place-items:center;font-weight:600;font-size:13px;color:#fff;background:linear-gradient(140deg,#5b6b8c,#39455c)}.content{flex:1;overflow:auto;min-height:0}.page{max-width:1180px;margin:0 auto;padding:34px 40px 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-title{font-size:var(--fs-title);font-weight:650;letter-spacing:-.02em;margin:0}.page-sub{color:var(--text-muted);font-size:var(--fs-body);margin:6px 0 0}.eyebrow{font-size:var(--fs-cap);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h);padding:0 16px;border-radius:var(--r-sm);font-family:var(--font);font-size:var(--fs-body);font-weight:550;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .13s,border-color .13s,color .13s,transform .08s,box-shadow .13s}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-press)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--text-faint)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.94)}.btn-danger-soft{background:var(--danger-soft);color:var(--danger)}.btn-sm{height:32px;padding:0 12px;font-size:var(--fs-sm)}.btn-lg{height:46px;padding:0 22px;font-size:var(--fs-card)}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--pad-card)}.surface-2{background:var(--surface-2)}.list-row{display:flex;align-items:center;gap:14px;padding:var(--pad-row) var(--pad-card);border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.list-row.clickable{cursor:pointer;transition:background .12s}.list-row.clickable:hover{background:var(--surface-2)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--fs-micro);font-weight:600;letter-spacing:.01em;background:var(--surface-3);color:var(--text-muted);border:1px solid transparent;white-space:nowrap}.chip svg{width:12px;height:12px}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-outline{background:transparent;border-color:var(--border-strong);color:var(--text-muted)}.chip-cite{background:var(--accent-soft-2);color:var(--accent);cursor:pointer}.chip-cite:hover{background:var(--accent-soft)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:var(--fs-sm);font-weight:550;color:var(--text)}.field .hint{font-size:var(--fs-cap);color:var(--text-faint)}.input{height:var(--control-h);padding:0 13px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font);font-size:var(--fs-body);width:100%;transition:border-color .13s,box-shadow .13s}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input.with-icon{padding-left:38px}.input-wrap{position:relative}.input-wrap>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}textarea.input{height:auto;padding:11px 13px;resize:vertical;line-height:1.5}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-3);border-radius:var(--r-sm)}.segmented button{border:none;background:transparent;cursor:pointer;color:var(--text-muted);padding:6px 14px;border-radius:6px;font-family:var(--font);font-size:var(--fs-sm);font-weight:550;transition:background .13s,color .13s;white-space:nowrap}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.switch{position:relative;width:42px;height:24px;flex:0 0 42px;border:none;border-radius:var(--r-pill);background:var(--border-strong);cursor:pointer;transition:background .16s;padding:0}.switch.on{background:var(--accent)}.switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .16s var(--ease)}.switch.on i{transform:translate(18px)}.bar{height:7px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width .5s var(--ease)}.bar.success>i{background:var(--success)}.scrim{position:absolute;inset:0;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:200;display:grid;place-items:center;padding:30px;animation:fade .18s ease}.modal{width:min(560px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:pop .22s var(--ease);overflow:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.toast-wrap{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:10px;align-items:center}.toast{display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:var(--r-md);background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);font-weight:500;animation:pop .2s var(--ease)}[data-theme=dark] .toast{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}.skel{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:7px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--accent-soft);border-top-color:var(--accent);animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-5{gap:5px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-18{gap:18px}.gap-20{gap:20px}.gap-24{gap:24px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.wrap{flex-wrap:wrap}.grow{flex:1}.center{align-items:center}.between{justify-content:space-between}.mono{font-variant-numeric:tabular-nums}.focusable:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring);border-radius:var(--r-sm)}.auth-link{color:var(--accent);font-weight:550;cursor:pointer;font-size:13.5px;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-icon-badge{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}@media(max-width:880px){.auth-brand{display:none!important}}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap)}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.course-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.add-course-card{border-style:dashed;border-color:var(--border-strong);background:transparent;box-shadow:none;cursor:pointer;min-height:280px;transition:border-color .14s,background .14s}.add-course-card:hover{border-color:var(--accent);background:var(--accent-soft-2)}.add-course-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.add-course-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface)}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft-2)}.dropzone.over{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.005)}.gen-pulse{width:64px;height:64px;border-radius:20px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 0 var(--accent-ring);animation:genpulse 1.8s var(--ease) infinite}@keyframes genpulse{0%{box-shadow:0 0 0 0 var(--accent-ring)}70%{box-shadow:0 0 0 16px transparent}to{box-shadow:0 0 0 0 transparent}}.gen-success-ring{width:80px;height:80px;border-radius:50%;background:var(--success);color:#fff;display:grid;place-items:center;animation:pop .4s var(--ease);box-shadow:0 8px 30px color-mix(in srgb,var(--success) 40%,transparent)}.gen-subline{animation:fade .4s ease}.session-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color .13s,box-shadow .13s,transform .1s}.session-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.session-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.session-card.is-today{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 0 0 1px var(--accent-soft)}.session-card.is-review{border-style:dashed;background:var(--surface-2)}.timeline-node{width:48px;height:48px;border-radius:14px;flex:0 0 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text-muted)}.timeline-node.today{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-ring)}.timeline-line{flex:1;width:2px;background:var(--border);margin-top:6px;border-radius:2px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-head{margin-bottom:8px}.cal-wd{text-align:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding-bottom:2px}.cal-cell{position:relative;min-height:58px;border-radius:var(--r-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent}.cal-cell.empty{border:none}.cal-cell.has{background:var(--surface-2);border-color:var(--border);cursor:pointer;transition:border-color .12s,background .12s}.cal-cell.has:hover{border-color:var(--border-strong)}.cal-num{font-size:13.5px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--text)}.cal-cell:not(.has) .cal-num{color:var(--text-faint)}.cal-cell.today{background:var(--accent);border-color:var(--accent)}.cal-cell.today .cal-num{color:#fff;font-weight:700}.cal-cell.examday{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.cal-cell.examday .cal-num{color:var(--danger);font-weight:700}.cal-exam-lbl{font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--danger)}.cal-dots{display:flex;gap:3px;height:6px;align-items:center}.cal-dots i{width:6px;height:6px;border-radius:50%;display:block}.cal-done{position:absolute;top:5px;right:5px;color:var(--success);display:grid;place-items:center}.cite-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:300px;padding:14px;z-index:120;box-shadow:var(--shadow-lg);animation:pop .16s var(--ease);text-align:left}.cite-pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--surface)}.quiz-opt{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;font-family:var(--font);font-size:14.5px;color:var(--text);text-align:left;transition:border-color .12s,background .12s,transform .08s}.quiz-opt:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft-2)}.quiz-opt.sel{border-color:var(--accent);background:var(--accent-soft)}.quiz-opt.correct{border-color:var(--success);background:var(--success-soft)}.quiz-opt.wrong{border-color:var(--danger);background:var(--danger-soft)}.quiz-opt.dim{opacity:.55}.quiz-opt:disabled{cursor:default}.quiz-opt-key{width:26px;height:26px;flex:0 0 26px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);font-weight:700;font-size:12.5px;color:var(--text-muted)}.quiz-opt.sel .quiz-opt-key,.quiz-opt.correct .quiz-opt-key{background:var(--accent);color:#fff}.quiz-opt.correct .quiz-opt-key{background:var(--success)}.quiz-opt.wrong .quiz-opt-key{background:var(--danger);color:#fff}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto}.tab{display:flex;align-items:center;gap:7px;padding:11px 14px;border:none;background:transparent;cursor:pointer;font-family:var(--font);font-size:13.5px;font-weight:550;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .12s,border-color .12s}.tab:hover{color:var(--text)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.reading{max-width:68ch}.reading p{font-size:15.5px;line-height:1.72;color:var(--text);margin:0 0 18px;text-wrap:pretty}.reading .lead{font-size:17px;line-height:1.65}.reading h3{font-size:17px;font-weight:650;margin:30px 0 12px;letter-spacing:-.01em}.reading ul,.reading ol{font-size:15px;line-height:1.7;color:var(--text);padding-left:22px;margin:0 0 18px}.reading li{margin-bottom:8px;padding-left:4px}.reading b{font-weight:650}.cause-list{list-style:none;counter-reset:c;padding-left:0!important}.cause-list li{position:relative;padding:12px 14px 12px 46px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px}.cause-list li:before{counter-increment:c;content:counter(c);position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:12.5px;font-weight:700}.callout{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 26%,transparent);border-radius:var(--r-md);padding:16px 18px;font-size:14px;line-height:1.65;margin:22px 0}.formula{font-family:Inter,serif;font-size:24px;font-weight:600;text-align:center;padding:22px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin:8px 0 18px;letter-spacing:.01em}.formula-note{display:block;font-size:12.5px;font-weight:450;color:var(--text-faint);margin-top:8px;letter-spacing:0}.mindmap{padding:4px 0}.mm-canvas{position:relative;width:100%;height:min(560px,70vh);min-height:380px;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text-faint) 22%,transparent) 1px,transparent 0) 0 0 / 22px 22px,var(--surface-2);overflow:hidden;cursor:grab;touch-action:none}.mm-canvas.grabbing{cursor:grabbing}.mm-stage{position:absolute;top:0;left:0;transform-origin:0 0}.mm-links{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.mm-node{position:absolute;display:flex;align-items:center;gap:9px;padding:0 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:13px;color:var(--text);transition:box-shadow .16s var(--ease),border-color .16s,transform .16s,opacity .2s var(--ease);outline:none;box-sizing:border-box}.mm-node:focus-visible{box-shadow:0 0 0 3px var(--accent-ring)}.mm-label{font-weight:500;line-height:1.3}.mm-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mm-root{background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#7c5cff));color:#fff;border:none;box-shadow:var(--shadow-lg);font-weight:650;font-size:15px;padding:0 18px}.mm-root .mm-label{font-weight:650}.mm-branch-head{cursor:pointer;border-color:color-mix(in srgb,var(--bc) 45%,var(--border));border-left:3px solid var(--bc);font-weight:600}.mm-branch-head:hover{border-color:var(--bc);box-shadow:var(--shadow-md);transform:translate(2px)}.mm-branch-head .mm-label{flex:1;font-weight:600}.mm-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}.mm-count{font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);display:grid;place-items:center;background:color-mix(in srgb,var(--bc) 16%,transparent);color:var(--bc)}.mm-caret{color:var(--text-faint);transition:transform .2s var(--ease);flex:0 0 auto}.mm-child{border-color:color-mix(in srgb,var(--bc) 30%,var(--border));cursor:default}.mm-child:before{content:"";width:6px;height:6px;border-radius:50%;flex:0 0 6px;background:var(--bc);opacity:.6}.mm-child:hover{border-color:var(--bc);box-shadow:var(--shadow-md);transform:translate(2px)}@keyframes mmIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.mm-controls{position:absolute;top:12px;right:12px;z-index:5;display:flex;flex-direction:column;gap:6px}.mm-ctl{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s,color .12s,border-color .12s}.mm-ctl:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.mm-ctl-fit{color:var(--accent)}.mm-hint{position:absolute;bottom:12px;left:14px;z-index:5;display:flex;align-items:center;gap:6px;font-size:11.5px;background:color-mix(in srgb,var(--surface) 80%,transparent);padding:5px 9px;border-radius:var(--r-pill);border:1px solid var(--border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media(max-width:680px){.mm-hint{display:none}}.focus-stage{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);z-index:60;align-items:center}.focus-top{width:100%;display:flex;align-items:center;gap:14px;padding:18px 24px}.focus-body{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:10px 24px}.focus-bottom{width:100%;display:flex;justify-content:center;padding:24px;min-height:120px;align-items:center}.flashcard{width:min(620px,100%);height:min(380px,52vh);cursor:pointer;perspective:1800px}.flashcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s var(--ease)}.flashcard.flipped .flashcard-inner{transform:rotateX(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;padding:40px;text-align:center}.flashcard-face.back{transform:rotateX(180deg);background:var(--surface-2)}.fc-q{font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-.01em;text-wrap:balance}.fc-a{font-size:17px;line-height:1.65;color:var(--text);max-width:48ch;text-wrap:pretty}.fc-a b{font-weight:650}.fc-hint{position:absolute;bottom:20px;display:flex;align-items:center;gap:6px;font-size:12px}.rate-btn{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;min-width:104px;padding:13px 18px 22px;border-radius:var(--r-md);border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;font-family:var(--font);color:var(--text);transition:border-color .12s,background .12s,transform .08s}.rate-btn:hover{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 8%,var(--surface));transform:translateY(-2px)}.rate-btn:hover span:first-child{color:var(--rc)}.rate-kb{position:absolute;bottom:6px;font-size:10px;color:var(--text-faint);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:var(--font)}.tutor-page{overflow:hidden}.tutor-chat{flex:1;overflow-y:auto;padding:8px 4px 20px;min-height:0}.tutor-ava{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#7c5cff));color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.bubble{max-width:74%;padding:13px 16px;border-radius:var(--r-lg);font-size:14.5px;line-height:1.6}.bubble-user{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.bubble-ai{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:5px;box-shadow:var(--shadow-sm)}.bubble-ai b{font-weight:650}.bubble-quiz{background:var(--accent-soft-2);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));max-width:80%}.suggest-chip{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--text);transition:border-color .12s,background .12s,transform .08s}.suggest-chip:hover{border-color:var(--accent);background:var(--accent-soft-2);transform:translate(2px)}.tutor-composer{padding:14px 4px 18px;flex:0 0 auto}.composer-box{display:flex;align-items:flex-end;gap:8px;padding:7px 8px;border:1.5px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .13s,box-shadow .13s}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.composer-input{flex:1;border:none;background:transparent;resize:none;font-family:var(--font);font-size:14.5px;line-height:1.5;color:var(--text);padding:9px 4px;max-height:140px;outline:none}.composer-input::placeholder{color:var(--text-faint)}.think-dots{display:inline-flex;gap:4px}.think-dots i{width:6px;height:6px;border-radius:50%;background:var(--text-faint);animation:think 1.2s ease infinite}.think-dots i:nth-child(2){animation-delay:.15s}.think-dots i:nth-child(3){animation-delay:.3s}@keyframes think{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.m-app{height:100%;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.m-body{flex:1;min-height:0;overflow:hidden;display:flex}.m-scroll{flex:1;overflow-y:auto;min-height:0;width:100%}.m-pad{padding:16px}.m-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:16px 16px 12px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.m-tabbar{flex:0 0 auto;display:flex;padding:8px 6px calc(8px + env(safe-area-inset-bottom,6px));background:var(--surface);border-top:1px solid var(--border)}.m-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;cursor:pointer;color:var(--text-faint);font-family:var(--font);font-size:10.5px;font-weight:550;padding:5px 0;transition:color .12s}.m-tab.on{color:var(--accent)}.fade-in{animation:fade .26s ease}.rise{animation:rise .3s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:var(--text);color:var(--bg);font-size:11.5px;font-weight:550;line-height:1.3;white-space:nowrap;padding:5px 9px;border-radius:7px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .14s var(--ease),transform .14s var(--ease);z-index:400;letter-spacing:.01em}[data-tip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:var(--text);opacity:0;pointer-events:none;transition:opacity .14s var(--ease),transform .14s var(--ease);z-index:400}[data-tip]:hover:after,[data-tip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}[data-theme=dark] [data-tip]:after{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}[data-theme=dark] [data-tip]:before{border-top-color:var(--border-strong)}[data-tip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px)}[data-tip-pos=bottom]:before{bottom:auto;top:calc(100% + 3px);border-top-color:transparent;border-bottom-color:var(--text)}[data-theme=dark] [data-tip-pos=bottom]:before{border-bottom-color:var(--border-strong)}[data-tip-pos=left]:after{left:auto;right:calc(100% + 8px);bottom:50%;transform:translateY(50%) translate(4px)}[data-tip-pos=left]:hover:after{transform:translateY(50%) translate(0)}[data-tip-pos=left]:before{display:none}@media(hover:none){[data-tip]:after,[data-tip]:before{display:none}}@media(prefers-reduced-motion:reduce){.rise,.fade-in,.gen-pulse{animation:none!important}}