:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#eef0f4;--text:#171a21;--muted:#5f6675;--border:#dfe2e8;--accent:#3557e0;--accent-soft:#e6ebfd;--accent-text:#fff;--danger:#c93a3a;--danger-soft:#fbeaea;--warning:#a86200;--warning-soft:#fdf1df;--success:#1f7a4d;--success-soft:#e3f4ea;--radius:14px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111318;--surface:#1a1d24;--surface-2:#242833;--text:#eceef3;--muted:#9aa1b0;--border:#2e3340;--accent:#7090ff;--accent-soft:#232c4d;--accent-text:#0d1020;--danger:#ff7b7b;--danger-soft:#3a1f22;--warning:#f0b35a;--warning-soft:#3a2d18;--success:#6fd39d;--success-soft:#1b3326;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}h1{letter-spacing:-.01em;margin:0;font-size:1.5rem}h2{margin:0 0 4px;font-size:1.05rem}p{margin:0}input,select,button{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.app{min-height:100dvh}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:920px;margin:0 auto;padding:10px 16px;display:flex}.brand{align-items:center;gap:8px;font-weight:650;display:flex}.topnav{gap:4px;display:none}.topnav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-weight:550}.topnav a.active{color:var(--text);background:var(--surface-2)}.content{max-width:920px;padding:20px 16px calc(96px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.tabbar{z-index:10;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar a{color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:.75rem;font-weight:550;display:flex}.tabbar a span{filter:grayscale();opacity:.7;font-size:1.25rem}.tabbar a.active{color:var(--accent)}.tabbar a.active span{filter:none;opacity:1}@media (width>=720px){.topnav{display:flex}.tabbar{display:none}.content{padding-bottom:48px}}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-header .muted{margin-top:4px}.back{margin-bottom:6px;font-size:.9rem;display:inline-block}.splash{min-height:100dvh;color:var(--muted);place-items:center;padding:16px;display:grid}.button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.button:disabled{opacity:.5;cursor:default}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.ghost{background:0 0}.button.danger{color:var(--danger)}.button.small{min-height:34px;padding:0 12px;font-size:.85rem}.button.block{width:100%}.switch{background:var(--border);cursor:pointer;border:none;border-radius:999px;flex:none;width:46px;height:28px;padding:3px;transition:background .15s}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;display:block;box-shadow:0 1px 2px #00000040}.switch.on{background:var(--success)}.switch.on span{transform:translate(18px)}.segmented{background:var(--surface-2);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 6px;font-weight:550}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.toggle-chips,.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.toggle-chips button,.filter-chips button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.9rem}.toggle-chips button.active,.filter-chips button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.filter-chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 2px;overflow-x:auto}.filter-chips button{flex:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:16px;display:flex}.panel-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:.9rem;font-weight:600}.field small{color:var(--muted);font-size:.82rem}input,select{border:1px solid var(--border);background:var(--bg);border-radius:10px;outline:none;width:100%;min-height:44px;padding:0 12px}input:focus,select:focus,.chips-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled{opacity:.5}.input-suffix{align-items:center;gap:10px;display:flex}.input-suffix input{max-width:160px}.input-suffix span{color:var(--muted);font-size:.9rem}.chips-input{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-wrap:wrap;gap:6px;min-height:44px;padding:6px;display:flex}.chips-input input{min-width:120px;min-height:30px;box-shadow:none;background:0 0;border:none;flex:1;padding:0 6px}.chip{background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:.88rem;display:inline-flex}.chip button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.editor{flex-direction:column;gap:16px;display:flex}.editor-actions{bottom:calc(64px + env(safe-area-inset-bottom));background:var(--bg);grid-template-columns:1fr 1fr;gap:8px;padding:10px 0 12px;display:grid;position:sticky}.editor-actions p{grid-column:1/-1}@media (width>=720px){.editor-actions{align-items:center;display:flex;bottom:0}.editor-actions p{margin-right:auto}}.secondary-actions{flex-wrap:wrap;gap:8px;display:flex}.inline-form{gap:8px;display:flex}.search-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.search-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px 16px;display:flex}.search-row.paused{opacity:.65}.search-row-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.search-title{color:var(--text);overflow-wrap:anywhere;font-size:1.02rem;font-weight:650}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{background:var(--surface-2);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:.8rem}.row-error{color:var(--danger);font-size:.85rem}.banner{background:var(--warning-soft);color:var(--warning);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:550;display:flex}.empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.empty .muted{max-width:440px}.quota{color:var(--muted);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.quota-track{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.quota-fill{background:var(--accent);height:100%}.quota-fill.warn{background:var(--warning)}.facts{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;display:grid}.facts div{background:var(--surface-2);border-radius:10px;padding:10px 12px}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:2px 0 0;font-weight:650}@media (width>=720px){.facts{grid-template-columns:repeat(4,1fr)}}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.listing-grid{gap:10px;display:grid}@media (width>=720px){.listing-grid{grid-template-columns:repeat(2,1fr)}}.listing{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:12px;min-width:0;padding:12px;display:flex}.listing.dimmed{opacity:.5}.listing-image{background:var(--surface-2);border-radius:8px;flex:none;place-items:center;width:88px;height:116px;font-size:1.8rem;display:grid;overflow:hidden}.listing-image img{object-fit:cover;width:100%;height:100%}.listing-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.listing-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;display:-webkit-box;overflow:hidden}.listing-price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.listing-price strong{font-size:1.1rem}.listing-price span{color:var(--muted);font-size:.78rem}.listing-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:.8rem;display:flex}.listing-meta .urgent{color:var(--danger);font-weight:600}.listing-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.badge{border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:.75rem;font-weight:650}.badge-new{background:var(--accent-soft);color:var(--accent)}.badge-under{background:var(--success-soft);color:var(--success)}.badge-ending{background:var(--warning-soft);color:var(--warning)}.preview{flex-direction:column;gap:8px;display:flex}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:28px 22px;display:flex}.code-form{flex-direction:column;gap:10px;width:100%;display:flex}.code-input{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums;min-height:56px;font-size:1.6rem}.notice{color:var(--muted);font-size:.9rem}.notice.error{color:var(--danger);background:var(--danger-soft);border-radius:10px;width:100%;padding:8px 12px}.toast-region{left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed}.toast{background:var(--text);max-width:480px;color:var(--bg);border-radius:12px;padding:10px 16px;font-weight:550;box-shadow:0 6px 24px #0003}.toast-error{background:var(--danger);color:#fff}@media (width>=720px){.toast-region{bottom:24px}}.field-row{flex-wrap:wrap;gap:10px 18px;display:flex}.field-row .input-suffix input{max-width:96px}.checkbox{cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;font-weight:600;display:flex}.checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--accent);margin:1px 0 0}.checkbox small{color:var(--muted);font-size:.82rem;font-weight:400;display:block}.tracking-section{flex-direction:column;gap:10px;display:flex}.tracking-section h2 .count,.count{color:var(--muted);font-weight:500}.tracked-controls{flex-direction:column;gap:8px;width:100%;display:flex}.tracked-controls .segmented button{padding:6px 4px;font-size:.85rem}.bid-box{flex-direction:column;gap:4px;display:flex}.bid-box .input-suffix input{max-width:110px;min-height:38px}.note-input{min-height:36px;font-size:.88rem}.badges{flex-wrap:wrap;gap:4px;display:flex}.badge-status{background:var(--surface-2);color:var(--text)}.seller-group{gap:10px}.plain-list li{gap:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);overflow:hidden}
