:root{--void: #14101C;--panel: #1D1826;--panel-2: #241E30;--dark-plum: #2A1845;--mid-plum: #3D2260;--cream: #EDE3C8;--cream-dim: rgba(237,227,200,.65);--blood: #8B0000;--blood-bright: #C0392B;--muted: #8A7F9C;--gold: #C8A45A;--line: rgba(200,164,90,.18);--danger: #C0392B;--font-display: "Bebas Neue", sans-serif;--font-body: "Crimson Pro", Georgia, serif;--font-mono: "Share Tech Mono", monospace;--bg: var(--void);--text: var(--cream);--text-dim: var(--muted);--accent: var(--gold);--accent-dim: var(--blood);--border: var(--line)}*{box-sizing:border-box}body{margin:0;background:var(--void);background-image:radial-gradient(ellipse at 20% 10%,rgba(139,0,0,.1),transparent 45%),radial-gradient(ellipse at 85% 30%,rgba(74,34,96,.25),transparent 50%);color:var(--cream);font-family:var(--font-body);line-height:1.6}a{color:var(--gold)}#app{min-height:100vh;display:flex;flex-direction:column}#loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted);font-family:var(--font-mono);font-size:13px;letter-spacing:.05em}header.topbar{padding:calc(1rem + env(safe-area-inset-top,0px)) 1.2rem .9rem;background:#14101ce6;border-bottom:1px solid var(--line)}header.topbar h1{font-family:var(--font-display);font-weight:400;font-size:1.7rem;letter-spacing:.03em;margin:0 0 2px;color:var(--cream)}header.topbar .sub{font-family:var(--font-mono);color:var(--cream-dim);font-size:.72rem;letter-spacing:.04em}main{flex:1;overflow-y:auto;padding:12px 16px 88px}.tabbar{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:var(--panel);border-top:1px solid var(--line)}.tabbar button{flex:1;background:none;border:none;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:10px 0 8px;font-size:11px;cursor:pointer}.tabbar button.active{color:var(--gold);border-top:2px solid var(--blood-bright);margin-top:-1px}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:6px;padding:14px;margin-bottom:10px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:14px;cursor:pointer;text-align:left}.category-tile:active{background:var(--mid-plum);border-color:var(--gold)}.category-tile .label{font-family:var(--font-display);letter-spacing:.02em;font-size:1.05rem;color:var(--cream)}.category-tile .count{color:var(--muted);font-family:var(--font-mono);font-size:11px;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.listing-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.listing-row:last-child{border-bottom:none}.listing-row .item{font-weight:600;font-size:14px;color:var(--cream)}.listing-row .meta{color:var(--muted);font-size:12px;margin-top:2px}.listing-row .seller{display:flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-mono);font-size:11px;color:var(--cream-dim)}.listing-row .seller img{width:16px;height:16px;border-radius:50%}.listing-row button.delete{background:none;border:1px solid var(--danger);color:var(--blood-bright);border-radius:4px;padding:4px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.listing-row button.delete:hover{background:var(--blood);color:var(--cream)}.btn-primary{background:var(--blood);color:var(--cream);border:1px solid var(--blood-bright);border-radius:4px;padding:10px 14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:13px;cursor:pointer;width:100%;transition:background .2s}.btn-primary:hover{background:var(--blood-bright)}.btn-secondary{background:none;color:var(--cream-dim);border:1px solid var(--line);border-radius:4px;padding:10px 14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:12px;cursor:pointer;width:100%}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}label{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;color:var(--cream);font-family:var(--font-body);padding:9px 10px;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}textarea{resize:vertical;min-height:60px}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:10px}.checkbox-row input{width:auto}.error-banner{background:#8b00002e;border:1px solid var(--blood-bright);color:#f3c4c0;padding:8px 10px;border-radius:4px;font-size:12px;margin-bottom:10px}.empty-state{color:var(--muted);font-family:var(--font-mono);font-size:12px;text-align:center;padding:30px 0;letter-spacing:.03em}
