:root{--bg:#fbf6ee;--surface:#fff;--surface2:#f3ece0;--ink:#1a1410;--ink2:#5a4a3a;--ink3:#9a8770;--border:#ebe2d2;--peach:#e8744f;--peach-lt:#fde6dc;--rose:#c93f5e;--cool:#3a5e8a;--cool-lt:#dde6f0;--ok:#5a7a4a;--ok-lt:#d6edd8;--purple:#7c3aed;--radius:18px;--radius-sm:12px;--shadow:0 2px 16px -6px rgba(60,30,10,.14);--shadow-sm:0 1px 6px rgba(60,30,10,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.65}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--peach) 45%,transparent);outline-offset:2px}.shell{width:min(100% - 32px,1280px);margin-inline:auto}.site-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;padding-block:42px 28px;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 7px;color:var(--ink3);font-size:10px;font-weight:700;letter-spacing:.22em;line-height:1.2;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.evidence>h2,.result-intro h2,h1{font-family:Fraunces,Noto Sans JP,serif;letter-spacing:-.02em}h1{margin-bottom:3px;font-size:clamp(32px,5vw,48px);line-height:1.16}.site-header p:last-child{margin-bottom:0;color:var(--ink2)}.share-button{flex:0 0 auto;min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:var(--peach);color:white;box-shadow:var(--shadow);cursor:pointer;font-weight:700;transition:filter .15s}.share-button:hover{filter:brightness(.94)}.workspace{display:grid;gap:28px;padding-block:28px 64px}.input-card{align-self:start;overflow:hidden;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.input-card section{padding:24px 20px}.input-card section+section{border-top:1px solid var(--border)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-heading>span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--ink);color:white;font:600 12px/1 JetBrains Mono,monospace}.section-heading h2{margin:0;font-size:18px;line-height:1.3}.paired-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:14px}.advanced-grid>*,.paired-fields>*,.workspace>*{min-width:0}.number-field{display:block;min-width:0;color:var(--ink2);font-size:12px;font-weight:600}.number-input-wrap{display:flex;align-items:center;gap:6px;min-width:0;margin-top:5px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.number-input-wrap input{width:100%;min-width:0;box-sizing:border-box;height:40px;border:0;outline:0;background:transparent;color:var(--ink);font:600 15px/1 JetBrains Mono,monospace}.number-input-wrap small{flex:0 0 auto;color:var(--ink3);font-size:10px;white-space:nowrap}.distance-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;margin:18px 0;padding:14px;border-radius:var(--radius-sm);background:var(--peach-lt)}.distance-box>span{color:var(--ink2);font-size:12px;font-weight:600}.distance-box strong{grid-row:span 2;font:600 21px/1.2 JetBrains Mono,monospace}.distance-box strong small{font-size:11px}.distance-box label{font-size:11px;color:var(--ink2)}.distance-box label input{margin:0 5px 0 0;vertical-align:-2px}.override-input{grid-column:1/-1;width:100%;height:38px;margin-top:8px;padding-inline:10px;border:1px solid color-mix(in srgb,var(--peach) 35%,var(--border));border-radius:8px;background:white;font-family:JetBrains Mono,monospace}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-block:10px;cursor:pointer;font-weight:600}.toggle-row input{position:absolute;right:0;opacity:0}.toggle{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:99px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--border)}.toggle:after{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(40,20,10,.2);content:"";transition:transform .15s}.toggle-row input:checked+.toggle{background:var(--peach)}.toggle-row input:checked+.toggle:after{transform:translateX(18px)}.toggle-row input:focus-visible+.toggle{outline:3px solid color-mix(in srgb,var(--peach) 45%,transparent);outline-offset:2px}.segment-field{min-width:0;margin:14px 0 0;padding:0;border:0}.segment-field legend{margin-bottom:6px;color:var(--ink2);font-size:12px;font-weight:600}.segments{display:flex;min-width:0;padding:3px;border-radius:10px;background:var(--surface2)}.segments button{flex:1 1;min-width:0;min-height:36px;padding:5px 6px;border:0;border-radius:8px;background:transparent;color:var(--ink2);cursor:pointer;font-size:12px;font-weight:600;transition:background .15s}.segments button.active{background:white;color:var(--ink);box-shadow:var(--shadow-sm)}.field-note{margin:7px 0 0;color:var(--ink3);font-size:11px}.advanced{margin-top:14px;border-top:1px solid var(--border)}.advanced summary,.breakdown-details summary{padding:13px 0;cursor:pointer;color:var(--ink2);font-size:12px;font-weight:700}.advanced-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-bottom:4px}.selected-cars{margin:-8px 0 16px}.selected-cars>p{margin:0 0 7px;color:var(--ink2);font-size:11px;font-weight:700}.selected-cars>div{display:flex;flex-wrap:wrap;gap:6px}.selected-car-pill{padding:5px 9px;border:1px solid var(--category-color);border-radius:99px;background:var(--category-bg);color:var(--category-text);cursor:pointer;font-size:10px;font-weight:700;line-height:1.35}.selected-car-pill span{margin-left:2px;font-size:13px}.no-selection{color:var(--ink3);font-size:11px}.ev{--category-color:var(--cool);--category-bg:var(--cool-lt);--category-text:var(--cool)}.hv{--category-color:var(--ok);--category-bg:var(--ok-lt);--category-text:#3e6534}.gas{--category-color:var(--ink2);--category-bg:var(--surface2);--category-text:var(--ink2)}.carshare{--category-color:var(--purple);--category-bg:#ede9fe;--category-text:var(--purple)}.car-filter-segments{display:flex;gap:3px;overflow-x:auto;margin-inline:-2px;padding:3px;border-radius:10px;background:var(--surface2);scrollbar-width:thin}.car-filter-segments button{flex:0 0 auto;min-height:34px;padding:5px 9px;border:0;border-radius:8px;background:transparent;color:var(--ink2);cursor:pointer;font-size:10px;font-weight:600;white-space:nowrap}.car-filter-segments button.active{background:white;color:var(--ink);box-shadow:var(--shadow-sm)}.car-search{display:block;margin-top:10px}.car-search>span{display:block;margin-bottom:5px;color:var(--ink2);font-size:11px;font-weight:600}.car-search input{width:100%;height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);font-size:12px}.car-search input::placeholder{color:var(--ink3)}.selection-count{margin:9px 0 12px;color:var(--ink3);font-size:10px}.car-groups{display:grid;gap:18px}.car-group h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:12px;line-height:1.4}.car-group h3 i{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--category-color)}.car-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.car-chip{min-width:0;min-height:58px;padding:7px 8px;border:1px solid var(--border);border-left:3px solid var(--category-color);border-radius:10px;background:white;cursor:pointer;line-height:1.3;text-align:left}.car-chip>span{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.car-chip>span small{color:var(--ink2);font-size:9px}.car-chip>span strong{font-size:11px}.car-chip>small{display:block;overflow:hidden;margin-top:3px;color:var(--ink3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.car-chip.selected{border-color:var(--category-color);background:var(--category-bg);color:var(--category-text)}.car-chip.unavailable{cursor:not-allowed;opacity:.42}.no-cars{margin:0;padding:14px;border-radius:10px;background:var(--surface2);color:var(--ink2);font-size:11px}.selection-toast{position:fixed;z-index:20;right:16px;bottom:16px;left:16px;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:10px 15px;border-radius:99px;background:var(--ink);color:white;box-shadow:var(--shadow);font-size:12px;font-weight:700}.results-area{min-width:0}.result-intro{padding:10px 2px 22px}.result-intro h2{max-width:800px;margin-bottom:6px;font-size:clamp(25px,4vw,38px);line-height:1.25;font-weight:600}.result-intro h2 strong{color:var(--rose)}.result-intro>p:last-child{margin:0;color:var(--ink3);font-size:13px}.result-intro .carshare-summary{margin:0 0 5px;color:var(--ink2);font-size:14px;font-weight:700}.result-grid{display:grid;grid-auto-columns:min(86vw,340px);grid-auto-flow:column;gap:12px;overflow-x:auto;padding:3px 2px 16px;scroll-snap-type:x mandatory}.result-card{position:relative;overflow:hidden;min-width:0;padding:18px;border:.5px solid var(--border);border-top:4px solid var(--card-color);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);scroll-snap-align:start}.category-ev{--card-color:var(--cool)}.category-hv{--card-color:var(--ok)}.category-gas{--card-color:var(--ink2)}.category-carshare{--card-color:var(--purple)}.rank-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.rank{color:var(--ink3);font-size:10px;font-weight:700}.category-badge,.verify-badge{display:inline-flex;border-radius:99px;font-size:9px;font-weight:700;line-height:1.2}.category-badge{padding:5px 8px}.category-badge.ev{background:var(--cool-lt);color:var(--cool)}.category-badge.hv{background:var(--ok-lt);color:#3f6634}.category-badge.gas{background:var(--surface2);color:var(--ink2)}.category-badge.carshare{background:#eee6ff;color:var(--purple)}.verify-badge{margin-left:6px;padding:3px 6px;background:#fff0c7;color:#805b00;vertical-align:2px}.maker{margin:0;color:var(--ink3);font-size:10px}.result-card h3{display:inline;margin:0;font-family:Fraunces,Noto Sans JP,serif;font-size:25px;letter-spacing:-.02em;line-height:1.25}.grade{min-height:22px;margin:2px 0 0;color:var(--ink2);font-size:11px}.monthly{margin:22px 0 18px}.monthly>span{display:block;color:var(--ink2);font-size:11px;font-weight:600}.monthly strong{font:600 clamp(28px,4vw,36px)/1.2 JetBrains Mono,monospace;letter-spacing:-.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.monthly strong small{margin-left:3px;font-size:12px;letter-spacing:0}.totals{margin:0;border-top:1px solid var(--border)}.breakdown-body dl>div,.totals>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.breakdown-body dt,.totals dt{color:var(--ink3);font-size:10px}.breakdown-body dd,.totals dd{margin:0;font:500 11px/1.5 JetBrains Mono,monospace;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.difference{margin:10px 0 0;color:var(--rose);font-size:10px;font-weight:700}.stack-wrap{margin-top:18px}.stack{display:flex;width:100%;height:11px;overflow:hidden;border-radius:99px;background:var(--surface2)}.stack span{min-width:1px;background:color-mix(in srgb,var(--card-color) calc(100% - var(--shade, 0%)),white var(--shade,0%))}.stack-0{--shade:0%}.stack-1{--shade:17%}.stack-2{--shade:32%}.stack-3{--shade:45%}.stack-4{--shade:56%}.stack-5{--shade:65%}.stack-6{--shade:74%}.stack-wrap>span{display:block;margin-top:5px;color:var(--ink3);font:500 9px/1.3 JetBrains Mono,monospace;text-align:right}.breakdown-details{margin-top:6px;border-top:1px solid var(--border)}.breakdown-details summary{padding-bottom:0}.breakdown-body{padding-top:10px}.breakdown-body dl{margin:0}.breakdown-caption{margin:10px 0;color:var(--ink3);font-size:9px}.breakdown-body ul{margin:0;padding-left:16px;color:var(--ink2);font-size:10px}.breakdown-body li+li{margin-top:5px}.legend{display:flex;flex-wrap:wrap;gap:7px 12px;padding:6px 4px 28px;color:var(--ink2);font-size:9px}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:8px;height:8px;border-radius:2px;background:var(--ink)}.legend-1{opacity:.83}.legend-2{opacity:.68}.legend-3{opacity:.55}.legend-4{opacity:.44}.legend-5{opacity:.35}.legend-6{opacity:.26}.legend small{width:100%;color:var(--ink3)}.evidence{margin-top:20px;padding:26px 20px;border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.evidence>h2{margin-bottom:1px;font-size:28px}.as-of{margin-bottom:20px;color:var(--ink3);font-size:11px}.car-data-sources{margin-bottom:20px;padding:16px;border-radius:var(--radius-sm);background:var(--surface2)}.car-data-sources h3{margin-bottom:8px;font-size:14px}.car-data-sources p{margin:0;color:var(--ink2);font-size:11px}.car-data-sources p+p{margin-top:5px}.car-data-sources .price-note{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.car-data-sources .verify-badge{margin-left:0}.source-table-wrap{max-width:100%;overflow-x:auto}table{width:100%;min-width:560px;border-collapse:collapse;font-size:11px;line-height:1.55}td,th{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}thead th{color:var(--ink3);font-size:9px}tbody th{width:120px;font-size:11px}tbody td:nth-child(2){width:230px;font-family:JetBrains Mono,monospace;font-size:9px}tbody td:last-child{color:var(--ink2)}.method{margin-top:28px;padding:20px;border-radius:var(--radius-sm);background:var(--surface2)}.method h3{margin-bottom:10px;font-size:15px}.method p{margin:0;color:var(--ink2);font-size:12px}.method p+p{margin-top:5px}.site-footer{border-top:1px solid var(--border);background:var(--surface2)}.site-footer .shell{padding-block:28px}.site-footer p{margin:0;color:var(--ink2);font-size:11px}.site-footer p+p{margin-top:3px}@media (max-width:767px){.site-header{align-items:flex-start}.site-header>div{flex-basis:100%;min-width:0}.share-button{margin-left:auto}}@media (min-width:768px){.shell{width:min(100% - 64px,1280px)}.car-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.evidence{padding:32px}}@media (min-width:1024px){body{font-size:16px}.site-header{padding-block:54px 32px}.workspace{grid-template-columns:minmax(315px,360px) minmax(0,1fr);gap:34px;align-items:start}.input-card{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin}.input-card section{padding:24px}.result-intro{padding-top:5px}}@media (min-width:1220px){.workspace{grid-template-columns:380px minmax(0,1fr);gap:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important}}