@charset "UTF-8";
:root{--ink:#202020;--paper:#fffefa;--pink:#ff79cf;--yellow:#ffdb38;--blue:#a08afa;--green:#52d6b0}
body{background:#baa5f5;padding:40px 26px}
.shell{background:var(--paper);border-color:var(--ink);border-radius:30px;padding:32px 48px 38px;box-shadow:10px 10px 0 var(--ink)}
header{padding-bottom:22px;border-bottom:2px solid var(--ink)}
.logo-icon{background:var(--yellow);border-radius:11px}nav .btn{background:var(--pink)}
.hero{padding:52px 0 44px;grid-template-columns:1.04fr 1fr;gap:35px}
.intro{display:inline-block;padding:7px 12px;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);font-size:14px;font-weight:700;margin-bottom:22px}
h1{font-weight:900;font-size:clamp(42px,5.3vw,68px);line-height:1.04;letter-spacing:-2.8px;margin-bottom:20px}
.hero p.description{font-size:17px;line-height:1.55;max-width:395px}.hero>div>.btn{padding:15px 22px;font-size:17px}
.art{min-height:335px;padding:15px 0}
.car-panel{background:var(--pink);border-radius:30px;width:100%;padding:45px 0 30px;transform:rotate(-3deg);box-shadow:7px 7px 0 var(--ink);overflow:hidden}
.car-panel img{display:block;width:113%;height:auto;max-width:none;margin-left:-7%;transform:rotate(3deg)}
.sticker{background:var(--yellow);font-size:14px;padding:10px 14px;right:-6px;top:8px;transform:rotate(5deg);border-radius:11px}
.sticker.bottom{background:var(--green);color:var(--ink);font-size:13px;padding:11px 13px;bottom:5px;left:12px;transform:rotate(-3deg)}
.sun{background:var(--blue);width:66px;height:66px;top:3px;left:-18px;font-size:40px;z-index:1}
.criteria-tools{display:flex;justify-content:flex-end;margin:0 0 17px}.criteria-tools .btn{background:var(--yellow)}
.criteria{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:44px}
.criterion{background:#c0afff;border:2px solid var(--ink);border-radius:19px;box-shadow:5px 5px 0 var(--ink);padding:25px;display:flex;flex-direction:column;align-items:flex-start}
.criterion:nth-child(even){background:#73dfbc}.criterion h2{font-size:25px;margin-bottom:18px;letter-spacing:-.6px}
.dot{background:var(--yellow);width:18px;height:18px}.dot.green{background:var(--pink)}.chips{gap:8px}
.chip,.criterion:nth-child(even) .chip{background:#fffefa;border:1.5px solid var(--ink);font-size:13px;padding:8px 10px;border-radius:7px}
.criterion .note{color:#262626;margin:17px 0 22px;font-size:13px;line-height:1.55}
.criterion>.btn{background:transparent;box-shadow:none;border:1.5px solid var(--ink);border-radius:8px;font-size:13px;padding:8px 12px;margin-top:auto}
.criterion>.btn:hover{background:#fffefa;transform:none}.section-head h2{font-size:32px;letter-spacing:-1.1px}.section-head p{color:#414141}
#result-count{background:var(--yellow);border:1.5px solid var(--ink);border-radius:8px;padding:8px 11px;font-size:13px;font-weight:700}
.filters{gap:11px;margin:22px 0}.filters .btn,.filters select{border-radius:9px}.filters button[aria-pressed=true]{background:var(--yellow)}
.empty{border:2px solid var(--ink);background:#ffe1f3;border-radius:19px;padding:31px 20px;box-shadow:5px 5px 0 var(--ink)}
.empty .symbol{background:var(--yellow);width:56px;height:56px;font-size:31px}.empty h3{font-size:23px;letter-spacing:-.5px}.empty p{color:#414141;font-size:14px}
.inline-add{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.inline-add input{flex:1;min-width:150px;width:auto}.inline-info{margin:15px 0 0;width:100%}.inline-info .btn{padding:9px 12px;font-size:13px}
footer{border-top:2px solid var(--ink);color:#414141;margin-top:34px;padding-top:20px}.card{border-radius:18px}.card .photo{background:#c0afff}
#car-editor{width:calc(100% - 32px);max-width:670px;max-height:calc(100dvh - 40px);padding:27px;overflow:auto;background:#fffefa;overscroll-behavior:contain}
.wish-editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.wish-editor-head h2{margin:0;font-size:31px;letter-spacing:-1px}.wish-editor-head .btn{white-space:nowrap;background:var(--green);font-size:14px;padding:11px 15px}.wish-eyebrow{font-size:13px;margin:0 0 5px;color:#414141}.wish-car-label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
#car-name{font:inherit;font-weight:700;font-size:20px;width:100%;padding:12px 14px;border:2px solid var(--ink);border-radius:11px;background:white}
#wish-save-status{font-size:12px;color:#414141;margin:10px 0 23px;line-height:1.5}
#wish-fields{display:grid;gap:15px}.wish-box{display:flex;align-items:flex-start;gap:8px;background:#fff0a1;border:2px solid var(--ink);border-radius:14px;padding:8px 8px 8px 13px;box-shadow:3px 3px 0 var(--ink)}.wish-box:nth-child(3n+2){background:#e2d9ff}.wish-box:nth-child(3n){background:#cdf5e7}
.wish-box textarea{display:block;width:100%;min-width:0;min-height:78px;resize:vertical;background:transparent;border:0;border-radius:5px;padding:10px 3px;font:inherit;font-size:17px;line-height:1.5;color:var(--ink);overflow-y:hidden}.wish-box textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.wish-remove{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--ink);border-radius:50%;background:white;font-size:24px;line-height:1;margin:3px 0 0}.wish-remove:hover{background:var(--pink)}
#add-wish{width:100%;margin:20px 0 0;padding:15px}#no-wishes{padding:23px;background:#e2d9ff;border:2px dashed var(--ink);border-radius:14px;line-height:1.6}.wish-editor-bottom{margin-top:25px;padding-top:15px;border-top:1px solid #ccc}.wish-editor-bottom button{background:transparent;border:0;padding:7px 0;font:inherit;font-size:12px;text-decoration:underline;color:#555}input:focus-visible{outline:3px solid #7551d0;outline-offset:3px}
.chip{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.criteria{gap:30px;margin:12px 0 26px}.criterion,.criterion:nth-child(even){background:transparent;border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none;padding:23px 0;display:block;min-width:0}
.wish-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.car-title{border:0;background:transparent;font:inherit;font-size:25px;letter-spacing:-.5px;font-weight:800;padding:3px 0;color:var(--ink);width:100%;min-width:0;border-radius:4px}.remove-car{border:0;background:transparent;font-size:24px;color:#686868;width:32px;height:32px;flex:none;opacity:.55}.remove-car:hover{opacity:1;color:var(--ink)}
.wish-pills{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.wish-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:2px solid var(--ink);border-radius:22px;padding:7px 7px 7px 14px;background:#e2d9ff;box-shadow:2px 2px 0 var(--ink)}.wish-pill:nth-child(4n+2){background:#fff0a1}.wish-pill:nth-child(4n+3){background:#cdf5e7}.wish-pill:nth-child(4n){background:#ffd7ed}
.wish-text{display:block;min-width:28px;max-width:100%;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;padding:2px 0;border-radius:3px;outline:0}.wish-text:empty::before{content:attr(data-placeholder);color:#666;pointer-events:none}.wish-pill:focus-within{outline:3px solid #7551d0;outline-offset:3px}.pill-remove{display:grid;place-items:center;align-self:center;flex:none;border:0;border-radius:50%;background:transparent;width:26px;height:26px;font-size:22px;line-height:1;color:#454545}.pill-remove:hover{background:#fff9}.new-wish{font:inherit;font-size:14px;font-weight:700;padding:11px 15px;border:2px dashed var(--ink);border-radius:999px;background:transparent;min-height:45px;color:var(--ink)}.new-wish:hover{background:var(--yellow);border-style:solid}
.car-panel{transform:none;padding:18px 4px;border-radius:25px}.car-panel img{width:100%;height:auto;margin:0;transform:none}.art{padding:0;min-height:0;max-width:100%}.criteria-tools .btn{border-radius:999px;font-size:14px;padding:11px 17px}
.select-control{display:inline-flex}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;background:var(--paper);border:2px solid var(--ink);border-radius:13px;box-shadow:3px 3px 0 var(--ink);padding:10px 14px;font-weight:700;font-size:14px}.select-trigger[aria-expanded=true]{background:var(--yellow)}.select-chevron{font-size:21px;line-height:1}.select-menu{position:fixed;inset:auto;margin:0;border:2px solid var(--ink);border-radius:15px;padding:7px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);max-height:260px;overflow:auto}.select-menu::backdrop{background:transparent}.select-option{display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-radius:9px;width:100%;padding:12px 11px;background:transparent;font-size:14px;text-align:left;min-height:44px}.select-option[aria-selected=true]{background:var(--yellow);font-weight:700}.select-option:hover,.select-option:focus-visible{background:#e2d9ff;outline:0}
@media(max-width:800px){.criteria{grid-template-columns:1fr;gap:0}}@media(max-width:480px){.criterion{padding:20px 0}.car-title{font-size:23px}.wish-pill{padding:6px 6px 6px 12px}.pill-remove{width:30px;height:30px}.wish-pills{gap:10px}.select-trigger{font-size:13px;padding:10px 11px;gap:12px}.art{min-height:0;padding:0}.car-panel{padding:17px 2px}}
@media(max-width:480px){#car-editor{padding:20px 16px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.wish-editor-head h2{font-size:27px}.wish-editor-head .btn{font-size:12px;padding:10px}.wish-box textarea{font-size:16px}.wish-editor-head{margin-bottom:22px}}
@media(max-width:800px){.criteria{grid-template-columns:1fr}body{padding:22px 15px}.shell{padding:25px;box-shadow:7px 7px 0 var(--ink)}.hero{grid-template-columns:1fr;padding:35px 0 32px;gap:30px}.hero p.description{max-width:490px}.art{max-width:450px;min-height:300px}h1{font-size:60px}}
@media(max-width:480px){body{padding:15px 12px 23px}.shell{padding:22px 18px;border-radius:22px;box-shadow:6px 6px 0 var(--ink)}header{gap:10px;padding-bottom:18px;align-items:center}.logo{font-size:16px;gap:8px}.logo-icon{width:32px;height:35px}nav .btn{font-size:11px;padding:9px 8px;gap:4px;border-radius:9px}.intro{font-size:12px;padding:7px 9px;margin-bottom:18px}h1{font-size:45px;letter-spacing:-2px}.hero p.description{font-size:16px}.hero>div>.btn{font-size:15px;padding:12px 17px}.art{min-height:254px;padding-top:20px}.car-panel{padding:39px 0 24px;border-radius:23px}.sticker{font-size:11px;right:-3px;top:5px}.sticker.bottom{font-size:10px;bottom:9px;left:3px}.sun{width:49px;height:49px;left:-6px;top:4px;font-size:29px}.criterion{padding:21px}.criterion h2{font-size:23px}.criteria{margin-bottom:35px}.section-head h2{font-size:28px}.filters{gap:10px}.filters .btn,.filters select{font-size:13px;padding:10px 11px}.empty h3{font-size:21px}}

/* Cards contain the editable wishes; secondary controls stay visually quiet. */
.criteria{gap:24px;align-items:stretch;margin:18px 0 25px}
.criterion,.criterion:nth-child(even){border:2px solid var(--ink);border-radius:21px;padding:23px;background:#c4b3fa;box-shadow:5px 5px 0 var(--ink)}
.criterion:nth-child(even){background:#83dfc0}
.wish-heading{margin-bottom:18px}.car-title:focus-visible{outline:0;box-shadow:inset 0 -2px 0 var(--ink)}
.remove-car{opacity:1;color:var(--ink);border-radius:50%}.remove-car:hover{background:#fff6}
.wish-pill,.wish-pill:nth-child(4n+2),.wish-pill:nth-child(4n+3),.wish-pill:nth-child(4n){background:#fffefa;box-shadow:2px 2px 0 var(--ink)}
.wish-pill:focus-within{outline:none;box-shadow:2px 2px 0 var(--ink),inset 0 0 0 1px var(--ink)}
.new-wish{background:transparent}.new-wish:hover{background:#fff9}
.filters #all,.filters #favorites{background:#fffefa}.filters .btn{box-shadow:2px 2px 0 var(--ink)}
.filters #all[aria-pressed=true],.filters #favorites[aria-pressed=true]{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}
.filters #all[aria-pressed=true]::before,.filters #favorites[aria-pressed=true]::before{content:'';display:block;width:11px;height:6px;flex:none;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(-45deg)}
.criteria-tools .btn{background:#c4b3fa}.criteria-tools .btn:hover{background:#d5c8fc}
#result-count{background:transparent;border:0;padding:6px 0;color:#555;font-weight:400}
.select-trigger,.select-trigger[aria-expanded=true]{background:#fffefa;box-shadow:2px 2px 0 var(--ink)}
.select-trigger:focus-visible{outline:none;box-shadow:2px 2px 0 var(--ink),inset 0 0 0 2px var(--ink)}
.select-chevron{display:block;width:18px;height:18px;flex:none}
.select-menu{padding:6px;box-shadow:4px 4px 0 var(--ink)}
.select-option[aria-selected=true],.select-option[aria-selected=true]:hover,.select-option[aria-selected=true]:focus-visible{background:#ff79cf;color:#202020;font-weight:800}
.select-option:not([aria-selected=true]):hover,.select-option:not([aria-selected=true]):focus-visible{background:#ffe0f2;color:#202020}
.car-panel{position:relative;padding:56px 8px 67px;overflow:hidden;transform:none}
.hero-tag{position:absolute;display:block;width:max-content;max-width:calc(100% - 48px);padding:10px 14px;border:2px solid var(--ink);border-radius:11px;box-shadow:3px 3px 0 var(--ink);font-size:13px;font-weight:800;line-height:1.25;color:var(--ink)}
.hero-tag-top{top:20px;right:23px;background:var(--yellow);transform:rotate(3deg)}
.hero-tag-bottom{bottom:23px;left:24px;background:var(--green);transform:rotate(-2deg)}
@media(max-width:800px){.criteria{gap:23px}.art{min-height:0;padding:0}}
@media(max-width:480px){.criterion,.criterion:nth-child(even){padding:19px;border-radius:19px}.wish-pills{gap:10px}.wish-pill{padding:6px 6px 6px 11px}.wish-text{font-size:13px}.new-wish{font-size:13px}.car-panel{padding:50px 3px 63px}.hero-tag{font-size:11px;padding:9px 11px}.hero-tag-top{top:18px;right:20px}.hero-tag-bottom{bottom:20px;left:21px}.art{min-height:0;padding:0}.select-chevron{width:16px;height:16px}}
.uncertainty{margin:14px 0;padding:12px;border:2px solid var(--ink);border-radius:12px;background:var(--yellow);font-size:14px}.uncertainty ul{margin:6px 0 0;padding-left:20px}.uncertainty li{margin:5px 0;line-height:1.45}
#detail{width:calc(100% - 36px);max-width:820px;max-height:calc(100dvh - 36px);padding:26px;overflow:auto;overscroll-behavior:contain;background:var(--paper)}
#detail-body>h2{font-size:29px;line-height:1.15;letter-spacing:-.8px;margin:22px 0 12px}
.detail-section{border:2px solid var(--ink);border-radius:17px;box-shadow:3px 3px 0 var(--ink);padding:21px;margin:20px 0;color:var(--ink)}
.detail-lilac{background:#e2d9ff}.detail-mint{background:#cdf5e7}.detail-rose{background:#ffd7ed}
.detail-section h3{font-size:20px;line-height:1.25;letter-spacing:-.35px;margin:0 0 17px}.detail-section p{margin:0;line-height:1.55;white-space:pre-line}.detail-section p+p{margin-top:13px}
.detail-section .facts{margin:0;grid-template-columns:minmax(140px,1fr) 1.8fr;gap:12px 20px;line-height:1.45}.detail-section .facts dt,.detail-section .facts dd{min-width:0;overflow-wrap:anywhere}.detail-section .facts dt{font-size:14px}.detail-section .facts dd{font-size:15px}
.detail-features{margin:0;padding-left:21px;columns:2;column-gap:28px}.detail-features li{line-height:1.5;margin:0 0 9px;break-inside:avoid;overflow-wrap:anywhere}.detail-section .btn{margin:17px 0 0;background:#fffefa}
#detail .detail-uncertainty-bottom{background:#ffd7ed;border-radius:17px;box-shadow:3px 3px 0 var(--ink);padding:21px;margin:22px 0 4px}.detail-uncertainty-bottom strong{display:block;font-size:20px;margin-bottom:12px}
@media(max-width:560px){#detail{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:17px;border-radius:19px}#detail-body>h2{font-size:25px}.detail-section{padding:17px;margin:17px 0;border-radius:15px}.detail-section .facts{grid-template-columns:1fr;gap:3px}.detail-section .facts dt:not(:first-child){margin-top:11px}.detail-features{columns:1}#detail .detail-uncertainty-bottom{padding:17px}.detail-section h3{font-size:19px}}
.model-pill{display:inline-flex;align-items:center;padding:7px 12px;margin:0 0 15px;border:2px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);font-size:13px;line-height:1.2;font-weight:800}
.model-karoq{background:#c4b3fa}.model-byd{background:#83dfc0}.model-other{background:#ffd7ed}