:root{--bg: #0b0e14;--bg-elev: #141925;--bg-card: #161c2b;--line: #232b3d;--text: #e6edf6;--muted: #8a97ad;--accent: #5eead4;--accent-dim: #2dd4bf;--paid: #34d399;--paid-bg: rgba(52, 211, 153, .16);--slash: #f87171;--slash-bg: rgba(248, 113, 113, .16);--award: #fbbf24;--radius: 14px;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(94,234,212,.08),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}#app{max-width:1120px;margin:0 auto;padding:0 16px 64px}.app-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;background:linear-gradient(var(--bg) 70%,transparent);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;letter-spacing:.04em;color:var(--accent);background:var(--bg-elev);border:1px solid var(--line);border-radius:9px;padding:4px 9px}.brand-name{font-weight:650;letter-spacing:.01em}.live{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-size:12px;color:var(--muted)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);transition:background .3s var(--ease),box-shadow .3s var(--ease)}.live-dot.on{background:var(--paid);box-shadow:0 0 #34d39999;animation:livePulse 2s var(--ease) infinite}@keyframes livePulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.tallies{display:flex;gap:10px}.tally{display:flex;align-items:baseline;gap:6px;padding:8px 14px;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px}.tally-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tally-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.tally-paid .tally-value{color:var(--paid)}.tally-burned .tally-value{color:var(--slash)}.tally-unit{font-size:11px;color:var(--muted)}.app-main{display:block}.ask{margin:8px 0 26px;padding:18px;background:linear-gradient(180deg,var(--bg-elev),var(--bg-card));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:opacity .3s var(--ease)}.ask.disabled{opacity:.7}.ask.busy{cursor:progress}.ask-head h2{margin:0 0 2px;font-size:18px}.ask-sub{margin:0 0 14px;color:var(--muted);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{font:inherit;font-size:13px;color:var(--text);background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:9px 15px;cursor:pointer;transition:transform .12s var(--ease),border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.chip:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-dim);box-shadow:0 4px 14px #2dd4bf2e}.chip:active:not(:disabled){transform:translateY(0) scale(.98)}.chip:disabled{opacity:.45;cursor:default}.ask-status{margin:12px 0 0;min-height:1em;font-size:13px;color:var(--accent)}.board-empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;align-items:start}.card{position:relative;padding:15px 16px 16px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .45s var(--ease),opacity .45s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);will-change:transform,opacity}.card.enter{opacity:0;transform:translateY(-14px) scale(.98)}.card.leave{opacity:0;transform:translateY(8px) scale(.97);pointer-events:none}.card.optimistic{border-style:dashed;border-color:var(--accent-dim)}.card[data-state=awarded]{border-color:var(--award)}.card[data-state=paid]{border-color:var(--paid)}.card[data-state=slashed]{border-color:var(--slash)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 9px;border-radius:999px;color:var(--muted);background:var(--bg-elev);border:1px solid var(--line);transition:color .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}.card[data-state=opening] .badge,.card[data-state=opened] .badge{color:var(--accent)}.card[data-state=bidding] .badge{color:#93c5fd}.card[data-state=awarded] .badge{color:var(--award)}.card[data-state=paid] .badge{color:var(--paid);background:var(--paid-bg);border-color:transparent}.card[data-state=slashed] .badge{color:var(--slash);background:var(--slash-bg);border-color:transparent}.tags{font-size:11px;color:var(--muted);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.prompt{margin:0 0 10px;font-size:15px;line-height:1.35;font-weight:600}.bids{display:flex;flex-direction:column;gap:6px}.bid-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:6px 10px;border-radius:9px;background:var(--bg-elev);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .35s var(--ease),transform .35s var(--ease),border-color .3s var(--ease);transform-origin:top}.bid-row.enter{opacity:0;transform:translateY(-6px) scaleY(.6)}.bid-row.won{border-color:var(--award);color:var(--award)}.bid-id{color:var(--muted)}.bid-row.won .bid-id{color:var(--award)}.settle{display:flex;align-items:baseline;gap:7px;margin-top:12px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .45s var(--ease),margin-top .45s var(--ease)}.settle.show{max-height:60px;opacity:1}.amount-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.amount{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.amount-unit{font-size:12px;color:var(--muted)}.card[data-state=paid] .amount{color:var(--paid)}.card[data-state=slashed] .amount{color:var(--slash)}.slash-reason{margin-top:6px;font-size:12px;color:var(--slash);min-height:0}.card.pulse{animation:pulse .7s var(--ease)}@keyframes pulse{0%{transform:scale(1);box-shadow:var(--shadow)}45%{transform:scale(1.025);box-shadow:0 0 0 3px #fbbf2473,var(--shadow)}to{transform:scale(1);box-shadow:var(--shadow)}}.card.flash-paid{animation:flashPaid 1s var(--ease)}@keyframes flashPaid{0%{background:var(--paid-bg);box-shadow:0 0 0 3px #34d39980,var(--shadow)}to{background:var(--bg-card);box-shadow:var(--shadow)}}.card.flash-slashed{animation:flashSlashed 1s var(--ease)}@keyframes flashSlashed{0%{background:var(--slash-bg);box-shadow:0 0 0 3px #f8717180,var(--shadow)}10%{transform:translate(-4px)}20%{transform:translate(4px)}30%{transform:translate(-3px)}40%{transform:translate(0)}to{background:var(--bg-card);box-shadow:var(--shadow)}}@media (max-width: 640px){.app-header{gap:8px}.brand-name{display:none}.tally{padding:6px 10px}.tally-value{font-size:17px}.board{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.reduce-motion .card.enter,.reduce-motion .bid-row.enter{opacity:1;transform:none}