:root{--bg:#fbfbfd;--card:#fff;--ink:#1d1d1f;--mute:#6e6e73;--line:#e5e5ea;--soft:#f2f2f7;--accent:#0071e3;--accent-ink:#fff;--good:#1f9d55;--bad:#d93025;--r:20px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media(prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--ink:#f5f5f7;--mute:#98989d;--line:#2c2c2e;--soft:#2c2c2e;--accent:#2997ff}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.47 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:8px 22px 80px}.top{display:flex;justify-content:space-between;align-items:center;max-width:680px;width:100%;margin:0 auto;padding:18px 22px 6px}.word{font-weight:700;font-size:19px;letter-spacing:-.02em}.icon{background:none;border:0;padding:8px;border-radius:50%;color:var(--mute);display:grid;place-items:center}.icon:hover{background:var(--soft);color:var(--ink)}.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:980px;padding:13px 26px;font-weight:600;font-size:17px;transition:transform .12s,opacity .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:default}.btn.ghost{background:var(--soft);color:var(--ink)}.btn.danger{background:transparent;color:var(--bad);border:1px solid var(--line);width:100%}.link{background:none;border:0;color:var(--accent);padding:6px;font-size:15px;display:inline-flex;gap:6px;align-items:center}.link.danger{color:var(--mute)}.link.center{display:flex;margin:18px auto 0}.link.small{font-size:14px;color:var(--mute)}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.row.two{min-height:50px}.row.two>*{flex:1;max-width:220px}.sub{color:var(--mute);font-size:19px;line-height:1.4}.muted{color:var(--mute)}.small{font-size:14px}.err{color:var(--bad);text-align:center;margin-top:14px;font-size:15px}.note{background:var(--soft);border-radius:12px;padding:10px 14px;font-size:14px;color:var(--mute);margin-top:12px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;color:var(--mute)}.hero{text-align:center;padding:9vh 0 34px}.hero h1{font-size:clamp(40px,9vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:700;margin-bottom:18px}.hero p{font-size:clamp(18px,3.4vw,22px);color:var(--mute);line-height:1.38}.drop{border:1.5px dashed var(--line);border-radius:28px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;color:var(--mute);transition:all .15s;background:var(--card)}.drop b{color:var(--ink);font-weight:600}.drop.big{padding:64px 20px}.drop:hover,.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card));color:var(--accent)}.drop.busy{cursor:default;border-style:solid;border-color:var(--line)}.drop small{font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pastebox{margin-top:12px}.pastebox textarea,.composer textarea,select{width:100%;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px 16px;resize:vertical;outline:none}.pastebox textarea:focus,.composer textarea:focus,select:focus{border-color:var(--accent)}.today{display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:var(--accent-ink);border-radius:var(--r);padding:20px 24px;margin:6px 0 16px;font-size:19px}.today b{font-size:28px;font-weight:700;margin-right:4px}.today .go{font-weight:600}.shelf{margin-top:30px;display:grid;gap:12px}.mat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;display:block;transition:transform .12s,box-shadow .12s}.mat:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0000000f}.mat-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mat h2{font-size:19px;font-weight:600;letter-spacing:-.01em}.mat p{color:var(--mute);font-size:15px;margin:2px 0 14px}.badge{background:var(--accent);color:var(--accent-ink);border-radius:980px;padding:2px 10px;font-size:13px;font-weight:600;white-space:nowrap}.bar{height:4px;background:var(--soft);border-radius:4px;overflow:hidden;flex:1}.bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s}.back{display:inline-flex;gap:6px;align-items:center;color:var(--accent);font-size:15px;padding:10px 0}.mhead{padding:10px 0 4px}.mhead h1{font-size:clamp(30px,6vw,42px);line-height:1.1;letter-spacing:-.03em;font-weight:700;margin-bottom:10px}.build{display:flex;gap:14px;align-items:center;margin:18px 0 0;font-size:14px;color:var(--mute);flex-wrap:wrap}.build .bar{min-width:90px;max-width:160px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0 0;text-align:center}.numbers div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 4px}.numbers b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em}.numbers span{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.tabs{display:flex;gap:4px;background:var(--soft);padding:4px;border-radius:12px;margin:34px 0 20px}.tabs button{flex:1;border:0;background:none;padding:9px;border-radius:9px;font-weight:600;font-size:15px;color:var(--mute)}.tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0000001a}.rich h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:26px 0 8px}.rich h3:first-child{margin-top:4px}.rich p{margin:8px 0}.rich ul{margin:6px 0 10px;padding-left:22px}.rich li{margin:6px 0}.part{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-weight:600;margin:38px 0 6px;padding-top:22px;border-top:1px solid var(--line)}.notes article:first-child .part{border:0;margin-top:0;padding:0}.pending{color:var(--mute);font-size:14px;margin-top:12px}.thread{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.turn{max-width:92%;padding:12px 16px;border-radius:20px}.turn.user{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:6px}.turn.assistant{background:var(--soft);border-bottom-left-radius:6px}.turn .src{display:block;margin-top:8px;color:var(--mute);font-size:12px}.starters{text-align:center;margin:10px 0 20px;display:flex;flex-direction:column;gap:10px;align-items:center}.chip{border:1px solid var(--line);background:var(--card);border-radius:980px;padding:9px 16px;font-size:15px}.chip:hover{border-color:var(--accent);color:var(--accent)}.composer{display:flex;gap:8px;align-items:flex-end;position:sticky;bottom:12px;background:var(--bg);padding-top:6px}.composer textarea{resize:none;border-radius:22px}.send{width:46px;height:46px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}.send:disabled{opacity:.35}.dots{display:flex;gap:5px;width:64px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--mute);animation:b 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes b{0%,60%,to{opacity:.25}30%{opacity:1}}.stage{min-height:100vh;display:flex;flex-direction:column;padding:20px 0 40px}.stage.center-all{justify-content:center;align-items:center;text-align:center;gap:14px}.stage h1{font-size:44px;letter-spacing:-.03em}.topline{display:flex;align-items:center;gap:14px;margin-bottom:30px;color:var(--mute);font-size:14px}.flash{all:unset;box-sizing:border-box;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:28px;min-height:300px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 8px 40px #0000000d}.flash small{color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.flash .big{font-size:clamp(22px,4.6vw,30px);line-height:1.25;letter-spacing:-.015em;font-weight:600;margin:auto 0}.flash.flipped{background:color-mix(in srgb,var(--accent) 5%,var(--card))}.flash .hint{opacity:.7}.qtext{font-size:clamp(22px,4.4vw,28px);line-height:1.28;letter-spacing:-.02em;font-weight:600;margin:8px 0 22px}.opts{display:grid;gap:10px}.opt{text-align:left;display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:15px 18px;font-size:17px;line-height:1.35;transition:border-color .12s}.opt span{font-weight:700;color:var(--mute);width:16px;flex:none}.opt:hover:not(:disabled){border-color:var(--accent)}.opt.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--card))}.opt.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--card))}.opt.dim{opacity:.5}.why{margin-top:16px;padding:14px 18px;border-radius:14px;background:var(--soft);font-size:16px}.why.ok b{color:var(--good)}.why.no b{color:var(--bad)}.result{align-items:center;text-align:center}.score{font-size:clamp(88px,22vw,140px);font-weight:700;letter-spacing:-.05em;line-height:1;margin:10px 0 6px}.score span{font-size:.4em;color:var(--mute)}.topics{width:100%;max-width:420px;margin:26px auto 0;display:grid;gap:10px;text-align:left}.topics div{display:grid;grid-template-columns:1fr 90px 36px;gap:10px;align-items:center;font-size:14px}.topics em{font-style:normal;color:var(--mute);text-align:right}.missed{width:100%;text-align:left;margin-top:34px}.missed h3{font-size:20px;margin-bottom:10px}.miss{border-top:1px solid var(--line);padding:14px 0}.miss p{color:var(--good);margin-top:4px}.miss small{display:block;color:var(--mute);margin-top:4px;font-size:14px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--card);width:100%;max-width:520px;border-radius:24px 24px 0 0;padding:20px 22px 28px;display:grid;gap:16px}@media(min-width:600px){.sheet-bg{align-items:center}.sheet{border-radius:24px}}.sheet-h{display:flex;justify-content:space-between;align-items:center;font-size:20px}.sheet label{display:grid;gap:8px;font-size:14px;color:var(--mute)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:980px;font-size:14px;opacity:0;pointer-events:none;transition:all .2s}.toast:not(:empty){opacity:1;transform:translate(-50%)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.no-print,.top,.toast{display:none!important}body{background:#fff;color:#000;font-size:12pt}main{max-width:none;padding:0}.part{border-color:#999}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}