.finder-frame{min-height:880px}.finder-topbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;grid-gap:12px;gap:12px;padding:18px;background:rgba(255,253,249,.9);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.9)}.finder-topbar>div{text-align:center}.finder-topbar small,.finder-topbar strong{display:block}.finder-topbar strong{font-family:var(--font-serif),serif;font-size:17px}.finder-topbar small{margin-top:2px;color:var(--mint-700);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.finder-mini-mark,.round-back{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.96);display:grid;place-items:center;background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(250,246,240,.9));box-shadow:0 12px 26px -18px rgba(28,25,23,.28),inset 0 2px 2px rgba(255,255,255,.96),inset 0 -2px 3px rgba(28,25,23,.04)}.round-back{cursor:pointer;font-weight:800}.finder-progress-track{height:7px;margin:0 18px;border-radius:999px;background:rgba(214,211,209,.65);overflow:hidden;box-shadow:inset 0 1px 2px rgba(28,25,23,.08)}.finder-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2cc9b9,#0d9488);box-shadow:0 0 18px rgba(13,148,136,.28);transition:width .32s ease}.finder-content{padding:26px 18px 34px}.finder-question-head h1,.finder-results h1,.match-copy h2{font-family:var(--font-serif),serif}.finder-question-head h1,.finder-results h1{margin:18px 0 8px;font-size:30px;line-height:1.08}.finder-question-head p,.finder-results>p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.finder-options{display:grid;grid-gap:12px;gap:12px;margin-top:24px}.finder-option{width:100%;min-height:78px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 14px;text-align:left;cursor:pointer;border-radius:22px;border:1px solid rgba(255,255,255,.97);color:var(--ink);background:radial-gradient(ellipse at 18% 0,rgba(255,255,255,.9),transparent 45%),linear-gradient(155deg,rgba(255,255,255,.98),rgba(255,251,244,.9));box-shadow:0 18px 34px -24px rgba(54,43,34,.32),inset 1px 2px 2px rgba(255,255,255,1),inset 0 -3px 5px rgba(88,71,57,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.finder-option:hover{transform:translateY(-2px);border-color:rgba(13,148,136,.22);box-shadow:0 22px 38px -22px rgba(13,148,136,.25),inset 1px 2px 2px rgba(255,255,255,1),inset 0 -3px 5px rgba(88,71,57,.04)}.finder-option:active{transform:scale(.98)}.finder-option-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,rgba(221,242,236,.9),rgba(255,236,225,.76));box-shadow:inset 0 2px 2px rgba(255,255,255,.85),0 12px 22px -18px rgba(13,148,136,.36)}.finder-option small,.finder-option strong{display:block}.finder-option strong{font-size:13px}.finder-option small{margin-top:3px;color:#8a827d;font-size:10px}.option-arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:white;background:linear-gradient(180deg,#35cdbd,#087b72);box-shadow:0 10px 18px -10px rgba(4,120,110,.55),inset 0 1px 1px rgba(255,255,255,.55)}.finder-results{text-align:center}.result-celebration{width:72px;height:72px;margin:0 auto 12px;border-radius:26px;display:grid;place-items:center;font-size:32px;background:linear-gradient(145deg,rgba(221,242,236,.94),rgba(255,236,225,.82));box-shadow:0 20px 34px -22px rgba(13,148,136,.4),inset 0 2px 2px rgba(255,255,255,.95),inset 0 -3px 5px rgba(89,65,51,.05)}.match-list{display:grid;grid-gap:14px;gap:14px;margin-top:26px;text-align:left}.match-card{position:relative;overflow:hidden;display:grid;grid-template-columns:84px 1fr;grid-gap:14px;gap:14px;min-height:142px;padding:16px;border-radius:26px;border:1px solid rgba(255,255,255,.95);background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.94),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,246,240,.91));box-shadow:0 22px 42px -28px rgba(28,25,23,.34),inset 0 2px 2px rgba(255,255,255,.98),inset 0 -3px 5px rgba(74,58,46,.035)}.match-card:after{content:"";position:absolute;width:130px;height:130px;right:-50px;bottom:-65px;border-radius:50%;background:var(--match-glow,rgba(221,242,236,.7));filter:blur(12px)}.accent-rose{--match-cake:#e3a4c6;--match-top:#f8dce9;--match-glow:rgba(252,231,243,0.78)}.accent-cocoa{--match-cake:#7c4a36;--match-top:#b9785b;--match-glow:rgba(224,191,168,0.62)}.accent-mint{--match-cake:#93d6bf;--match-top:#dff4ea;--match-glow:rgba(188,228,218,0.78)}.accent-lemon{--match-cake:#f3d875;--match-top:#fff2b7;--match-glow:rgba(254,243,199,0.82)}.match-cake{position:relative;align-self:center;width:78px;height:88px;filter:drop-shadow(0 14px 12px rgba(68,48,38,.18))}.match-cake span,.match-cake:before{content:"";position:absolute;left:8px;right:8px;border-radius:38% 38% 20% 20%/18% 18% 20% 20%}.match-cake:before{height:50px;bottom:10px;background:linear-gradient(var(--match-top),var(--match-cake));box-shadow:inset 0 2px 3px rgba(255,255,255,.7)}.match-cake span{height:22px;bottom:52px;background:linear-gradient(#fffdf9,var(--match-top))}.match-copy{position:relative;z-index:2}.match-score{display:inline-flex;padding:5px 8px;border-radius:999px;color:var(--mint-700);background:rgba(221,242,236,.72);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.match-copy h2{margin:8px 0 4px;font-size:17px}.match-copy p{margin:0 0 8px;max-width:220px;color:var(--muted);font-size:10px;line-height:1.4}.match-copy>strong{color:var(--mint-700);font-size:12px}.match-rank{position:absolute;right:14px;top:10px;color:rgba(28,25,23,.08);font-family:var(--font-serif),serif;font-size:34px;font-weight:700}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}@media (min-width:900px){.finder-frame{width:min(100%,920px)}.finder-content{padding:42px 54px 54px}.finder-options{grid-template-columns:repeat(2,minmax(0,1fr))}.match-list{grid-template-columns:repeat(3,minmax(0,1fr))}.match-card{grid-template-columns:1fr;min-height:280px;align-content:start}.match-cake{width:110px;height:115px;margin:4px auto 0}.match-copy{text-align:center}.match-copy p{margin-inline:auto}}@media (max-width:420px){.finder-frame{border-radius:0;min-height:100vh}.finder-content{padding:22px 16px 30px}.finder-question-head h1,.finder-results h1{font-size:27px}}