*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body: "Noto Sans JP", sans-serif;--font-mono: "DM Mono", monospace;--c-bg: #ffffff;--c-surface: #f7f8fa;--c-border: #e8eaed;--c-border-strong: #d0d3d9;--c-text: #1a1c20;--c-text-sub: #6b7280;--c-accent: #0057ff;--c-accent-light: #e8f0ff;--c-group-bg: #f0f2f7;--c-band-full: #00875a;--c-band-full-bg: #e3f5ef;--c-band-partial: #f59e0b;--c-band-partial-bg:#fef3c7;--c-band-low: #ef4444;--c-band-low-bg: #fee2e2;--radius: 6px;--col-label: 160px;--col-device: 200px}body{font-family:var(--font-body);font-size:13px;background:var(--c-bg);color:var(--c-text);line-height:1.5;-webkit-font-smoothing:antialiased}.compare-root{width:100%;background:var(--c-bg)}.compare-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{width:100%;min-width:calc(var(--col-label) + var(--col-device) * 2);border-collapse:collapse;table-layout:fixed}.compare-table thead th{position:sticky;top:0;z-index:10;background:var(--c-bg);border-bottom:2px solid var(--c-accent);padding:0}.spec-label-col{width:var(--col-label);min-width:var(--col-label)}.device-col{width:var(--col-device);min-width:var(--col-device)}.device-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 12px}.device-img{width:56px;height:56px;object-fit:contain}.device-name{font-size:12px;font-weight:700;text-align:center;color:var(--c-text);line-height:1.3}.device-release{font-size:11px;color:var(--c-text-sub);font-family:var(--font-mono)}.group-header-row td{padding:0}.group-header{background:var(--c-group-bg);color:var(--c-text);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-top:1px solid var(--c-border-strong);border-bottom:1px solid var(--c-border)}.spec-row:nth-child(2n) td{background:var(--c-surface)}.spec-row:hover td{background:var(--c-accent-light);transition:background .1s}.spec-label{width:var(--col-label);padding:9px 14px;font-size:12px;color:var(--c-text-sub);font-weight:500;border-right:1px solid var(--c-border);white-space:nowrap}.spec-value{padding:9px 14px;font-size:12px;color:var(--c-text);border-right:1px solid var(--c-border);vertical-align:middle;word-break:break-word}.spec-value:last-child{border-right:none}.bool-yes{color:var(--c-band-full);font-weight:700}.bool-no{color:var(--c-border-strong)}.band-score{display:flex;flex-wrap:wrap;gap:4px}.band-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 5px;border-radius:99px;font-size:11px;font-family:var(--font-mono);font-weight:500;white-space:nowrap}.band-pill--full{background:var(--c-band-full-bg);color:var(--c-band-full)}.band-pill--partial{background:var(--c-band-partial-bg);color:var(--c-band-partial)}.band-pill--low{background:var(--c-band-low-bg);color:var(--c-band-low)}.band-pill-gen{font-size:10px;font-weight:700;opacity:.75}.band-na{color:var(--c-border-strong)}.compare-footer{padding:10px 14px;font-size:11px;color:var(--c-text-sub);border-top:1px solid var(--c-border);text-align:right}.compare-footer a{color:var(--c-accent);text-decoration:none}.skeleton-img{width:56px;height:56px;border-radius:var(--radius);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-text{height:12px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 480px){:root{--col-label: 120px;--col-device: 160px}.device-name{font-size:11px}.spec-label,.spec-value{font-size:11px;padding:8px 10px}}