:root{--bg:#14171a;--panel:#1c2126;--line:#2b333b;--ink:#d7dde2;--dim:#8a949d;--accent:#e8a13c;--danger:#d96a5a;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans)}.mono{font-family:var(--mono)}.num{text-align:right}button{font:inherit;cursor:pointer;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:4px 10px}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:4px 8px;min-width:0}#gate{display:flex;min-height:100vh;align-items:center;justify-content:center}#gate[hidden]{display:none}.gate-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:32px 40px;text-align:center;min-width:280px}.gate-card h1{margin:0 0 12px;font:600 22px var(--mono)}.gate-card h1 span,.brand span{color:var(--accent)}.gate-card p{color:var(--dim);margin:0 0 16px}#gate-signin{border-color:var(--accent);color:var(--accent)}.topbar{display:flex;align-items:center;gap:24px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font:600 16px var(--mono)}.topbar nav a{color:var(--dim);text-decoration:none;padding:4px 2px}.topbar nav a:hover{color:var(--ink)}.who{margin-left:auto;color:var(--dim);display:flex;gap:12px;align-items:center;font-size:13px}main{padding:24px 20px;max-width:960px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.panel-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:16px}#add-form{display:flex;flex-wrap:wrap;gap:8px}#f-qty{width:70px}#add-form button{border-color:var(--accent);color:var(--accent)}table{width:100%;border-collapse:collapse}th{font:11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);text-align:left;padding:8px 16px;border-bottom:1px solid var(--line)}th.num{text-align:right}td{padding:8px 16px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:none}td .qty{padding:0 8px;line-height:20px}td .qty+span{display:inline-block;min-width:36px;text-align:center}.del{color:var(--danger);border-color:transparent;background:0 0;font-size:13px}.del:hover{border-color:var(--danger)}.empty{color:var(--dim);text-align:center;padding:24px}@media(prefers-reduced-motion:no-preference){#app:not([hidden]){animation:fade .15s ease-out}@keyframes fade{from{opacity:0}}}