:root{--navy: #0b1b2b;--green: #00874f;--lime: #b8f36b;--sky: #7ccbf5;--sky-soft: #ddf1fd;--bg: #f4f7fa;--card: #ffffff;--text: #0b1b2b;--text-dim: #52667a;--border: #dce5ec;--danger: #c62828;--warn-bg: #fdead8;--warn-text: #8a4b12;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--r-slot: 12px;--r-card: 20px;--r-block: 28px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(11, 27, 43, .06), 0 8px 24px rgba(11, 27, 43, .06);--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Onest", system-ui, sans-serif}:root[data-theme=dark]{--navy: #10243b;--green: #1fd27e;--green-on: #07111d;--sky: #9ad8fa;--sky-soft: #10243b;--bg: #07111d;--card: #0f1e30;--text: #f4f7fa;--text-dim: #9fb3c8;--border: #1d3busy;--border: #1d3350}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0;letter-spacing:-.01em}h1{font-size:26px;line-height:1.15}h2{font-size:20px}h3{font-size:16px}button{font-family:inherit;font-size:inherit;cursor:pointer}.block{background:var(--navy);color:#fff;border-radius:0 0 var(--r-block) var(--r-block);padding:var(--s5) var(--s4) var(--s6);position:relative;overflow:hidden}.block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 2l12 12-12 12L2 14z' fill='none' stroke='%23ffffff' stroke-opacity='.05'/%3E%3C/svg%3E");pointer-events:none}.block>*{position:relative}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:0;border-radius:var(--r-pill);padding:14px var(--s5);font-weight:600;font-size:15px;text-decoration:none;transition:filter .15s ease}.btn:active{filter:brightness(.94)}.btn--primary{background:var(--green);color:var(--green-on, #fff);width:100%}.btn--ghost{background:transparent;color:var(--text);border:2px solid var(--navy)}.btn--soft{background:var(--sky-soft);color:#1769a8}.btn--danger{background:transparent;color:var(--danger);border:2px solid currentColor}.btn:disabled{opacity:.45;pointer-events:none}.slot{border-radius:var(--r-slot);border:1px solid var(--border);background:var(--card);padding:10px 0;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.slot--taken{background:#eef2f6;color:#9aabbd;text-decoration:line-through;border-color:transparent;pointer-events:none}.slot--pending{background:var(--sky-soft);border-color:transparent;color:#1769a8}.slot--picked{background:var(--green);border-color:transparent;color:var(--green-on, #fff)}.chip{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card);padding:8px 14px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--text)}.chip--on{background:var(--navy);border-color:transparent;color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-pill);padding:4px 10px;font-size:12px;font-weight:600}.badge--ok{background:#e4f6ec;color:#0a6b3d}.badge--new{background:var(--sky-soft);color:#1769a8}.badge--warn{background:var(--warn-bg);color:var(--warn-text)}.badge--wait{background:var(--sky-soft);color:#1769a8}.badge--done{background:var(--green);color:#fff}.price{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.price--on-dark{color:var(--lime)}.price-pill{background:var(--navy);color:var(--lime);border-radius:var(--r-pill);padding:6px 12px;font-family:var(--font-display);font-weight:700;font-size:14px}.muted{color:var(--text-dim)}.label{font-size:13px;font-weight:600;color:var(--text-dim)}.row{display:flex;align-items:center;gap:var(--s2)}.scroller{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--s1)}.scroller::-webkit-scrollbar{display:none}.screen{padding-bottom:88px}input,textarea{font-family:inherit;font-size:16px;width:100%;border-radius:var(--r-slot);border:1px solid var(--border);background:var(--card);color:var(--text);padding:14px var(--s4)}input:focus,textarea:focus{outline:2px solid var(--green);outline-offset:-1px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}