:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#f0f3f6;--fg:#16202a;--muted:#5f6b77;--line:#e1e6eb;--accent:#00708d;--accent-soft:#e2f2f6;--accent-fg:#fff;--good:#1b7a45;--good-soft:#e3f4ea;--warn:#9a5b00;--warn-soft:#fdf0dc;--shadow:0 1px 2px #1018200f, 0 4px 16px #1018200f;--radius:14px;--tile-edge:#0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--fg);padding:0 16px 64px;font:15px/1.6 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}h1,h2,h3{margin:0;line-height:1.3}.muted{color:var(--muted)}button{font:inherit;cursor:pointer}.hero{max-width:1160px;margin:0 auto;padding:28px 0 18px}.brand{align-items:center;gap:10px;margin-bottom:18px;display:flex}.logo{letter-spacing:.02em;color:var(--accent);font-weight:800}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.hero h1{font-size:clamp(22px,3.2vw,30px);font-weight:800}.lead{color:var(--muted);margin:6px 0 16px;font-size:14px}.ask{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:stretch;gap:8px;padding:8px;display:flex}.ask:focus-within{border-color:var(--accent)}.ask textarea{resize:vertical;min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:1;min-height:52px;padding:8px 10px;font-size:16px}.ask button{background:var(--accent);color:var(--accent-fg);white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 18px;font-weight:700;display:inline-flex}.ask button:disabled{opacity:.6;cursor:progress}@media (max-width:560px){.go-label{display:none}.ask button{padding:0 14px}}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.samples{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.samples button{border:1px solid var(--line);background:var(--surface);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:4px 12px;font-size:12.5px;overflow:hidden}.samples button:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:640px){.samples{scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;padding-bottom:4px;overflow-x:auto}.samples button{flex:none;max-width:260px}}.mode{background:var(--surface-2);border-radius:999px;flex-shrink:0;padding:3px;display:inline-flex}.mode input{opacity:0;pointer-events:none;position:absolute}.mode span{color:var(--muted);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:12.5px;display:block}.mode input:checked+span{background:var(--surface);color:var(--fg);box-shadow:var(--shadow);font-weight:700}.mode input:focus-visible+span{outline:2px solid var(--accent)}.stats{flex-wrap:wrap;gap:6px;max-width:1160px;margin:4px auto 18px;display:flex}.stat{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.stat b{color:var(--fg);font-variant-numeric:tabular-nums}.stat.hl{background:var(--accent-soft);color:var(--accent);border-color:#0000}.stat.hl b{color:var(--accent)}.stat.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.empty{max-width:1160px;margin:8px auto}.how{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.how>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:16px;display:flex}.how b{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.how span{color:var(--muted);font-size:14px}.how strong{color:var(--fg)}.results{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:20px;max-width:1160px;margin:0 auto;transition:opacity .2s;display:grid}.results.loading{opacity:.45;pointer-events:none}@media (max-width:880px){.results{grid-template-columns:1fr}}.list,.detail,.showcase>*{min-width:0}.list h2,.detail h2{color:var(--muted);letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:700}.h2-note{letter-spacing:0;margin-left:6px;font-weight:500}.show-rest{border:1px dashed var(--line);width:100%;color:var(--accent);border-radius:var(--radius);background:0 0;padding:10px;font-size:13px;font-weight:700}.show-rest:hover{border-color:var(--accent)}.car.rest{opacity:.85}.car{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:inherit;grid-template-columns:120px 1fr;align-items:center;gap:12px;margin-bottom:10px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.car:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.car.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), var(--shadow)}.car .rank{background:var(--fg);width:24px;height:24px;color:var(--bg);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.car.first .rank{background:var(--accent);color:var(--accent-fg)}.car-tile{background:var(--paint);color:var(--ink);font-variant-emoji:text;box-shadow:inset 0 0 0 1px var(--tile-edge);border-radius:12px;place-items:center;width:120px;height:72px;font-family:Noto Emoji,sans-serif;font-size:44px;line-height:1;display:grid}.car>div{min-width:0}.car .name{font-size:16px;font-weight:800}.car .type{color:var(--muted);margin-left:6px;font-size:11px;font-weight:600}.car .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.car .price{font-variant-numeric:tabular-nums;font-weight:800}.car .price small{color:var(--muted);margin-left:2px;font-size:11px;font-weight:500}.car .hls{grid-column:1/-1}.match{align-items:center;gap:8px;margin:4px 0;display:flex}.meter{background:var(--surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.meter i{background:var(--accent);border-radius:3px;height:100%;display:block}.match span{font-variant-numeric:tabular-nums;text-align:right;min-width:38px;font-size:12px;font-weight:700}.chip{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;margin:3px 4px 0 0;padding:1px 8px;font-size:11.5px;display:inline-flex}.chip.good{background:var(--good-soft);color:var(--good)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.jev{background:var(--accent-soft);color:var(--accent)}.chip.jev b{font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:18px}.showcase{grid-template-columns:1.2fr 1fr;align-items:center;gap:16px;display:grid}@media (max-width:640px){.showcase{grid-template-columns:1fr}}.car-tile.big{aspect-ratio:2;border-radius:var(--radius);width:100%;height:auto;font-size:clamp(88px,12vw,136px)}.showcase h3{font-size:24px;font-weight:800}.showcase .grade-name{color:var(--muted);margin-top:2px;font-size:13px}.total{margin-top:14px}.total .label{color:var(--muted);font-size:12px}.total .yen{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:30px;font-weight:800}.total .yen small{color:var(--muted);margin-left:4px;font-size:13px;font-weight:600}.facts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.section-title{align-items:baseline;gap:8px;margin:0 0 10px;font-size:13px;font-weight:800;display:flex}.section-title .muted{font-size:12px;font-weight:500}.grades{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.grade{text-align:left;border:1px solid var(--line);background:var(--surface);min-width:150px;color:inherit;border-radius:10px;flex:none;padding:8px 10px}.grade.sel{border-color:var(--accent);background:var(--accent-soft)}.grade .g-name{font-size:13px;font-weight:800}.grade .g-spec{color:var(--muted);font-size:11.5px}.grade .g-foot{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-top:4px;font-size:12px;display:flex}.grade .g-score{color:var(--accent);font-weight:800}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #00000014}.swatch.sel{outline:2px solid var(--accent);outline-offset:3px}.swatch.want:after{content:"";background:var(--good);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.color-note{margin-top:10px;font-size:13px}.items{margin:0;padding:0;list-style:none}.items li{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;display:grid}.items li:first-child{border-top:0;padding-top:0}.items .i-name{font-size:14px;font-weight:600}.items .i-kind{color:var(--muted);margin-right:6px;font-size:11px}.items .i-price{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.items .i-why{grid-column:1/-1}.items.skipped .i-name{color:var(--muted);font-weight:500}.none{color:var(--muted);font-size:13px}.breakdown{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:6px 12px;font-size:13px;display:grid}.breakdown .sum{border-top:1px solid var(--line);padding-top:8px;font-size:15px;font-weight:800}.breakdown span:nth-child(2n){text-align:right}details.more{margin-top:12px}details.more>summary,.jev summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:700;list-style:none}details.more>summary::-webkit-details-marker{display:none}.jev summary::-webkit-details-marker{display:none}details.more>summary:before,.jev summary:before{content:"▸ "}details[open].more>summary:before,.jev details[open] summary:before{content:"▾ "}.score-panel{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.score-head{align-items:center;gap:16px;margin-bottom:14px;display:flex}.score-big{width:76px;height:76px;color:var(--accent);background:var(--accent-soft);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex}.score-big small{margin-left:1px;font-size:13px}.f-head,.f-row{grid-template-columns:128px 1fr 110px 40px 48px;align-items:center;gap:10px;display:grid}.f-head{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;font-size:11px;font-weight:700}.f-head span:nth-child(4),.f-head span:nth-child(5){text-align:right}.f-row{border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.f-row.hit{background:linear-gradient(90deg, var(--warn-soft), transparent 70%);border-bottom-color:#0000;border-radius:8px;margin:0 -8px;padding:8px}.f-label{font-weight:700}.f-w{color:var(--muted);font-size:10.5px;font-weight:500;display:block}.f-flow{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.f-flow .chip{margin:0}.f-arrow{color:var(--muted)}.f-car{font-weight:600}.f-bar{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.f-bar i{background:var(--accent);height:100%;display:block}.f-bar i.low{background:var(--warn)}.f-fit,.f-loss{text-align:right;font-variant-numeric:tabular-nums}.f-loss{color:var(--muted);font-weight:800}.f-row.hit .f-loss{color:var(--warn)}.f-quiet{margin-top:10px;font-size:12px}@media (max-width:640px){.f-head{display:none}.f-row{grid-template-columns:1fr 40px 48px}.f-row .f-flow{grid-area:2/1/auto/-1}.f-row .f-bar{grid-area:3/1/auto/-1}}.jev{max-width:1160px;margin:8px auto 0}.jev>details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.jev summary .muted{margin-left:6px;font-weight:500}.answers{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px 24px;margin-top:14px;display:grid}.answers h4{color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:700}.answers .grp-title{color:var(--fg);border-bottom:1px solid var(--line);grid-column:1/-1;padding-bottom:4px;font-size:12px;font-weight:800}.pbar{grid-template-columns:1fr 42px;align-items:center;gap:8px;margin:3px 0;font-size:12px;display:grid}.pbar .track{background:var(--surface-2);border-radius:4px;height:18px;position:relative;overflow:hidden}.pbar .track i{background:color-mix(in srgb, var(--accent) 22%, transparent);position:absolute;inset:0 auto 0 0}.pbar.on .track i{background:color-mix(in srgb, var(--accent) 55%, transparent)}.pbar .track span{white-space:nowrap;padding-left:6px;line-height:18px;position:relative}.pbar .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.pbar.on .v{color:var(--fg);font-weight:700}.conf{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:8px;max-width:1160px;margin:0 auto 16px;padding:12px 16px;font-size:13px;display:grid}.conf.low{border-color:var(--warn)}.conf .conf-line b{font-variant-numeric:tabular-nums}.conf .muted{color:var(--muted)}.followup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.followup button{font:inherit;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13px}.followup button:hover{background:var(--accent);color:var(--accent-fg)}.weights summary{cursor:pointer;color:var(--muted)}.weights .w-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px;margin-top:8px;display:grid}.weights label{grid-template-columns:5.5em 1fr 3em;align-items:center;gap:8px;display:grid}.weights input[type=range]{width:100%}.weights button{font:inherit;cursor:pointer;margin-top:8px;font-size:12px}.answers .conf-box{grid-column:1/-1}