:root { color-scheme: light; --ink:#17221b; --muted:#667068; --paper:#f4f0e6; --card:#fffdf8; --line:#d9d2c4; --green:#176b4d; --red:#a33832; font-family:"Yu Gothic UI",Meiryo,sans-serif; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; color:var(--ink); background:var(--paper); }
button,input,select,textarea { font:inherit; }
button { border:0; border-radius:9px; padding:9px 14px; cursor:pointer; font-weight:700; }
.primary { color:white; background:var(--green); }
.center { min-height:100vh; display:grid; place-items:center; padding:20px; }
.login-card { width:min(430px,100%); padding:32px; text-align:center; border:1px solid var(--line); border-radius:18px; background:var(--card); box-shadow:0 16px 40px #24352a18; }
.gsi-button { display:flex; justify-content:center; min-height:44px; }
header { position:sticky; top:0; z-index:3; display:flex; align-items:center; gap:14px; padding:15px max(18px,calc((100vw - 1120px)/2)); border-bottom:1px solid var(--line); background:#f4f0e6f2; backdrop-filter:blur(10px); }
header h1 { margin:0 auto 0 0; font:700 clamp(20px,3vw,28px) Georgia,"Yu Mincho",serif; }
.tabs { display:flex; gap:6px; }
.tabs button { background:#e5e0d5; }
.tabs button[aria-selected="true"] { color:white; background:var(--ink); }
#who { display:flex; gap:8px; align-items:center; font-size:12px; color:var(--muted); }
main { max-width:1120px; margin:auto; padding:22px 18px 60px; }
.toolbar { display:flex; gap:10px; align-items:center; margin-bottom:14px; }
input,select,textarea { border:1px solid var(--line); border-radius:9px; padding:9px 11px; background:white; }
.toolbar input { flex:1; }
.cards { display:grid; gap:16px; }
.card { display:grid; grid-template-columns:145px 1fr; gap:18px; padding:18px; border:1px solid var(--line); border-radius:15px; background:var(--card); box-shadow:0 9px 24px #24352a12; }
.photo { width:145px; height:145px; object-fit:contain; border:1px solid var(--line); border-radius:11px; background:white; }
.card h2 { margin:0 0 8px; font-size:16px; line-height:1.5; }
.meta,.prices,.actions { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin:9px 0; color:var(--muted); font-size:13px; }
.price { padding:8px 10px; border-radius:8px; background:#f0ede5; color:var(--ink); }
.price strong { margin-left:5px; font-size:17px; }
.discount { padding:8px 12px; border-radius:8px; color:#075438; background:#d8eee2; font-size:20px; font-weight:800; }
.condition-detail { margin-top:10px; padding:10px 12px; border-left:4px solid #b06b27; border-radius:7px; color:#5d3a16; background:#fff0dc; line-height:1.55; }
.availability { margin:9px 0; padding:8px 12px; border-radius:7px; font-size:14px; line-height:1.55; }
.availability.listed { color:#075438; background:#e4f1e8; }
.availability.unverified { color:#6b4d00; background:#f6efd9; }
.availability.ended,.availability.dropped { color:var(--red); background:#f6dfdc; font-weight:700; }
.card.inactive { opacity:.72; }
.field { display:block; margin-top:10px; color:var(--muted); font-size:13px; }
.field input,.field textarea { width:100%; margin-top:5px; color:var(--ink); }
.field textarea { min-height:120px; resize:vertical; line-height:1.5; }
.variant-value { margin-top:5px; padding:9px 11px; border-radius:9px; color:var(--ink); background:#f0ede5; font-size:15px; }
.approve { color:white; background:var(--green); }.reject { color:var(--red); background:#f2ddda; }.save { background:#e5e0d5; }
a { color:var(--green); }.bad { color:var(--red); }.ok { color:var(--green); }.warn { color:#9a6200; }
.notice { padding:10px 12px; border-radius:9px; background:#e3eee7; }
.status-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.status-card { padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
.status-card h3 { margin:0 0 8px; font-size:14px; }.status-value { font-size:20px; font-weight:800; }
.track { height:12px; overflow:hidden; border-radius:999px; background:#ded8cc; }.fill { height:100%; background:var(--green); }
.runs { display:grid; gap:8px; margin-top:16px; }.run { padding:11px; border-left:4px solid var(--green); background:var(--card); }.run.error { border-color:var(--red); }
.category-list { max-height:65vh; overflow:auto; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
.category-clear { margin-bottom:8px; background:#e5e0d5; }
.category-help { margin:0 0 10px; color:var(--muted); font-size:13px; line-height:1.5; }
.category-node { font-size:14px; }
.category-row { display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; min-height:34px; }
.category-option { display:inline-flex; gap:8px; align-items:flex-start; padding:4px 0; }
.category-option input { width:auto; margin-top:3px; }
.category-option input:disabled + span { color:var(--muted); }
.category-toggle { padding:3px 0; color:var(--green); background:none; font-size:12px; font-weight:600; text-align:left; }
.category-children { margin-left:14px; padding-left:10px; border-left:1px solid var(--line); }
@media(max-width:700px){header{align-items:stretch;flex-wrap:wrap}header h1{width:100%}.tabs{width:100%;overflow:auto}.tabs button{white-space:nowrap}.card{grid-template-columns:1fr}.photo{width:100%;height:210px}#who span{display:none}}