.stage{isolation:isolate;background:radial-gradient(60% 40% at 15% 20%, var(--wash-1), transparent 70%), radial-gradient(50% 35% at 90% 35%, var(--wash-2), transparent 70%), radial-gradient(70% 45% at 50% 100%, var(--wash-3), transparent 70%), var(--bg-2);flex-direction:column;min-height:calc(100svh - 52px);padding:20px 8px 8px;display:flex;position:relative;overflow:hidden}.stage-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.bg-item{opacity:.09;width:34px;animation:drift var(--d,9s) ease-in-out infinite alternate;transition:opacity .6s;position:absolute}.bg-item.is-out{opacity:.025}.show-results .bg-item{opacity:.03}@keyframes drift{to{transform:translateY(-8px) rotate(var(--r,3deg))}}.stage-intro{text-align:center;padding-inline:16px}.stage-intro h1{font-size:var(--fs-xl);margin:0 0 4px}.stage-intro p{font-size:var(--fs-sm);color:var(--text-2);margin:0}.show-results .stage-intro,.show-results .stage-hero{display:none}.stage-hero{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:min(620px,100%);min-height:210px;margin-inline:auto;padding-block:24px 16px;display:grid}.hero-item{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:0;display:flex}.hero-item[data-slot="1"]{transform:translateY(-20px)}.hero-item svg{filter:drop-shadow(0 16px 20px #00000024);width:clamp(78px,22vw,128px)}.hero-item figcaption{gap:1px;padding-inline:4px;display:grid}.hero-name{font-size:var(--fs-xs);font-weight:500;line-height:1.3}.hero-cap{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.6875rem}.hero-item.is-entering{animation:.5s cubic-bezier(.25,1,.5,1) both rise}.hero-item[data-slot="0"].is-entering{animation-delay:40ms}.hero-item[data-slot="2"].is-entering{animation-delay:80ms}@keyframes rise{0%{opacity:0;translate:0 12px;scale:.96}}.card{background:var(--glass);width:100%;backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);flex-direction:column;padding:12px 12px 14px;display:flex}.card[hidden]{display:none}.card>.options,.card>.range{margin-block:auto}.card[data-enter=next]>:not(.card-foot,.progress),.card[data-enter=back]>:not(.card-foot,.progress){animation:.36s cubic-bezier(.25,1,.5,1) both card-in}.card[data-enter=back]>:not(.card-foot,.progress){--from:-20px}@keyframes card-in{0%{opacity:0;translate:var(--from,20px) 0}}.card-head{grid-template-columns:44px 1fr 44px;align-items:start;gap:4px;margin-bottom:12px;display:grid}.card-titles{text-align:center;padding-top:6px}.card-title{font-size:var(--fs-md);letter-spacing:-.02em;outline:none;margin:0;font-weight:600;line-height:1.25}.count{font-size:var(--fs-xs);color:var(--text-2);font-variant-numeric:tabular-nums;margin-top:2px;display:block}.card-side{justify-items:end;display:grid}.card-info{border-radius:var(--r-md);background:var(--fill);font-size:var(--fs-sm);color:var(--text-2);margin:-2px 4px 12px;padding:12px 14px}.icon-btn{border-radius:var(--r-pill);cursor:pointer;width:44px;height:44px;color:var(--text-2);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover{background:var(--fill);color:var(--text)}.icon-btn:disabled{opacity:.25;cursor:default;background:0 0}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option{border-radius:var(--r-md);background:var(--fill);cursor:pointer;text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:68px;padding:14px 10px;transition:box-shadow .2s,background-color .2s,transform .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000}.option:active{transform:scale(.98)}.option:hover{background:var(--fill-2)}.option.is-selected{background:var(--bg);box-shadow:inset 0 0 0 2px var(--blue)}.option-art{place-items:center;height:60px;margin-bottom:6px;display:grid}.option-art svg{width:auto;height:100%}.option-art svg.grip{width:100%;max-width:108px;height:auto}.option-label{font-size:var(--fs-sm);letter-spacing:-.01em;font-weight:600}.option-hint{font-size:var(--fs-xs);color:var(--text-2);line-height:1.33}.option .badge{position:absolute;top:-9px;left:50%;translate:-50%}.tick{background:var(--blue);width:22px;height:22px;color:var(--on-blue);box-shadow:0 0 0 2px var(--bg);opacity:0;border-radius:50%;place-items:center;transition:opacity .2s,scale .3s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:-7px;right:-7px;scale:.5}.option.is-selected .tick{opacity:1;scale:1}.tick svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:13px}.range{gap:10px;padding:4px 6px 0;display:grid}.range-top{justify-content:space-between;align-items:center;display:flex}.range-value{font-size:var(--fs-xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600}.range-alt{color:var(--text-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.range.is-off .range-value{color:var(--text-3)}.range input{--pct:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.range input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--blue) var(--pct), var(--fill-2) var(--pct));border-radius:4px;height:4px}.range input::-moz-range-track{background:linear-gradient(to right, var(--blue) var(--pct), var(--fill-2) var(--pct));border-radius:4px;height:4px}.range.is-off input::-webkit-slider-runnable-track{background:var(--fill-2)}.range.is-off input::-moz-range-track{background:var(--fill-2)}.range input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:28px;height:28px;margin-top:-12px;box-shadow:0 0 0 .5px #0000000a,0 3px 8px #00000026,0 3px 1px #0000000f}.range input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.range-ticks{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.6875rem;display:flex}.nolimit{border-radius:var(--r-pill);background:var(--fill);min-height:36px;font-size:var(--fs-sm);cursor:pointer;border:0;padding:0 14px;font-weight:500;box-shadow:inset 0 0 0 1px #0000}.nolimit.is-selected{background:var(--bg);box-shadow:inset 0 0 0 2px var(--blue)}.card-foot{gap:12px;margin-top:14px;display:grid}.progress{gap:4px;margin-bottom:4px;padding:2px 10px 0;display:flex}.progress span{background:var(--fill-2);border-radius:3px;flex:1;height:3px;transition:background-color .35s}.progress .is-done{background:var(--text)}.continue{width:100%}.results{gap:8px;width:100%;display:grid}.results[hidden]{display:none}.results-head{text-align:center;padding:4px 16px 8px}.results-head h2{font-size:var(--fs-xl);margin:0 0 4px}.results-head p{color:var(--text-2);font-size:var(--fs-sm);margin:0}.results-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.results-actions .btn{background:var(--bg);box-shadow:var(--shadow-sm)}.results-detail{background:var(--bg);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden}.detail-art{background:var(--bg-2);place-items:center;padding:24px 24px 8px;display:grid}.detail-art svg{width:100%;max-width:220px}.detail-body{gap:16px;padding:20px;display:grid}.detail-top h3{font-size:var(--fs-xl);letter-spacing:-.03em;margin:0 0 10px}.detail-top .eyebrow{margin:0 0 2px}.fit-score{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:0;font-weight:500;display:flex}.fit-bar{background:var(--fill-2);border-radius:4px;flex:1;max-width:180px;height:4px;overflow:hidden}.fit-bar span{border-radius:inherit;background:var(--blue);height:100%;display:block}.reasons{font-size:var(--fs-sm);color:var(--text-2);gap:6px;margin:0;padding:0;list-style:none;display:grid}.reasons li{gap:8px;display:flex}.reasons li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.3 2.3 2.2 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat, var(--green);border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px}.detail-actions{gap:8px;display:grid}.detail-actions .btn{width:100%}.disclose{color:var(--text-3);text-align:center;margin:0;font-size:.6875rem}.results-list{background:var(--glass);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);border-radius:var(--r-xl);margin:0;padding:6px;list-style:none}.result-row{border-radius:var(--r-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;display:flex}.result-row:hover{background:var(--fill)}.result-row.is-current{background:var(--bg);box-shadow:var(--shadow-sm)}.row-rank{width:18px;font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.row-art svg{width:24px}.row-text{flex:1;min-width:0;display:grid}.row-name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.row-cap{font-size:var(--fs-xs);color:var(--text-2);font-variant-numeric:tabular-nums}.results-empty{text-align:center;background:var(--bg);border-radius:var(--r-xl);padding:40px 24px}@media (width<=733px) and (height<=740px){.stage{padding-top:12px}.stage-hero{min-height:0;padding-block:12px 10px}.hero-item{gap:6px}.hero-item svg{width:clamp(56px,16vw,72px)}.hero-item[data-slot="1"]{transform:translateY(-10px)}.hero-cap{display:none}.hero-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.option{min-height:60px;padding-block:10px}}@media (width>=734px){.stage{min-height:760px;margin:0 var(--gutter);border-radius:32px;padding:40px 24px 24px}.bg-item{width:44px}.stage-hero{min-height:260px}.hero-item[data-slot="1"]{transform:translateY(-36px)}.hero-name{font-size:var(--fs-sm)}.card{width:min(680px,100%);margin-inline:auto;padding:16px 16px 18px}.card-title{font-size:var(--fs-lg)}.options{grid-template-columns:repeat(min(var(--cols), 4), minmax(0, 1fr))}.options.has-art{grid-template-columns:repeat(min(var(--cols), 5), minmax(0, 1fr))}.option-art{height:72px}.results{width:min(1000px,100%);margin-inline:auto}.results-detail{grid-template-columns:1fr 1fr;display:grid}.detail-art{align-items:start;padding:40px 32px}.detail-art svg{max-width:280px;position:sticky;top:96px}.detail-body{padding:28px}}@media (width>=1024px){.results{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"head head""detail list";align-items:start}.results-head{grid-area:head}.results-detail{grid-area:detail}.results-list{grid-area:list;max-height:620px;overflow:auto}}.guide[data-astro-cid-tpc65xfq] h2[data-astro-cid-tpc65xfq],.section[data-astro-cid-tpc65xfq] h2[data-astro-cid-tpc65xfq]{max-width:18em;margin-bottom:28px}.cards[data-astro-cid-tpc65xfq]{gap:12px;display:grid}.cards[data-astro-cid-tpc65xfq] p[data-astro-cid-tpc65xfq]{color:var(--text-2);font-size:var(--fs-sm);margin:0}.chips[data-astro-cid-tpc65xfq]{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips[data-astro-cid-tpc65xfq] a[data-astro-cid-tpc65xfq]{border-radius:var(--r-pill);background:var(--bg-2);min-height:44px;color:var(--text);font-size:var(--fs-sm);align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.chips[data-astro-cid-tpc65xfq] a[data-astro-cid-tpc65xfq]:hover{background:var(--fill-2)}.faq[data-astro-cid-tpc65xfq]{max-width:760px}details[data-astro-cid-tpc65xfq]{border-bottom:1px solid var(--line)}summary[data-astro-cid-tpc65xfq]{cursor:pointer;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;list-style:none;display:flex}summary[data-astro-cid-tpc65xfq]::-webkit-details-marker{display:none}summary[data-astro-cid-tpc65xfq]:after{content:"+";color:var(--text-3);font-size:1.25em;font-weight:400;line-height:1}details[data-astro-cid-tpc65xfq][open] summary[data-astro-cid-tpc65xfq]:after{content:"−"}details[data-astro-cid-tpc65xfq] p[data-astro-cid-tpc65xfq]{color:var(--text-2);margin:0 0 18px}@media (width>=734px){.cards[data-astro-cid-tpc65xfq]{grid-template-columns:1fr 1fr}}