:root{--bg: #0f1117;--surface: #181c27;--border: #2a2f3e;--accent: #e8c84a;--accent2: #4a90e8;--text: #e8eaf0;--muted: #7a8099}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.site-header{background:var(--surface);border-bottom:2px solid var(--accent);padding:0 2rem;display:flex;align-items:center;gap:2rem;height:56px;position:sticky;top:0;z-index:100}.logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:.08em;color:var(--accent);white-space:nowrap}.logo span{color:var(--text);font-weight:400}.search-wrap{flex:1;max-width:520px;position:relative}.search-wrap input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:4px;padding:.55rem 1rem .55rem 2.6rem;color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:1.05rem;letter-spacing:.06em;outline:none;transition:border-color .2s}.search-wrap input:focus{border-color:var(--accent)}.search-wrap input::placeholder{color:var(--muted)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-results{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1.5px solid var(--accent);border-radius:4px;max-height:320px;overflow-y:auto;z-index:200;box-shadow:0 8px 32px #00000080}.search-results.visible{display:block}.sr-item{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.sr-item:last-child{border-bottom:none}.sr-item:hover{background:#e8c84a12}.sr-sku{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1rem;color:var(--accent2);min-width:120px;letter-spacing:.04em}.sr-name{font-size:.85rem;color:var(--muted)}.sr-badge{margin-left:auto;font-family:Barlow Condensed,sans-serif;font-size:.75rem;color:var(--muted)}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 56px)}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 0;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}.aside-label{font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;color:var(--muted);padding:0 1.25rem .5rem;text-transform:uppercase}.cat-item{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.25rem;border-left:3px solid transparent;font-size:.88rem;transition:background .15s}.cat-item:hover{background:#ffffff0a}.cat-item.active{background:#e8c84a12;border-left-color:var(--accent);color:var(--accent)}.cat-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0}.cat-item.active .cat-dot{background:var(--accent)}.cat-count{margin-left:auto;font-family:Barlow Condensed,sans-serif;font-size:.8rem;color:var(--muted)}.main-content{padding:2rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-family:Barlow Condensed,sans-serif;font-size:.85rem;color:var(--muted);margin-bottom:1.5rem;letter-spacing:.04em}.breadcrumb .sep{color:var(--border)}.breadcrumb .current{color:var(--text)}.page-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:2rem;letter-spacing:.06em;margin-bottom:.25rem}.page-title .ja{font-size:1rem;font-weight:400;color:var(--muted);margin-left:.5rem;font-family:Noto Sans JP,sans-serif}.result-count{font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.result-count strong{color:var(--accent)}.series-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.series-chip{background:var(--surface);border:1.5px solid var(--border);border-radius:3px;padding:.3rem .75rem;font-family:Barlow Condensed,sans-serif;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all .15s}.series-chip:hover{border-color:var(--accent2);color:var(--accent2)}.series-chip.active{background:var(--accent2);border-color:var(--accent2);color:#fff}.filter-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;align-items:center}.filter-label{font-size:.75rem;color:var(--muted);font-family:Barlow Condensed,sans-serif;letter-spacing:.08em}.filter-row select{background:var(--surface);border:1.5px solid var(--border);border-radius:3px;color:var(--text);padding:.35rem .75rem;font-size:.85rem;font-family:Noto Sans JP,sans-serif;outline:none;cursor:pointer}.filter-row select:focus{border-color:var(--accent)}.sku-table-wrap{border:1px solid var(--border);border-radius:6px;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:.85rem}thead{background:var(--surface);border-bottom:2px solid var(--border)}th{padding:.65rem 1rem;text-align:left;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap}td{padding:.7rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s;cursor:pointer}tbody tr:hover{background:#ffffff08}.sku-code{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--accent2)}.sku-mark{display:inline-block;background:#4a90e826;border:1px solid rgba(74,144,232,.3);border-radius:2px;padding:.1rem .4rem;font-size:.75rem;font-family:Barlow Condensed,sans-serif;letter-spacing:.04em}.dim-cell{font-family:Barlow Condensed,sans-serif;letter-spacing:.04em}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}.tag{display:inline-block;background:#ffffff0f;border-radius:2px;padding:.1rem .4rem;font-size:.75rem;color:var(--muted)}.sku-detail{max-width:860px}.detail-header{margin-bottom:2rem}.detail-sku{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:2.5rem;color:var(--accent2);letter-spacing:.08em}.detail-name{font-size:1.1rem;color:var(--muted);margin-top:.25rem}.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:2rem}.spec-item{background:var(--surface);padding:1rem 1.25rem}.spec-label{font-family:Barlow Condensed,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:.35rem}.spec-value{font-size:.95rem;font-weight:500}.spec-value.mono{font-family:Barlow Condensed,sans-serif;font-size:1.1rem;letter-spacing:.04em}.empty{text-align:center;padding:3rem;color:var(--muted)}.prose{font-size:.9rem;line-height:1.8;color:var(--text)}.prose p{margin-bottom:.75rem}.prose strong{color:var(--accent);font-weight:700}.prose ul{padding-left:1.5rem;margin-bottom:.75rem}.prose li{margin-bottom:.25rem}.prose table{border-collapse:collapse;width:100%;margin-bottom:.75rem}.prose th,.prose td{border:1px solid var(--border);padding:.4rem .75rem;font-size:.85rem}.prose th{background:var(--surface);color:var(--muted)}@media (max-width: 768px){.layout{grid-template-columns:1fr}.sidebar{display:none}}.operator-label{font-size:.75rem;color:var(--muted);letter-spacing:.04em}.operator-label a{color:var(--muted);text-decoration:underline}footer{margin-top:4rem;padding:2rem 1.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);text-align:center;line-height:2}