:root{--canvas: 245 246 248;--surface: 255 255 255;--surface-2: 238 240 244;--line: 227 230 236;--ink: 17 24 39;--muted: 100 110 128;--primary: 37 70 180;--primary-deep: 15 27 61;--tint: 233 237 245;--ok: 21 128 61;--ok-soft: 220 252 231;--danger: 185 28 28;--danger-soft: 254 226 226;--r-hero: 28px;--r-card: 24px;--r-ctl: 14px;--spring: cubic-bezier(.2, .9, .3, 1.2);--display: ui-rounded, "SF Pro Rounded", -apple-system, "Segoe UI", system-ui, sans-serif;--body: -apple-system, "Segoe UI", system-ui, Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:rgb(var(--primary-deep))}body{margin:0;background:rgb(var(--canvas));color:rgb(var(--ink));font:16px/1.5 var(--body);min-height:100vh}.status-strip{position:sticky;top:0;height:4px;background:rgb(var(--primary-deep));z-index:30}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:active{transform:scale(.97);transition:transform .08s}button:not(:active){transition:transform .35s var(--spring)}.wrap{max-width:680px;margin:0 auto;padding:0 16px 48px}.hero{position:relative;overflow:hidden;color:#fff;border-radius:0 0 var(--r-hero) var(--r-hero);padding:calc(env(safe-area-inset-top) + 18px) 20px 26px;background:radial-gradient(120% 90% at 100% 0%,rgb(var(--primary) / .55),transparent 60%),linear-gradient(160deg,rgb(var(--primary-deep)),#0a1026)}.hero-inner{max-width:680px;margin:0 auto}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hello{opacity:.75;font-size:14px}.hero h1{font:800 26px/1.15 var(--display);letter-spacing:-.02em;margin:4px 0 0}.glass{background:#ffffff0f;border:1px solid rgb(255 255 255 / .1);color:#fff;border-radius:999px;padding:8px 14px;font-size:14px;min-height:40px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.stat{background:#ffffff0f;border:1px solid rgb(255 255 255 / .1);border-radius:18px;padding:12px}.stat b{display:block;font:800 26px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{font-size:12px;opacity:.7}.bar{height:8px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin-top:16px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7aa2ff,#fff);border-radius:inherit;transform-origin:left;transition:transform .6s var(--spring)}.card{background:rgb(var(--surface));border:1px solid rgb(var(--line) / .6);border-radius:var(--r-card);box-shadow:inset 0 1px #fff,0 1px 2px #1118270a,0 8px 24px -12px #1118271f}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 8px}.btn{min-height:48px;border-radius:var(--r-ctl);padding:0 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:rgb(var(--primary));color:#fff}.btn-soft{background:rgb(var(--tint));color:rgb(var(--primary))}.btn-ghost{background:rgb(var(--surface));border:1px solid rgb(var(--line))}.btn[disabled]{opacity:.45;pointer-events:none}.section-title{font:800 15px var(--display);color:rgb(var(--muted));margin:22px 4px 10px;letter-spacing:-.01em}.topics{display:grid;gap:10px}.topic{text-align:left;padding:16px;display:grid;gap:10px;width:100%;animation:rise .4s var(--spring) both}.topic-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.topic-name{font-weight:700;line-height:1.3}.topic-count{font:800 15px var(--display);color:rgb(var(--muted));white-space:nowrap;font-variant-numeric:tabular-nums}.tbar{height:6px;border-radius:99px;background:rgb(var(--surface-2));overflow:hidden;display:flex}.tbar .ok{background:rgb(var(--ok))}.tbar .bad{background:rgb(var(--danger) / .75)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.qhead{display:flex;align-items:center;gap:10px}.qhead .meta{flex:1;min-width:0}.qhead .meta div{font-size:13px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qhead .meta b{font:800 20px var(--display);letter-spacing:-.02em}.icon-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;flex:none}.dots{display:flex;gap:4px;margin-top:16px;flex-wrap:wrap}.dots i{width:8px;height:8px;border-radius:99px;background:#fff3}.dots i.ok{background:#6ee7a0}.dots i.bad{background:#fca5a5}.dots i.cur{outline:2px solid #fff;outline-offset:1px}.qcard{padding:20px;margin-top:16px;animation:rise .35s var(--spring) both}.qtext{font-size:17px;font-weight:600;line-height:1.5;margin:0 0 16px}.opts{display:grid;gap:8px}.opt{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;min-height:52px;padding:13px 14px;border-radius:var(--r-ctl);border:1.5px solid rgb(var(--line));background:rgb(var(--surface));line-height:1.4}.opt .l{flex:none;width:26px;height:26px;border-radius:99px;display:grid;place-items:center;font:800 13px var(--display);background:rgb(var(--surface-2));color:rgb(var(--muted))}.opt.right{border-color:rgb(var(--ok));background:rgb(var(--ok-soft))}.opt.right .l{background:rgb(var(--ok));color:#fff}.opt.wrong{border-color:rgb(var(--danger));background:rgb(var(--danger-soft));animation:shake .35s}.opt.wrong .l{background:rgb(var(--danger));color:#fff}.opt.dim{opacity:.55}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.explain{margin-top:14px;padding:16px;border-radius:18px;animation:rise .35s var(--spring) both}.explain.ok{background:rgb(var(--ok-soft));color:#14532d}.explain.bad{background:rgb(var(--danger-soft));color:#7f1d1d}.explain b{display:block;font:800 16px var(--display);margin-bottom:4px}.explain small{display:block;margin-top:6px;opacity:.7}.qnav{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}.ask-row{margin-top:10px}.ask-row .btn{width:100%}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;color:#fff;background:radial-gradient(120% 70% at 100% 0%,rgb(var(--primary) / .55),transparent 60%),linear-gradient(160deg,rgb(var(--primary-deep)),#0a1026)}.login-box{width:100%;max-width:340px;text-align:center}.login h1{font:800 28px var(--display);letter-spacing:-.02em;margin:12px 0 4px}.login p{opacity:.7;margin:0 0 22px}.names{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.names .glass.on{background:#fff;color:rgb(var(--primary-deep))}.pin-dots{display:flex;gap:14px;justify-content:center;margin-bottom:24px;height:16px}.pin-dots i{width:14px;height:14px;border-radius:99px;border:2px solid rgb(255 255 255 / .5);transition:transform .2s var(--spring)}.pin-dots i.on{background:#fff;border-color:#fff;transform:scale(1.1)}.pin-dots.err{animation:shake .35s}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pad button{height:64px;border-radius:999px;font:700 24px var(--display);background:#ffffff0f;border:1px solid rgb(255 255 255 / .1);color:#fff}.pad .blank{visibility:hidden}.login .err-msg{min-height:22px;margin-top:16px;color:#fca5a5;font-size:14px}.scrim{position:fixed;inset:0;background:#0a102673;z-index:40;animation:fade .2s both}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:680px;margin:0 auto;height:min(86vh,760px);background:rgb(var(--canvas));border-radius:var(--r-hero) var(--r-hero) 0 0;display:flex;flex-direction:column;animation:up .35s var(--spring) both;padding-bottom:env(safe-area-inset-bottom)}@keyframes up{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.sheet-head{padding:10px 16px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgb(var(--line))}.sheet-head .grab{position:absolute;left:50%;top:6px;width:40px;height:5px;border-radius:9px;background:rgb(var(--line));transform:translate(-50%)}.sheet-head b{flex:1;font:800 18px var(--display);padding-top:8px}.sheet-head small{color:rgb(var(--muted));font-size:12px;padding-top:8px}.msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.msg{max-width:88%;padding:10px 14px;border-radius:18px;white-space:pre-wrap;word-wrap:break-word;line-height:1.5;font-size:15px;animation:rise .25s both}.msg.user{align-self:flex-end;background:rgb(var(--primary));color:#fff;border-bottom-right-radius:6px}.msg.ai{align-self:flex-start;background:rgb(var(--surface));border:1px solid rgb(var(--line) / .7);border-bottom-left-radius:6px}.msg.ai.typing:after{content:"\258d";animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 12px;border-radius:999px;background:rgb(var(--tint));color:rgb(var(--primary));font-size:14px;font-weight:600;min-height:38px}.composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgb(var(--line));background:rgb(var(--surface))}.composer textarea{flex:1;resize:none;border:1px solid rgb(var(--line));border-radius:var(--r-ctl);padding:11px 12px;font:16px/1.4 var(--body);max-height:120px;background:rgb(var(--canvas));color:rgb(var(--ink))}.composer textarea:focus{outline:2px solid rgb(var(--primary) / .4);border-color:transparent}.composer .btn{min-width:64px}#toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:60;background:rgb(var(--primary-deep));color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;pointer-events:none;transition:.3s var(--spring);max-width:90vw}#toast.show{opacity:1;transform:translate(-50%)}.empty{text-align:center;padding:28px 16px;color:rgb(var(--muted))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.wrap.wide{max-width:1240px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.side-chat{position:sticky;top:16px;margin-top:16px;height:calc(100vh - 128px);min-height:420px;display:flex;flex-direction:column;overflow:hidden}.side-chat .sheet-head{background:rgb(var(--surface))}.side-chat .sheet-head b,.side-chat .sheet-head small{padding-top:0}.side-chat .msgs{background:rgb(var(--canvas))}@media (max-width: 599px){.sheet-head small{display:none}}.msg.ai{white-space:normal}.msg.ai p{margin:0 0 8px}.msg.ai p:last-child{margin-bottom:0}.msg.ai h4{font:800 15px var(--display);margin:10px 0 6px}.msg.ai h4:first-child{margin-top:0}.msg.ai blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid rgb(var(--primary));background:rgb(var(--tint));border-radius:0 10px 10px 0}.msg.ai code{background:rgb(var(--surface-2));padding:1px 5px;border-radius:6px;font-size:.92em}.tbl{overflow-x:auto;margin:8px 0;border:1px solid rgb(var(--line));border-radius:12px}.tbl table{border-collapse:collapse;width:100%;font-size:14px}.tbl th,.tbl td{padding:7px 10px;text-align:left;border-bottom:1px solid rgb(var(--line));vertical-align:top}.tbl th{background:rgb(var(--surface-2));font-weight:700;white-space:nowrap}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:nth-child(2n) td{background:rgb(var(--canvas))}