.live-candidates{border-top:1px solid var(--border-subtle);margin-top:2rem;padding-top:1.5rem}.live-candidates-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.live-candidates-head h3{font-size:1.1rem}.live-candidates-note{color:var(--text-secondary);margin:.4rem 0 .9rem;font-size:.85rem}.live-candidate-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.live-candidate{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.live-rank{width:1.8rem;height:1.8rem;color:var(--accent-fill);background:color-mix(in srgb, var(--accent-fill) 10%, transparent);border-radius:999px;place-items:center;font-size:.8rem;font-weight:600;display:grid}.live-product{gap:.05rem;min-width:0;display:grid}.live-product strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.live-product small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.76rem;overflow:hidden}.live-match{white-space:nowrap;color:var(--accent-fill);font-variant-numeric:tabular-nums;font-size:.82rem}@media (width<=480px){.live-candidate{grid-template-columns:auto minmax(0,1fr)}.live-match{grid-column:2;justify-self:start}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9f9f9;--surface:#fff;--surface-muted:#f3f3f3;--text:#1a1c1c;--text-secondary:#636363;--accent:#8f1e12;--accent-fill:#b13627;--accent-press:#8b1a0f;--border:#e2e2e2;--border-subtle:#f0f0f0;--danger:#ba1a1a;--danger-container:#ffdad6;--radius-sm:8px;--radius-md:12px;--radius:16px;--radius-xl:24px;--shadow:0 10px 40px #00000008;--shadow-hover:0 12px 44px #0000000f;--font-heading:"Hanken Grotesk", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-body:"Inter", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--ease:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}main{max-width:720px;padding:env(safe-area-inset-top,0) max(1.25rem, env(safe-area-inset-right,0)) calc(4rem + env(safe-area-inset-bottom,0)) max(1.25rem, env(safe-area-inset-left,0));margin:0 auto}.app-header{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.85rem 0;display:flex;position:sticky;top:0}.logo{font-family:var(--font-heading);letter-spacing:.01em;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;display:inline-flex}.logo-mark{border-radius:5px;flex-shrink:0}h1{font-family:var(--font-heading);letter-spacing:.01em;margin:.5rem 0 1rem;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:600;line-height:1.1}h2{font-family:var(--font-heading);letter-spacing:.01em;margin:.25rem 0 .5rem;font-size:clamp(1.4rem,4vw,1.75rem);font-weight:600;line-height:1.2}h3{font-family:var(--font-heading);letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:500}h4{letter-spacing:.05em;color:var(--text-secondary);text-transform:none;margin:1.25rem 0 .4rem;font-size:.85rem;font-weight:600}.eyebrow{font-family:var(--font-body);letter-spacing:.06em;color:var(--accent-fill);text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:600}.lead{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1.02rem;line-height:1.75}.note{color:var(--text-secondary);margin-top:1.25rem;font-size:.85rem}.error{color:var(--danger)}.start{animation:rise .5s var(--ease) both;padding-top:2.5rem}.benefits{gap:.9rem;margin:0 0 1.75rem;padding:0;list-style:none;display:grid}.benefits li{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow);grid-template-columns:6.5rem 1fr;align-items:baseline;gap:.75rem;padding:1rem 1.1rem;display:grid}.benefits strong{font-family:var(--font-heading);font-size:.9rem;font-weight:600}.benefits span{color:var(--text-secondary);font-size:.9rem}.btn-primary{appearance:none;cursor:pointer;background:var(--accent-fill);color:#fff;width:100%;font:inherit;font-family:var(--font-body);border-radius:var(--radius-md);border:0;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .12s ease-out,background-color .2s ease-out,opacity .2s ease-out}.btn-primary:active{background:var(--accent-press);transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{appearance:none;border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text);font:inherit;font-family:var(--font-body);border-radius:var(--radius-sm);padding:.7rem 1.25rem;font-size:.95rem;font-weight:500;transition:transform .12s ease-out,opacity .2s ease-out,border-color .2s ease-out}.btn-ghost:active{opacity:.8;transform:scale(.97)}.btn-ghost:disabled{opacity:.5;cursor:default}.link{appearance:none;color:var(--accent-fill);font:inherit;font-family:var(--font-body);cursor:pointer;background:0 0;border:0;padding:.4rem .5rem;font-size:.9rem;font-weight:600}.question{animation:rise .5s var(--ease) both;padding-top:1.25rem}.progress{background:var(--surface-muted);border-radius:999px;height:6px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{background:var(--accent-fill);height:100%;transition:width .4s var(--ease);border-radius:999px}.options{gap:.8rem;margin:1.25rem 0;display:grid}.option{appearance:none;text-align:left;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font:inherit;font-family:var(--font-body);box-shadow:var(--shadow);gap:.2rem;padding:1.1rem 1.2rem;transition:transform .12s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;display:grid}.option:active{transform:scale(.98)}.option:hover{border-color:var(--accent-fill);box-shadow:var(--shadow-hover)}.option-label{font-size:1rem;font-weight:600}.option-desc{color:var(--text-secondary);font-size:.88rem}.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.actions .btn-primary{flex:1;width:auto}.result{animation:rise .5s var(--ease) both;padding-top:1.25rem}.result-summary{color:var(--text-secondary);margin:.5rem 0 1.25rem}.banner{border-radius:var(--radius-md);margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.9rem}.banner p{margin:0}.banner.warn{background:var(--danger-container);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);color:var(--text)}.candidates{gap:1rem;display:grid}.product-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);padding:1.1rem 1.1rem .9rem}.product-card:hover{box-shadow:var(--shadow-hover)}.product-card.top{border-color:color-mix(in srgb, var(--accent-fill) 45%, transparent)}.product-card-head{align-items:flex-start;gap:.75rem;display:flex}.product-card-main{flex:1;min-width:0}.product-card-main h3{font-family:var(--font-heading);font-weight:600}.model{color:var(--text-secondary);margin:.15rem 0 0;font-size:.85rem}.rank-badge{letter-spacing:.05em;color:var(--accent-fill);background:color-mix(in srgb, var(--accent-fill) 10%, transparent);border-radius:999px;flex-shrink:0;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.product-card.top .rank-badge{color:#fff;background:var(--accent-fill)}.score{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.score strong{font-family:var(--font-heading);letter-spacing:.01em;font-size:1.4rem;font-weight:600}.score span{color:var(--text-secondary);font-size:.85rem}.spec-chips{flex-wrap:wrap;gap:.4rem;margin:.9rem 0;display:flex}.spec-chips span{color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:500}.spec-chips .price{color:var(--text);font-weight:600}.reasons{gap:.35rem;margin:0 0 .75rem;padding:0;font-size:.9rem;list-style:none;display:grid}.reasons li:before{content:"✓ ";color:var(--accent-fill);font-weight:700}.product-card-detail{border-top:1px solid var(--border-subtle);animation:rise .35s var(--ease) both;margin-top:.5rem;padding-top:.5rem}.score-breakdown,.sources{gap:.3rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.score-breakdown li{justify-content:space-between;gap:1rem;display:flex}.score-breakdown strong{font-variant-numeric:tabular-nums}.sources a{color:var(--accent-fill);font-weight:500;text-decoration:none}.toggle{width:100%;margin-top:.75rem}.no-match{text-align:center;padding:1rem 0 .5rem}.no-match .btn-primary{max-width:320px;margin:.5rem auto 0;display:block}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}