*{box-sizing:border-box}:root{--bg:#0b0d10;--card:#15191e;--border:#232a32;--text:#e8edf2;--muted:#8b97a3;--accent:#ffcf00;--app-w:480px;--nav-h:60px}body,html{margin:0;padding:0;background:#000;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.app{width:100%;max-width:var(--app-w);margin:0 auto;min-height:100dvh;background:var(--bg);border-left:1px solid var(--border);border-right:1px solid var(--border);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));position:relative}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:8px;height:52px;padding:0 12px;background:var(--card);border-bottom:1px solid var(--border)}.appbar,.appbar .back{display:flex;align-items:center}.appbar .back{justify-content:center;min-width:36px;height:36px;margin-left:-6px;font-size:26px;line-height:1;color:var(--text)}.appbar .brand{font-size:20px;color:var(--accent)}.appbar .title{font-size:17px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen{padding:14px}.bottomnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);z-index:30;height:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);display:flex;background:var(--card);border-top:1px solid var(--border)}.bottomnav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10px}.bottomnav a .ic{font-size:19px;line-height:1;filter:grayscale(.2)}.bottomnav a.active{color:var(--accent)}.bottomnav a.active .ic{filter:none}.search{display:flex;gap:8px;margin-bottom:14px}.search input{flex:1 1;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:15px}.filters button,.search button{padding:11px 16px;border-radius:10px;border:none;cursor:pointer;background:var(--accent);color:#1a1300;font-weight:700;font-size:14px;white-space:nowrap}.filters{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.filters .f-row{display:flex;gap:8px;flex-wrap:wrap}.filters input,.filters select{padding:10px 12px;border-radius:10px;font-size:14px;border:1px solid var(--border);background:var(--card);color:var(--text)}.filters .f-search{width:100%}.filters select{flex:1 1;min-width:110px}.filters .f-year{width:84px}.meta{color:var(--muted);font-size:13px;margin-bottom:12px}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.card:active,.card:hover{border-color:var(--accent)}.card .thumb{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center}.card .thumb img{max-width:100%;max-height:100%;object-fit:contain}.card .body{padding:10px 12px}.card .name{font-size:13px;font-weight:600;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .sub{font-size:12px;display:flex;justify-content:space-between;gap:6px}.badge,.card .sub{color:var(--muted)}.badge{display:inline-block;background:#1e242b;border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;margin-top:8px}.detail .hero{aspect-ratio:1/1;background:#fff;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.detail .hero img{max-width:100%;max-height:100%;object-fit:contain}.detail .info h1{font-size:19px;margin:0 0 6px;line-height:1.3}.detail .info .sub{color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:4px 10px}.detail .info .sub a{color:var(--accent)}.section-title{font-size:15px;font-weight:700;margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.ptable{display:flex;flex-direction:column}.prow{display:grid;grid-template-columns:40px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 2px;min-height:48px;border-bottom:1px solid var(--border)}.prow .pthumb{width:40px;height:40px;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.prow .pthumb img{max-width:100%;max-height:100%;object-fit:contain}.pinfo{display:flex;flex-direction:column;gap:2px;min-width:0}.pname{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pmeta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.pqty{font-size:14px;font-weight:700;color:var(--accent);white-space:nowrap}.swatch{display:inline-block;border-radius:6px;border:1px solid var(--border);flex:none}.swatch.trans{opacity:.6;background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 0,transparent 75%,rgba(255,255,255,.25) 0);background-size:8px 8px}.swatch-inline{vertical-align:middle}.color-card .thumb{background:#2a2f36}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 4px}.pager .pbtn{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:14px}.pager .pbtn.disabled{opacity:.35;pointer-events:none}.pager .status{font-size:12px}.empty,.pager .status{color:var(--muted);text-align:center}.empty{padding:40px 0}.error{color:#ff6b6b;background:#2a1416;border:1px solid #532;border-radius:10px;padding:16px}.crumbs{font-size:12px;color:var(--muted);margin-bottom:4px}.crumbs a{color:var(--accent)}.lrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 4px;min-height:48px;border-bottom:1px solid var(--border)}.lrow .lname{font-size:14px;font-weight:600;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}.lrow .lsub{font-size:12px;display:flex;align-items:center;gap:6px;white-space:nowrap}.lrow .chev,.lrow .lsub{color:var(--muted);flex:none}.swatch-hero{width:120px;height:120px;border-radius:16px}