.tool{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:clamp(24px,4vw,44px);overflow:hidden}.tool:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--coral),var(--wine))}.tool__progress{display:flex;align-items:center;gap:14px;margin-bottom:28px;font-size:.85rem;color:var(--muted);font-weight:600}.tool__bar{flex:1;height:8px;border-radius:99px;background:var(--bg-warm);overflow:hidden}.tool__bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--coral),var(--wine));transition:width .4s cubic-bezier(.2,.8,.2,1)}.tool__q{font-family:var(--font-serif);font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.25;margin:0 0 22px;color:var(--ink)}.tool__options{display:grid;gap:10px}.tool__opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:500 1rem/1.4 var(--font-sans);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.tool__opt:hover{border-color:var(--coral);background:var(--coral-050)}.tool__opt[aria-pressed=true]{border-color:var(--wine);background:var(--wine-050)}.tool__opt-key{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--bg-warm);color:var(--wine);font-weight:700;font-size:.85rem}.tool__nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.tool__link{background:none;border:0;color:var(--muted);font:600 .92rem var(--font-sans);cursor:pointer;padding:8px 4px}.tool__link:hover{color:var(--wine)}.tool__fade{animation:toolFade .35s ease}@keyframes toolFade{0%{opacity:0;transform:translateY(8px)}}.result{text-align:center}.result__ring{position:relative;width:190px;height:190px;margin:0 auto 18px}.result__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.result__ring circle{fill:none;stroke-width:12;stroke-linecap:round}.result__ring .track{stroke:var(--bg-warm)}.result__ring .val{stroke:url(#ringGrad);transition:stroke-dashoffset 1.3s cubic-bezier(.2,.8,.2,1)}.result__num{position:absolute;inset:0;display:grid;place-items:center;font:600 2.8rem/1 var(--font-serif);color:var(--wine)}.result__num small{display:block;font:600 .75rem/1 var(--font-sans);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:6px}.result h3{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 12px}.result__text{color:var(--ink-soft);max-width:560px;margin:0 auto 26px}.result__tips{text-align:left;display:grid;gap:12px;margin:26px 0;padding:0;list-style:none}.result__tips li{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:var(--bg-warm)}.result__tips li>span:first-child{flex:none;color:var(--sage);font-weight:800}.result__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}.tool__note{font-size:.82rem;color:var(--muted);margin-top:22px;text-align:center}.love{display:grid;gap:18px}.love__names{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}@media(max-width:560px){.love__names{grid-template-columns:1fr}.love__plus{justify-self:center}}.love label{display:grid;gap:8px;font-weight:600;font-size:.9rem;color:var(--ink-soft)}.love__plus{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--coral-050);color:var(--coral);margin-bottom:4px}.heart-meter{position:relative;width:200px;height:184px;margin:8px auto 12px}.heart-meter svg{width:100%;height:100%}.heart-meter__num{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:14px;font:600 2.6rem/1 var(--font-serif);color:#fff;text-shadow:0 2px 10px rgb(92 18 41 / .4)}.beat{animation:beat 1.2s ease-in-out infinite;transform-origin:center}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.06)}30%{transform:scale(1)}45%{transform:scale(1.04)}}.apps{display:grid;gap:14px;margin:24px 0;text-align:left}.app{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface)}.app--top{border-color:var(--coral);background:linear-gradient(135deg,var(--coral-050),var(--surface))}.app__rank{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--wine);color:#fff;font:700 1rem var(--font-serif)}.app h4{margin:0 0 2px;font-size:1.15rem}.app p{margin:0;font-size:.9rem;color:var(--muted)}.app__score{font-weight:700;color:var(--sage);font-size:.9rem;white-space:nowrap}.app__more{grid-column:2 / -1;font-size:.9rem;font-weight:600}@media(max-width:560px){.app{grid-template-columns:auto 1fr}.app__score{grid-column:2}}