.rec{max-width:600px;margin:0 auto;padding:60px 24px 96px}.rec .rhead{max-width:54ch;margin-bottom:30px}.rec .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accentDeep);margin:0 0 14px}.rec .rhead h1{font-family:var(--display);font-weight:600;font-size:clamp(34px,5vw,52px);color:var(--ink);margin:0 0 14px;letter-spacing:-.022em}.rec .rhead .lede{font-size:17px;color:var(--muted);margin:0}.rec .ns{font-size:15px;color:var(--body)}.rec .ns a{color:var(--accentDeep)}.rec .status{display:flex;align-items:center;gap:16px;margin-bottom:11px}.rec .segs{display:flex;gap:6px;flex:1}.rec .seg{position:relative;height:5px;border-radius:999px;background:var(--surface);flex:1;overflow:hidden}.rec .seg:after{content:"";position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--accentDeep),var(--accent));border-radius:999px;transition:width .45s cubic-bezier(.2,.7,.2,1)}.rec .seg.done:after{width:100%}.rec .count{font-family:var(--mono);font-size:12px;color:var(--muted);flex:none}.rec .rail{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:28px;margin-bottom:16px}.rec .raillab{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}.rec .pills{display:flex;flex-wrap:wrap;gap:7px}.rec .pillhint{font-size:13px;color:var(--faint);font-style:italic}.rec .pill{font-family:var(--mono);font-size:11.5px;color:var(--ink);background:var(--white);border:1px solid var(--border);border-radius:999px;padding:5px 11px;box-shadow:0 1px #1a1c2208}.rec .pill.pop{animation:pillPop .42s cubic-bezier(.2,.8,.2,1.2) both}@keyframes pillPop{0%{opacity:0;transform:translateY(4px) scale(.82)}60%{transform:translateY(0) scale(1.06)}to{opacity:1;transform:none}}.rec .stage{position:relative}.rec .qcard{border:1px solid var(--border);border-radius:22px;background:var(--white);padding:26px 28px 30px;box-shadow:0 18px 50px -28px #1a1c224d;transition:transform .26s cubic-bezier(.2,.7,.2,1),opacity .26s ease}@media (max-width: 540px){.rec .qcard{padding:22px 18px 24px}}.rec .qcard.enterR{opacity:0;transform:translate(26px)}.rec .qcard.enterL,.rec .qcard.leaveL{opacity:0;transform:translate(-26px)}.rec .qcard.leaveR{opacity:0;transform:translate(26px)}.rec .qcard.in{opacity:1;transform:none}.rec .qtop{min-height:18px;margin-bottom:8px}.rec .back{background:none;border:0;font-family:var(--mono);font-size:12px;color:var(--muted);cursor:pointer;padding:4px 8px 4px 0;border-radius:6px}.rec .back:hover{color:var(--accentDeep)}.rec .back:before{content:"";display:inline-block;width:6px;height:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:7px;vertical-align:middle}.rec .qq{font-family:var(--display);font-weight:600;font-size:clamp(23px,3.3vw,30px);color:var(--ink);margin:0 0 6px;letter-spacing:-.018em}.rec .qhelp{font-size:14px;color:var(--muted);margin:0 0 6px}.rec .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}@media (max-width: 520px){.rec .opts{grid-template-columns:1fr}}.rec .opt:last-child:nth-child(odd){grid-column:1 / -1}.rec .opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--paper);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;opacity:0;animation:optIn .46s cubic-bezier(.2,.7,.2,1) forwards;transition:border-color .15s ease,box-shadow .18s ease,transform .14s ease,background .15s ease}@keyframes optIn{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}.rec .opt:hover{border-color:var(--ink);background:var(--white);box-shadow:0 10px 26px -14px #1a1c2247;transform:translateY(-2px)}.rec .opt:active{transform:translateY(0) scale(.995)}.rec .opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rec .opt.on{border-color:var(--accent);background:var(--accentSoft)}.rec .tok{width:27px;height:27px;flex:none;border-radius:8px;border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--muted);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .18s cubic-bezier(.2,.8,.2,1.2)}.rec .opt:hover .tok{border-color:var(--ink);color:var(--ink)}.rec .opt.on .tok{background:var(--accent);border-color:var(--accent);color:var(--white);transform:rotate(-5deg) scale(1.06)}.rec .lbl{flex:1;font-family:var(--body-font);font-size:15px;font-weight:500;color:var(--ink);line-height:1.3}.rec .rad{width:18px;height:18px;flex:none;border-radius:50%;border:1.6px solid var(--border);position:relative;transition:border-color .15s ease}.rec .opt.on .rad{border-color:var(--accent)}.rec .opt.on .rad:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent);animation:dotIn .26s cubic-bezier(.2,.8,.2,1.3) both}@keyframes dotIn{0%{transform:scale(0)}to{transform:scale(1)}}.rec .result{opacity:0;transition:opacity .3s ease}.rec .result.show{opacity:1}.rec .rcard{border:1px solid var(--border);border-radius:22px;background:var(--white);padding:30px 30px 32px;box-shadow:0 18px 50px -28px #1a1c224d}.rec .result.show .rcard{animation:rcardIn .55s cubic-bezier(.2,.7,.2,1) both}@keyframes rcardIn{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}@media (max-width: 540px){.rec .rcard{padding:24px 20px 26px}}.rec .reyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--accentDeep);margin:0 0 8px}.rec .rtitle{font-family:var(--display);font-weight:600;font-size:clamp(24px,4vw,34px);color:var(--ink);margin:0 0 22px;letter-spacing:-.02em}.rec .result.show .rtitle{animation:upFade .5s ease .06s both}.rec .spec{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:14px;overflow:hidden}.rec .srow{display:grid;grid-template-columns:116px 1fr;gap:14px;padding:14px 18px;background:var(--paper)}.rec .srow+.srow{border-top:1px solid var(--hairline)}.rec .result.show .srow{animation:upFade .5s ease both}.rec .result.show .srow:nth-child(1){animation-delay:.14s}.rec .result.show .srow:nth-child(2){animation-delay:.2s}.rec .result.show .srow:nth-child(3){animation-delay:.26s}.rec .sk{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:2px}.rec .sv b{display:block;font-family:var(--display);font-weight:600;font-size:16px;color:var(--ink)}.rec .sv em{display:block;font-style:normal;font-size:13.5px;color:var(--body);margin-top:3px}@keyframes upFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rec .block{margin-top:26px}.rec .result.show .block{animation:upFade .5s ease .34s both}.rec .blab{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:12px}.rec .fabcard{display:flex;gap:16px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.rec .fimg{width:140px;flex:none;background:var(--surface)}.rec .fimg img{width:100%;height:100%;object-fit:cover;display:block}.rec .fimg.ph{min-height:110px}.rec .fbody{padding:14px 16px}.rec .fbody h3{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);margin:0 0 3px}.rec .ftag{font-size:13.5px;color:var(--muted);margin:0 0 9px}.rec .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.rec .chip{font-family:var(--mono);font-size:10.5px;color:var(--inkSoft);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:3px 9px}.rec .flink{font-family:var(--mono);font-size:12px;color:var(--accentDeep);text-decoration:none}.rec .flink:hover{text-decoration:underline}@media (max-width: 480px){.rec .fabcard{flex-direction:column}.rec .fimg{width:100%;aspect-ratio:17/12}}.rec .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 640px){.rec .pgrid{grid-template-columns:1fr 1fr}}@media (max-width: 420px){.rec .pgrid{grid-template-columns:1fr}}.rec .pcard{border:1px solid var(--border);border-radius:13px;overflow:hidden;text-decoration:none;background:var(--white);display:flex;flex-direction:column;transition:border-color .12s ease,transform .12s ease}.rec .pcard:hover{border-color:var(--faint);transform:translateY(-2px)}.rec .pimg{aspect-ratio:1/1;background:var(--surface)}.rec .pimg img{width:100%;height:100%;object-fit:cover;display:block}.rec .pimg.ph{display:flex;align-items:center;justify-content:center;background:var(--ink)}.rec .pimg.ph svg{width:56px;height:auto}.rec .pbody{padding:11px 13px 14px}.rec .pbody h4{font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink);margin:0 0 3px}.rec .pbody p{font-size:12.5px;color:var(--muted);margin:0 0 7px;line-height:1.45}.rec .pprice{font-family:var(--mono);font-size:12.5px;color:var(--accentDeep)}.rec .cta-block p{font-size:15px;color:var(--body);margin:0}.rec .ractions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}.rec .result.show .ractions{animation:upFade .5s ease .42s both}.rec .cta{display:inline-block;font-family:var(--display);font-weight:600;font-size:15px;padding:13px 22px;border-radius:12px;background:var(--accentDeep);color:var(--white);text-decoration:none;transition:background .15s ease}.rec .cta:hover{background:var(--accent)}.rec .restart{background:none;border:0;font-family:var(--body-font);font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;padding:6px 4px}.rec .restart:hover{color:var(--ink);text-decoration:underline}@media (prefers-reduced-motion: reduce){.rec .qcard,.rec .opt,.rec .seg:after,.rec .pill,.rec .result,.rec .rcard,.rec .rtitle,.rec .srow,.rec .block,.rec .ractions,.rec .tok,.rec .rad:after{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}