:root{--bg:#f4f1e9;--surface:#fbf9f4;--surface-2:#efe9dc;--ink:#20281f;--ink-soft:#4c5647;--ink-faint:#7a8272;--line:#ddd6c6;--forest:#1f5c47;--forest-deep:#123b2e;--amber:#d98a2b;--sky:#2f6d82;--good:#2f7d52;--warn:#b7791f;--crit:#a8443f;--radius:16px;--shadow:0 1px 0 #123b2e0a, 0 8px 26px -14px #123b2e4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#151a15;--surface:#1d241c;--surface-2:#232b21;--ink:#eae7db;--ink-soft:#b7bfae;--ink-faint:#828b79;--line:#333c30;--forest:#6bbf9c;--forest-deep:#0e2c22;--amber:#e6a24d;--sky:#6fb3c9;--good:#63c088;--warn:#e0b054;--crit:#e08a84;--shadow:0 1px 0 #0003, 0 12px 34px -16px #0009}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;font-family:Fraunces,Georgia,serif;line-height:1.1}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.app{max-width:860px;margin:0 auto;padding-block:20px;padding-inline:18px}.topbar{top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky}.brand{letter-spacing:-.01em;font-family:Fraunces,serif;font-size:1.1rem;font-weight:900}.brand span{color:var(--forest)}.resources{gap:8px;display:flex}.res{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.9rem;font-weight:600;display:flex}.res .k{color:var(--amber)}.res .m{color:var(--sky)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--forest);font-family:IBM Plex Mono,monospace;font-size:.72rem}.muted{color:var(--ink-faint)}.center{text-align:center}button.btn{font:inherit;cursor:pointer;background:var(--forest);color:#fbf9f4;border:none;border-radius:12px;padding:13px 22px;font-weight:600;transition:transform 80ms,filter .15s}button.btn:hover{filter:brightness(1.06)}button.btn:active{transform:translateY(1px)}button.btn.ghost{color:var(--forest);border:1px solid var(--line);background:0 0}button.btn.amber{background:var(--amber);color:#2b1c06}button.btn:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:8px}.progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:var(--forest);height:100%;transition:width .3s;display:block}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);border-radius:999px;padding:3px 10px;font-size:.75rem}@keyframes pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pop{animation:.3s both pop}.shake{animation:.3s both shake}@media (prefers-reduced-motion:reduce){.pop,.shake{animation:none}}