.diagnostic{border:1px solid color-mix(in srgb, var(--signal) 20%, var(--line));background:#ffffffe6;border-radius:1.45rem;overflow:hidden;box-shadow:0 1.5rem 4.5rem #2939561a}.diagnostic-head{border-bottom:1px solid var(--line);background:linear-gradient(110deg, var(--signal-soft), #fff 58%, color-mix(in srgb, var(--accent) 8%, #fff));grid-template-columns:1fr 1fr;gap:2rem;padding:1.3rem;display:grid;position:relative;overflow:hidden}.diagnostic-head:after{content:"";border:1px solid #405bd821;border-radius:50%;width:9rem;height:9rem;position:absolute;top:-5rem;right:8%;box-shadow:0 0 0 1.5rem #405bd809,0 0 0 3rem #7557d606}.diagnostic-head>div{align-items:center;gap:.8rem;display:flex}legend span{color:var(--accent);font:800 1.2rem/1 var(--font-mono)}.diagnostic-head>p{z-index:1;color:var(--muted);margin:0;font-size:.78rem;position:relative}.question-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:1.3rem;display:grid}.question-grid label{gap:.5rem;display:grid}.question-grid label>span{color:var(--paper);font-size:.78rem;font-weight:650}.question-grid label>span b{color:var(--accent);font:750 .65rem/1 var(--font-mono);margin-right:.45rem}input[type=number],select{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:3.2rem;color:var(--bright);border-radius:.75rem;outline:0;padding:.7rem .8rem}input:focus,select:focus{border-color:var(--signal);box-shadow:0 0 0 2px color-mix(in srgb, var(--signal) 18%, transparent)}fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:1.3rem}legend{color:var(--bright);padding:0 .7rem 0 0;font-weight:750}.constraint-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.8rem;display:grid}.constraint-grid label{border:1px solid var(--line);cursor:pointer;background:#f4f7fbb8;border-radius:.85rem;align-items:flex-start;gap:.7rem;min-height:5.2rem;padding:.85rem;transition:border-color .16s,translate .16s,background .16s,box-shadow .16s;display:flex;position:relative}.constraint-grid label:hover{border-color:color-mix(in srgb, var(--signal) 46%, var(--line));background:#fff;translate:0 -2px}.constraint-grid label:has(input:checked){border-color:color-mix(in srgb, var(--signal) 52%, var(--line));background:var(--signal-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--signal) 8%, transparent), 0 .45rem 1.1rem #405bd814}.constraint-grid input{width:1.1rem;height:1.1rem;accent-color:var(--signal);flex:none}.constraint-grid span{display:grid}.constraint-grid strong{color:var(--bright);font-size:.78rem}.constraint-grid small{color:var(--muted);margin-top:.2rem;font-size:.66rem}.form-actions{border-top:1px solid var(--line);background:#edf2f88c;gap:.7rem;padding:1.2rem 1.3rem;display:flex}.form-actions button{cursor:pointer}.results{border-top:1px solid var(--line);margin-top:2rem;padding-top:2rem;scroll-margin-top:1rem}.results>header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.results h2{color:var(--bright);letter-spacing:-.045em;margin:.55rem 0 0;font-size:clamp(1.6rem,4vw,2.5rem)}.share-button{border:1px solid var(--line);background:var(--surface);color:var(--signal);cursor:pointer;font:650 .64rem/1 var(--font-sans);border-radius:.65rem;padding:.7rem .85rem}.result-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.3rem;display:grid}.result-card{border:1px solid color-mix(in srgb, var(--signal) 18%, var(--line));background:linear-gradient(145deg, var(--signal-soft), #fff 35%, #fff);border-radius:1.15rem;flex-direction:column;min-width:0;min-height:23rem;padding:1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 .7rem 2rem #2939560f}.result-card:after{content:"";border:1px solid #405bd824;border-radius:50%;width:9rem;height:9rem;position:absolute;top:-4rem;right:-4rem;box-shadow:0 0 0 1.3rem #405bd809}.result-card>*{z-index:1;position:relative}.result-top{justify-content:space-between;gap:.5rem;display:flex}.rank{color:var(--accent);font:730 .6rem/1 var(--font-sans);letter-spacing:.04em}.compatibility{background:var(--success-soft);color:var(--success);font:680 .58rem/1 var(--font-sans);border-radius:999px;padding:.3rem .45rem}.result-card h3{color:var(--bright);margin:1rem 0 0;font-size:1.4rem}.result-card .price{min-height:3.8rem;color:var(--muted);font-size:.76rem}.result-card h4{color:var(--paper);margin:1rem 0 .45rem;font-size:.72rem}.result-card ul{color:var(--muted);margin:0;padding-left:1rem;font-size:.7rem}.result-card li+li{margin-top:.35rem}.unknown-list li::marker{color:var(--amber)}.result-link{background:var(--signal-soft);color:var(--signal);border-radius:.7rem;justify-content:space-between;margin-top:auto;padding:.75rem;font-size:.65rem;font-weight:720;display:flex}.result-link:after{content:"→"}.no-result{border-left:3px solid var(--amber);background:var(--surface);color:var(--paper);grid-column:1/-1;padding:1rem}.excluded-results{border:1px solid var(--line);background:var(--surface);border-radius:1rem;margin-top:1rem;overflow:hidden}.excluded-results summary{color:var(--paper);cursor:pointer;padding:1rem;font-size:.72rem;font-weight:670}.excluded-row{border-top:1px solid var(--line);grid-template-columns:13rem 1fr;gap:1rem;padding:.8rem 1rem;display:grid}.excluded-row>div{justify-content:space-between;gap:.6rem;display:flex}.excluded-row strong{color:var(--bright)}.excluded-row span{color:var(--muted);font:.62rem/1.5 var(--font-mono)}.excluded-row ul{color:var(--muted);margin:0;padding-left:1rem;font-size:.7rem}.excluded-row li::marker{color:var(--accent)}@media (width<=850px){.result-grid{grid-template-columns:1fr}.constraint-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.diagnostic-head,.question-grid,.constraint-grid{grid-template-columns:1fr}.question-grid .wide{grid-column:auto}.excluded-row{grid-template-columns:1fr}.results>header{flex-direction:column;align-items:start}}