:root{--paper: #faf7f2;--paper-raise: #ffffff;--paper-sink: #f3efe6;--ink: #1f1c18;--ink-2: #3f3d36;--ink-3: #8a8478;--rule: rgba(31,28,24,.08);--rule-strong: rgba(31,28,24,.16);--accent: #2b5fa8;--accent-soft: #e8eff9;--accent-deep: #1e4480;--warn: #b87215;--good: #3d7a4d}html,body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}.serif{font-family:"Instrument Serif",serif;letter-spacing:-.01em}.script-serif{font-family:"Source Serif 4","Source Serif Pro",Charter,Georgia,serif;font-optical-sizing:auto}.mono{font-family:JetBrains Mono,monospace}.hairline{border-color:var(--rule)}.btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;padding:8px 12px;border-radius:8px;border:1px solid var(--rule);background:#fff;transition:all .12s ease}.btn:hover{background:#f7f7f5}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover{background:#000}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#1111100d}.field{border:1px solid var(--rule);background:#fff;border-radius:8px;padding:10px 12px;font-size:14px;width:100%;outline:none;transition:border .15s,box-shadow .15s}.field:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1111100f}.chip{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid rgba(17,17,16,.1);background:#11111005;display:inline-flex;align-items:center;gap:4px;line-height:1.6}.kbd{font-family:JetBrains Mono,monospace;font-size:10px;padding:1px 5px;border-radius:4px;border:1px solid var(--rule);background:#fff;color:var(--ink-3)}.glass-card{background:var(--paper-raise);border:1px solid var(--rule);border-radius:14px}[data-theme=ink] .glass-card{background:#1c1c1e!important;border-color:#54545859!important}.text-hs-blue{color:var(--accent)!important}.bg-hs-blue{background:var(--accent)!important}.border-hs-blue\/20{border-color:#2b5fa840!important}.bg-hs-blue\/10{background:var(--accent-soft)!important}.bg-hs-blue\/20{background:#2b5fa833!important}.hover\:bg-blue-600:hover{background:var(--accent-deep)!important}.hover\:text-hs-blue:hover{color:var(--accent)!important}.hover\:border-hs-blue\/30:hover{border-color:#2b5fa859!important}.focus\:border-hs-blue:focus{border-color:var(--accent)!important}.shadow-blue-500\/20{box-shadow:0 4px 16px #2b5fa82e!important}.atelier-scroll::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#1111102e;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.atelier-scroll::-webkit-scrollbar-thumb{background:#1111102e;border-radius:8px}.atelier-scroll::-webkit-scrollbar-track{background:transparent}.tab-btn[data-active=true]{background:var(--ink);color:#fff}.phase-rail-dot{transition:all .18s ease}.phase-rail-item[data-active=true] .phase-rail-dot{background:var(--accent);border-color:var(--accent)}.phase-rail-item[data-done=true] .phase-rail-dot{background:var(--good);border-color:var(--good)}.xp-float{animation:xpFloat 1.5s ease-out forwards}@keyframes xpFloat{0%{opacity:0;transform:translateY(8px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-2px)}to{opacity:0;transform:translateY(-20px)}}.badge-pop{animation:badgePop .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes badgePop{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:none}}.line-enter{animation:lineEnter .4s ease both}@keyframes lineEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.capture-input{margin-top:8px;width:100%;border:1px solid var(--rule);background:#fff;border-radius:6px;padding:6px 10px;font-size:14px;outline:none}.capture-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}html[data-theme=ink],html[data-theme=ink] body{background:#000!important;color:#ebebf0!important}[data-theme=ink]{--paper: #000;--paper-raise: #1c1c1e;--paper-sink: #2c2c2e;--ink: #ebebf0;--ink-2: #d1d1d6;--ink-3: #8e8e93;--rule: rgba(84,84,88,.35);--rule-strong: rgba(84,84,88,.6);--accent: #0a84ff;--accent-soft: rgba(10,132,255,.15);--accent-deep: #409cff;--warn: #ffd60a;--good: #30d158}[data-theme=ink] .btn{background:#2c2c2e!important;color:#ebebf0!important;border-color:transparent!important}[data-theme=ink] .btn:hover{background:#3a3a3c!important}[data-theme=ink] .btn-primary{background:#ebebf0!important;color:#000!important;border-color:#ebebf0!important}[data-theme=ink] .btn-accent{background:#0a84ff!important;color:#fff!important;border-color:#0a84ff!important}[data-theme=ink] .btn-accent:hover{background:#409cff!important;border-color:#409cff!important}[data-theme=ink] .btn-ghost{background:transparent!important;color:#ebebf0!important}[data-theme=ink] .btn-ghost:hover{background:#ebebf014!important}[data-theme=ink] .field{background:#1c1c1e!important;color:#ebebf0!important;border-color:#38383a!important}[data-theme=ink] .field::placeholder{color:#636366!important}[data-theme=ink] .field:focus{border-color:#0a84ff!important;box-shadow:0 0 0 3px #0a84ff33!important}[data-theme=ink] .hairline{border-color:#54545859!important}[data-theme=ink] .bg-white,[data-theme=ink] .bg-ink-50{background:#1c1c1e!important}[data-theme=ink] .bg-ink-100{background:#2c2c2e!important}[data-theme=ink] .text-ink-400{color:#8e8e93!important}[data-theme=ink] .text-ink-500{color:#aeaeb2!important}[data-theme=ink] .text-ink-600{color:#c7c7cc!important}[data-theme=ink] .text-ink-700{color:#d1d1d6!important}[data-theme=ink] .text-ink-800{color:#e5e5ea!important}[data-theme=ink] .text-ink-900{color:#ebebf0!important}[data-theme=ink] .border-ink-300{border-color:#38383a!important}[data-theme=ink] .script-serif{color:#e5e5ea!important}[data-theme=ink] .chip{background:#ebebf00f!important;border-color:#54545859!important;color:#c7c7cc!important}[data-theme=ink] .kbd{background:#2c2c2e!important;color:#aeaeb2!important;border-color:#54545859!important}[data-theme=ink] .xp-float{background:#1c1c1e!important;color:#d1d1d6!important;border-color:#38383a!important}[data-theme=ink] .capture-input{background:#1c1c1e!important;color:#ebebf0!important;border-color:#38383a!important}[data-theme=ink] .capture-input:focus{border-color:#0a84ff!important;box-shadow:0 0 0 3px #0a84ff33!important}[data-theme=ink] .phase-rail-item[data-active=true] .phase-rail-dot{background:#0a84ff!important;border-color:#0a84ff!important}[data-theme=ink] .phase-rail-item[data-done=true] .phase-rail-dot{background:#30d158!important;border-color:#30d158!important}