:root{--bg:#FBF6F3;--surface:#FFFFFF;--raise:#F6EDF1;--raise2:#EEDFE7;--line:rgba(70,30,60,.08);--line2:rgba(70,30,60,.14);--text:#2A1F33;--muted:#7B6E86;--faint:#BDB2C6;--accent:#F0468A;--accent-ink:#FFFFFF;--mint:#2BB5A0;--violet:#8B6CF0;--amber:#F2A33A;--ok:#34B27A;--danger:#E23D5C;--clip1:#F0468A;--clip2:#8B6CF0;--clip3:#FF9A6C;--clip4:#2BB5A0;--clip5:#4FA3F5;--clip6:#F2C14E;--clip7:#FF6B8B;--clip8:#C05CD6;--glow1:#FFC2D6;--glow2:#D9CCFF;--glow3:#FFE0C2;--shadow:0 18px 50px rgba(120,60,90,.12);--r:22px;--r2:16px;--r3:12px;--dock-h:74px;color-scheme:light}:root[data-theme=night]{--bg:#1A1420;--surface:#241C2E;--raise:#2E2440;--raise2:#3A2E50;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#F4EEF7;--muted:#A697B4;--faint:#6B5E7A;--accent:#FF5C99;--accent-ink:#2A0E1B;--mint:#4FD1C5;--violet:#A78BFA;--amber:#FFC857;--ok:#7BE495;--danger:#FF5C7A;--clip1:#FF5C99;--clip2:#A78BFA;--clip3:#FFB088;--clip4:#4FD1C5;--clip5:#7CB8FF;--clip6:#FFD56A;--clip7:#FF8FA8;--clip8:#D98BF0;--glow1:#FF5C99;--glow2:#A78BFA;--glow3:#FFB088;--shadow:0 18px 50px rgba(0,0,0,.45);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html,body,#root{overflow-x:clip}html{background:var(--bg)}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s,color .25s}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:#f0468a40}.display{font-family:Unbounded,Manrope,sans-serif;letter-spacing:-.01em}.press{transition:transform .12s cubic-bezier(.22,.61,.36,1),opacity .12s}.press:active{transform:scale(.975);opacity:.92}.dockpress{transition:transform .15s cubic-bezier(.22,.61,.36,1)}.dockpress:active{transform:scale(.9)}.app{min-height:100%;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px calc(var(--dock-h) + env(safe-area-inset-bottom,0px) + 24px)}.page.wide{max-width:980px}.topbar{display:flex;align-items:center;justify-content:space-between;height:44px;margin-bottom:8px}.mark{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;font-size:15px}.mark .bars{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:26px}.mark .bars i{height:5px;border-radius:3px;display:block}.mark .bars i:nth-child(1){grid-column:1/3;background:var(--clip1)}.mark .bars i:nth-child(2){background:var(--clip2)}.mark .bars i:nth-child(3){background:var(--clip3)}.iconbtn{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.iconbtn:hover{color:var(--text)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.h1{font-size:30px;font-weight:800;line-height:1.08;letter-spacing:-.02em}.h2{font-size:20px;font-weight:800;line-height:1.15;letter-spacing:-.01em}.lead{font-size:16px;line-height:1.5;color:var(--muted)}.muted{color:var(--muted)}.sec{margin-top:28px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.sec-head .eyebrow{margin:0}.link{color:var(--accent);font-weight:700;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.card.raise{background:var(--raise)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:16px;font-weight:800;font-size:16px;background:var(--raise);border:1px solid var(--line);color:var(--text)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.ghost{background:transparent}.btn.sm{height:40px;padding:0 14px;font-size:14px;border-radius:12px}.btn:disabled{opacity:.4;cursor:default}.btn.block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--raise);border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.chip.on{background:var(--text);color:var(--bg);border-color:transparent}.row{display:flex;gap:8px;flex-wrap:wrap}.hscroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.mission{position:relative;overflow:hidden;border-radius:26px;padding:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.mission .glow{position:absolute;inset:auto -30% -55% auto;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--glow1),transparent 70%);opacity:.7;filter:blur(28px);pointer-events:none}.mission .glow.b{inset:-50% auto auto -25%;width:60%;background:radial-gradient(closest-side,var(--glow2),transparent 70%);opacity:.6}[data-theme=night] .mission .glow{opacity:.3}.mission .strip{display:flex;gap:4px;height:44px;margin:18px 0 16px}.mission .strip i{flex:1;border-radius:8px;background:var(--raise2);position:relative;overflow:hidden}.mission .strip i.hot{background:var(--accent)}.mission .meta{display:flex;gap:14px;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:16px}.dock{position:fixed;left:0;right:0;bottom:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none;z-index:20}.dock .tray{pointer-events:auto;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:520px;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line2);border-radius:24px;padding:6px;box-shadow:var(--shadow)}.dock .seat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;border-radius:18px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.02em}.dock .seat.on{color:var(--text);background:var(--raise)}.dock .seat svg{width:22px;height:22px}.lesson-head{display:flex;align-items:center;gap:12px;height:44px}.lesson-head .steps{flex:1;display:flex;gap:4px}.lesson-head .steps i{flex:1;height:5px;border-radius:3px;background:var(--raise2)}.lesson-head .steps i.done{background:var(--mint)}.lesson-head .steps i.now{background:var(--accent)}.part{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 8px}.part .name{font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.part .time{font-size:13px;font-weight:700;color:var(--muted)}.prompt{font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin:6px 0 16px}.prompt b{color:var(--accent);font-weight:800}.scene{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}.answer{margin-top:16px}.choices{display:grid;gap:8px}.choice{text-align:left;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center}.choice.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.choice.ok{border-color:var(--ok)}.choice.bad{border-color:var(--danger)}.helper{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none}.helper .panel{pointer-events:auto;width:100%;max-width:720px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line2);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.helper .say{display:flex;gap:12px;padding:14px 16px 10px;align-items:flex-start}.orb{width:36px;height:36px;border-radius:50%;flex:none;background:conic-gradient(from 200deg,var(--mint),var(--violet),var(--accent),var(--mint));position:relative}.orb:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}.orb.talk:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid color-mix(in srgb,var(--mint) 60%,transparent);animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}.helper .text{font-size:15px;line-height:1.45}.helper .tools{display:flex;gap:6px;padding:0 12px 12px;overflow-x:auto;scrollbar-width:none}.helper .tools::-webkit-scrollbar{display:none}.helper .tools .chip{flex:none;height:36px}.helper .tools .chip.hot{color:var(--text)}.fracpad{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}@media (max-width:520px){.fracpad{grid-template-columns:1fr}}.fracshow{display:flex;align-items:center;justify-content:center;min-height:150px}.frac{display:inline-flex;flex-direction:column;align-items:center;font-weight:800;font-size:44px;line-height:1}.frac .n,.frac .d{min-width:1.6em;text-align:center;padding:6px 10px}.frac .n.on,.frac .d.on{color:var(--accent)}.frac .n.empty,.frac .d.empty{color:var(--faint)}.frac hr{width:100%;border:none;height:4px;border-radius:2px;background:var(--text);margin:2px 0}.frac.small{font-size:22px}.frac.small hr{height:3px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{height:56px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-weight:800;font-size:22px;display:grid;place-items:center}.key.op{color:var(--muted);font-size:16px}.key.go{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-size:16px;grid-column:span 1}.numpad .key{font-size:22px}.verdict{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45}.verdict.ok{border-color:color-mix(in srgb,var(--ok) 55%,transparent)}.verdict.bad{border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.verdict .dot{width:10px;height:10px;border-radius:50%;margin-top:7px;flex:none;background:var(--muted)}.verdict.ok .dot{background:var(--ok)}.verdict.bad .dot{background:var(--danger)}.skillgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.skill{padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-height:132px}.skill .name{font-weight:800;font-size:15px;line-height:1.3}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--muted)}.status i{width:8px;height:8px;border-radius:50%;background:var(--faint)}.status.s1 i{background:var(--violet)}.status.s2 i{background:var(--amber)}.status.s3 i{background:var(--mint)}.status.s4 i{background:var(--ok)}.work{flex:none;width:180px;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}.work .frame{height:104px;display:flex;align-items:flex-end;gap:3px;padding:12px;background:var(--raise)}.work .frame i{flex:1;border-radius:4px}.work .cap{padding:10px 12px 12px;font-size:13px;font-weight:700;line-height:1.3}.work .cap small{display:block;color:var(--muted);font-weight:600;margin-top:3px}.textarea{width:100%;min-height:110px;resize:vertical;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);outline:none;line-height:1.45;font-size:16px}.textarea:focus{border-color:var(--accent)}.sheet-dim{position:fixed;inset:0;background:#00000080;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:720px;margin:0 auto;background:var(--surface);border-radius:26px 26px 0 0;padding:18px 18px calc(24px + env(safe-area-inset-bottom,0px));border:1px solid var(--line2)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}