:root{--green: #102b29;--green-darker: #0c211f;--green-dark2: #0e2825;--green-mid: #16433e;--green-ink: #16201d;--jade: #119a82;--jade-bright: #27c2a4;--jade-tint: #d7ede6;--jade-soft: #5fc9b2;--jade-deep: #3e8576;--clay: #c2552e;--clay-tint: #f6e3db;--porcelain: #ecf1ec;--card: #ffffff;--canvas: #d6e0da;--panel: #f4f7f4;--offwhite: #f6faf5;--offwhite2: #eaf3ee;--ink: #16201d;--muted: #6f7b75;--muted-light: #9fb0a8;--on-green: #cfe6dd;--on-green-muted: #9fbdb5;--hairline: #d5ded7;--warn-bg: #2a1410;--warn-text: #f4e6e0;--warn-accent: #ff9a78;--serif: "Newsreader", Georgia, serif;--sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--r-card: 13px;--r-pill: 20px;--r-phone: 34px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--jade);color:#fff}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}a{color:inherit}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted)}.btn{border-radius:11px;padding:14px 18px;font-weight:700;font-size:15px;text-align:center;transition:transform .12s ease,opacity .12s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-clay{background:var(--clay);color:#fff}.btn-jade{background:var(--jade-bright);color:var(--green-darker)}.btn-green{background:var(--green);color:#fff}.btn-ghost{background:#ffffff0f;border:1px solid rgba(143,182,174,.3);color:var(--on-green)}.btn-soft{background:#e3ebe4;color:var(--green)}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-card)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--jade-bright);display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.phone{width:100%;max-width:264px;background:var(--green-ink);border-radius:var(--r-phone);padding:10px;margin:0 auto}.phone-screen{border-radius:26px;overflow:hidden;min-height:530px;display:flex;flex-direction:column;background:var(--porcelain)}.phone-notch{height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phone-notch>div{width:80px;height:5px;background:var(--green-ink);border-radius:3px;opacity:.22}.bar-track{background:#ffffff14;border-radius:9px;overflow:hidden}.bar-fill{height:100%;border-radius:9px;transition:width .3s ease}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:var(--hairline);outline:none;padding:12px 0;background-clip:content-box;touch-action:none;cursor:pointer}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--jade);box-shadow:0 1px 4px #00000040;cursor:pointer}input[type=range].slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--jade);box-shadow:0 1px 4px #00000040;cursor:pointer}.stage{min-height:100vh;display:flex;flex-direction:column}.stage-dark{background:var(--green);color:var(--offwhite2)}.stage-body{flex:1;display:flex;flex-direction:column;padding:40px 56px}@media(max-width:720px){.stage-body{padding:22px 18px}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.grow-bar{animation:growBar .6s cubic-bezier(.2,.7,.2,1)}@keyframes growBar{0%{width:0!important}}