@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Trirong:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:var(--font-ui-th);color:#f7f3ed;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050505;--surface: rgba(255, 255, 255, .075);--surface-strong: rgba(255, 255, 255, .13);--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .24);--text: #f8f3ec;--muted: #aaa39b;--dim: #716c65;--cream: #f6efe5;--coral: #ff7b70;--green: #a5cbb3;--gold: #e8bb72;--font-logo: "Cormorant Garamond", "Libre Bodoni", Georgia, serif;--font-display-th: "Trirong", "Noto Serif Thai", serif;--font-ui-th: "IBM Plex Sans Thai", "Bai Jamjuree", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(255,123,112,.16),transparent 34rem),radial-gradient(circle at right 35%,rgba(165,203,179,.12),transparent 28rem),#050505}button,input{font:inherit}button{color:inherit;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.main-shell{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 18px max(32px,env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 0%,rgba(255,123,112,.18),transparent 30rem),radial-gradient(circle at 85% 22%,rgba(232,187,114,.12),transparent 26rem),linear-gradient(180deg,rgba(255,255,255,.035),transparent 24rem),#050505}.main-hero{display:grid;gap:28px;max-width:1120px;margin:0 auto;padding:16px 0 22px}.main-brand{display:grid;gap:4px}.main-brand span{color:#f0b18d;font-family:var(--font-logo);font-size:clamp(46px,7vw,76px);font-weight:500;letter-spacing:.16em;line-height:.92;text-transform:lowercase}.main-brand strong{color:#f6efe5ad;font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.main-hero-copy{display:grid;max-width:780px;gap:12px}.main-hero-copy>span{display:inline-flex;width:fit-content;align-items:center;gap:7px;color:#f5b895;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.main-hero-copy h1{color:var(--cream);font-family:var(--font-display-th);font-size:clamp(42px,9vw,84px);font-weight:500;line-height:1}.main-hero-copy p{max-width:680px;color:#f6efe5ad;font-size:clamp(15px,2vw,18px);line-height:1.55}.channel-bar{display:flex;max-width:1120px;flex-wrap:wrap;gap:9px;margin:0 auto 18px}.channel-bar span,.content-tags small,.content-card-status{border:1px solid rgba(248,194,154,.18);border-radius:999px;background:#ffffff0e;color:#f6efe5bd;padding:7px 10px;font-size:12px;font-weight:800}.content-grid{display:grid;max-width:1120px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin:0 auto}.content-card{position:relative;display:grid;min-height:340px;align-content:start;gap:16px;overflow:hidden;border:1px solid rgba(248,194,154,.2);border-radius:24px;background:linear-gradient(145deg,#ffffff1b,#ffffff09),#ffffff09;padding:20px;text-align:left;box-shadow:0 26px 80px #00000057;transition:transform .16s ease,border-color .16s ease,background .16s ease}.content-card:before{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 88% 12%,rgba(255,123,112,.24),transparent 12rem),linear-gradient(180deg,transparent,rgba(0,0,0,.32));content:"";pointer-events:none}.content-card>*{position:relative;z-index:1}.content-card:hover{border-color:#f8c29a75;background:linear-gradient(145deg,#ffffff21,#ffffff0b),#ffffff0b;transform:translateY(-2px)}.content-card:disabled{opacity:.54;transform:none}.content-card-status{width:fit-content;color:#ffc4a3}.content-card-mark{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(248,194,154,.28);border-radius:18px;background:#0000003d;color:#f5b895}.content-card h2{margin-top:7px;color:var(--cream);font-family:var(--font-display-th);font-size:clamp(31px,4.2vw,44px);font-weight:500;line-height:1.02}.content-card div>span{color:#f6efe594;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.content-card p{margin-top:9px;color:#f6efe5b8;font-size:14px;line-height:1.5}.content-card-meta{display:grid;gap:7px}.content-card-meta span{display:inline-flex;align-items:center;gap:7px;color:#f6efe5a3;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}.content-tags{display:flex;flex-wrap:wrap;gap:7px}.content-card strong{display:inline-flex;width:fit-content;align-items:center;gap:8px;margin-top:auto;color:#ffc4a3;font-size:15px;font-weight:900}.accent-gold:before{background:radial-gradient(circle at 88% 12%,rgba(232,187,114,.24),transparent 12rem),linear-gradient(180deg,transparent,rgba(0,0,0,.32))}.accent-green:before{background:radial-gradient(circle at 88% 12%,rgba(165,203,179,.22),transparent 12rem),linear-gradient(180deg,transparent,rgba(0,0,0,.32))}.empty-route{display:grid;place-items:center}.empty-route-card{display:grid;width:min(100%,460px);gap:12px;border:1px solid rgba(248,194,154,.2);border-radius:24px;background:#ffffff0e;padding:24px}.empty-route-card svg{color:#f5b895}.empty-route-card span{color:#f5b895;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.empty-route-card h1{color:var(--cream);font-family:var(--font-display-th);font-size:42px;font-weight:500;line-height:1.02}.empty-route-card p{color:#f6efe5b3}.empty-route-card button{display:inline-flex;width:fit-content;align-items:center;gap:8px;border:1px solid rgba(248,194,154,.34);border-radius:999px;background:#ffffff0f;color:#ffc4a3;padding:12px 15px;font-weight:900}.cafe-deck{min-height:100dvh;width:min(100%,500px);margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px max(28px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#f8c29a1f,#0000 12rem),radial-gradient(circle at 50% 0%,rgba(232,187,114,.11),transparent 18rem),linear-gradient(180deg,rgba(255,255,255,.025),transparent 18rem),#050505}.cafe-deck-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 10px;transition:margin .16s ease,padding .16s ease}.cafe-deck-top div{display:grid;gap:2px}.cafe-deck-top span,.deck-copy span,.mini-result>span,.friend-candidate>span,.reveal-panel span,.share-box span{color:#f5b895;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cafe-deck-top strong{color:#f6efe5e6;font-family:var(--font-logo);font-size:clamp(28px,8vw,36px);font-weight:500;letter-spacing:.08em;line-height:.95}.cafe-deck-top.compact{align-items:center;margin-bottom:8px}.cafe-deck-top.compact div{display:flex;align-items:baseline;gap:8px}.cafe-deck-top.compact span{color:#f5b895e6;font-size:10px;letter-spacing:.12em;white-space:nowrap}.cafe-deck-top.compact strong{color:#f6efe5d1;font-family:var(--font-ui-th);font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cafe-deck-top.compact button{width:36px;height:36px}.cafe-deck-top button{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(248,194,154,.2);border-radius:50%;background:#ffffff0f;color:#f6efe5d1}.cafe-card-shell{display:grid;gap:12px;margin:0 auto;animation:deckFade .22s ease both}.cafe-card-shell.is-advancing button{pointer-events:none}@keyframes deckFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cafe-progress{position:relative;height:29px;overflow:hidden;border:1px solid rgba(248,194,154,.18);border-radius:999px;background:#ffffff0f}.cafe-progress span{position:relative;z-index:1;display:flex;height:100%;align-items:center;padding:0 11px;color:#f6efe5c7;font-size:12px;font-weight:900}.cafe-progress i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#ff7b709e,#e8bb72b3);transition:width .24s ease}.route-pill{display:inline-flex;width:fit-content;align-items:center;gap:7px;border:1px solid rgba(232,187,114,.24);border-radius:999px;background:#e8bb7214;color:#f6efe5cc;padding:8px 11px;font-size:12px;font-weight:800}.deck-copy{display:grid;gap:5px;padding-top:0}.deck-copy h1{color:var(--cream);font-family:var(--font-display-th);font-size:clamp(29px,7.8vw,39px);font-weight:500;line-height:.99;text-wrap:balance}.deck-copy p{color:#f6efe59e;font-size:15px;font-weight:600}.duel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.duel-option,.mood-grid button,.candidate-options>div{position:relative;display:grid;gap:10px;overflow:hidden;border:1px solid rgba(248,194,154,.2);border-radius:31px;background:linear-gradient(180deg,#ffffff14,#ffffff09),#ffffff0b;padding:0;text-align:left;box-shadow:0 20px 60px #00000061;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease}.duel-option{min-height:clamp(338px,54dvh,480px)}.duel-option:before,.mood-grid button:before,.candidate-options>div:before{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000000a 0% 44%,#000000d1),linear-gradient(90deg,rgba(0,0,0,.28),transparent 45%);content:"";pointer-events:none}.duel-option.selected,.duel-option.choice-pending,.mood-grid button.choice-pending,.swipe-actions button.choice-pending,.candidate-actions button.choice-pending,.reveal-panel button.choice-pending,.deck-primary.choice-pending{border-color:#ff7b70cc;box-shadow:0 0 0 1px #ffb88f94,0 0 34px #ff7b7042,0 22px 70px #0000008a;transform:scale(.985);animation:choicePulse .36s ease both}@keyframes choicePulse{0%{filter:brightness(1)}42%{filter:brightness(1.22) saturate(1.08)}to{filter:brightness(1.04)}}.duel-option:disabled{opacity:1}.duel-option>span{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;width:fit-content;min-width:32px;height:32px;align-items:center;justify-content:center;border:1px solid rgba(248,194,154,.22);border-radius:999px;background:#00000047;color:#ffc4a3;font-size:12px;font-weight:900}.duel-option strong,.mood-grid strong,.candidate-options strong{position:relative;z-index:2;color:#f6efe5e6;font-size:16px;font-weight:800;line-height:1.24}.duel-option strong{position:absolute;right:14px;bottom:18px;left:14px;color:#f7f3ed;font-family:var(--font-ui-th);font-size:clamp(17px,4.4vw,22px);line-height:1.18;text-shadow:0 2px 18px rgba(0,0,0,.74)}.duel-option em,.mood-grid button em{position:absolute;right:13px;top:13px;z-index:3;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,196,163,.8);border-radius:999px;background:#0a08079e;color:#ffc4a3;font-size:12px;font-style:normal;font-weight:900;opacity:0;padding:7px 10px;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}.duel-option.choice-pending em,.duel-option.selected em,.mood-grid button.choice-pending em{opacity:1;transform:translateY(0)}.cafe-image-wrap{position:relative;min-height:164px;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#f8c29a33,#ffffff09),#111}.cafe-image-wrap:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.58));content:"";pointer-events:none}.cafe-image-wrap img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;filter:saturate(.98) contrast(1.03) brightness(.88)}.duel-option>.cafe-image-wrap,.candidate-options>div>.cafe-image-wrap{position:absolute;inset:0;min-height:100%;border-radius:inherit}.duel-option>.cafe-image-wrap img,.candidate-options>div>.cafe-image-wrap img{min-height:100%;filter:saturate(1.02) contrast(1.02) brightness(.96)}.single-image{min-height:clamp(330px,58dvh,560px);border:1px solid rgba(248,194,154,.18);border-radius:32px;box-shadow:0 28px 90px #0000007a}.single-image.compact{min-height:clamp(240px,42dvh,360px)}.swipe-actions,.candidate-actions,.result-actions,.reveal-panel>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.swipe-actions button,.candidate-actions button,.result-actions button,.reveal-panel button,.deck-primary{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(248,194,154,.2);border-radius:999px;background:#ffffff0f;color:#f6efe5e0;padding:12px 14px;font-size:14px;font-weight:900;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.swipe-actions button:last-child,.candidate-actions button:first-child,.result-actions button:first-child,.reveal-panel button:last-child,.deck-primary{border-color:#ff7b7094;background:linear-gradient(180deg,#ff7b7029,#ffffff0a),#ffffff0d;color:#ffc4a3}.deck-primary{width:100%}.deck-primary:disabled{opacity:.45}.why-grid,.result-signals{display:flex;flex-wrap:wrap;gap:8px}.why-grid button,.result-signals small{border:1px solid rgba(248,194,154,.2);border-radius:999px;background:#ffffff0f;color:#f6efe5c7;padding:10px 12px;font-size:14px;font-weight:900;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.why-grid button.active{border-color:#ff7b70b8;background:#ff7b702e;color:#ffc4a3;box-shadow:0 0 20px #ff7b7024;transform:translateY(-1px)}.mood-grid{display:grid;gap:10px}.mood-grid button{grid-template-columns:120px 1fr;align-items:center;min-height:128px;padding:8px}.mood-grid .cafe-image-wrap{min-height:110px;z-index:2}.blind-grid .duel-option strong{min-height:auto}.reveal-panel,.friend-candidate,.result-note,.share-box{display:grid;gap:10px;border:1px solid rgba(248,194,154,.18);border-radius:24px;background:#ffffff0e;padding:16px}.reveal-panel p,.result-note p,.share-box p{color:#f6efe5b8;line-height:1.5}.friend-candidate h2{color:var(--cream);font-family:var(--font-display-th);font-size:30px;font-weight:600;line-height:1.12}.candidate-helper{color:#f6efe5a8;font-size:14px;font-weight:700;line-height:1.45}.candidate-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.candidate-options>div.correct{border-color:#ff7b70b3}.candidate-actions{grid-template-columns:1.5fr 1fr}.mini-result{display:grid;gap:14px}.result-image{height:min(42dvh,380px);min-height:250px;border:1px solid rgba(248,194,154,.2);border-radius:32px;box-shadow:0 30px 90px #00000080}.mini-result h1{color:#ffc4a3;font-family:var(--font-logo);font-size:clamp(43px,10.6vw,68px);font-weight:500;letter-spacing:.03em;line-height:.96;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:keep-all}.mini-result>p{color:#f6efe5c7;font-family:var(--font-display-th);font-size:22px;line-height:1.45}.result-note strong{color:#f5b895;font-size:14px;font-weight:900}.result-actions{grid-template-columns:1fr;position:relative;z-index:8}.result-actions button:first-child{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:9}.share-box span{display:inline-flex;align-items:center;gap:7px}.share-box pre{overflow:auto;margin:0;border-radius:16px;background:#0000003d;color:#f6efe5d1;padding:12px;white-space:pre-wrap;font:inherit;line-height:1.45}@media(min-width:760px){.cafe-deck{padding-top:28px;width:min(100%,650px)}.duel-grid{gap:14px}.duel-option{min-height:min(54dvh,520px)}.cafe-image-wrap{min-height:240px}.single-image{min-height:min(58dvh,560px)}}@media(max-width:380px){.swipe-actions{grid-template-columns:1fr}.mood-grid button{grid-template-columns:96px 1fr}}.app{position:relative;width:min(100%,480px);min-height:100dvh;margin:0 auto;overflow-x:hidden;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18rem),var(--bg)}.welcome,.panel-screen,.content{min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 20px max(156px,calc(env(safe-area-inset-bottom) + 138px))}.welcome{display:grid;align-content:space-between;justify-items:center;gap:14px;overflow:hidden;padding:0 20px max(38px,calc(env(safe-area-inset-bottom) + 34px));background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%),#050505;text-align:center}.welcome-visual{position:relative;width:calc(100% + 40px);height:clamp(310px,43dvh,430px);margin:0 -20px clamp(-52px,-5dvh,-30px);overflow:hidden;border:0;border-radius:0;opacity:.98;box-shadow:0 28px 88px #000000ad}.welcome-visual:after{position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(180deg,#0000000f,#00000014 22%,#0000007a 66%,#050505 96%),linear-gradient(90deg,rgba(5,5,5,.44),transparent 24%,transparent 74%,rgba(5,5,5,.36))}.welcome-visual img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(.78) saturate(1.08) contrast(1.08);transform:scale(1.015)}.scan-badge{position:absolute;top:max(30px,calc(env(safe-area-inset-top) + 18px));right:26px;z-index:3;display:flex;width:122px;height:122px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid rgba(248,194,154,.94);border-radius:50%;background:#08070706;color:#f4c09b;font-family:var(--font-logo);font-size:15px;font-weight:600;letter-spacing:.19em;line-height:1;text-transform:uppercase;text-shadow:0 0 10px rgba(248,194,154,.26),0 1px 7px rgba(0,0,0,.58);-webkit-backdrop-filter:blur(1.8px);backdrop-filter:blur(1.8px)}.scan-badge span{display:block;padding-left:.19em}.brand{position:relative;z-index:1;color:#e8a07c;font-family:var(--font-logo);font-size:88px;font-weight:500;letter-spacing:.12em;line-height:1;margin-top:0;text-transform:lowercase;text-shadow:0 0 28px rgba(255,123,112,.16),0 7px 28px rgba(0,0,0,.5)}.hero,.headline,.stage-copy{position:relative;z-index:1}.headline span,.stage-copy span,.result-hero span,.share-preview span,.map-row span{color:var(--coral);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero{display:grid;justify-items:center;gap:10px}.hero>span{display:block;width:fit-content;color:#f4f5f6e6;font-family:var(--font-ui-th);font-size:13px;font-weight:500;letter-spacing:.42em;padding-left:.42em;text-align:center;text-shadow:0 0 20px rgba(255,255,255,.14);text-transform:uppercase}.hero-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:7px 0 2px;color:#f2bd96}.hero-divider i{display:block;width:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,189,150,.72))}.hero-divider i:last-child{background:linear-gradient(90deg,rgba(242,189,150,.72),transparent)}h1,h2,p{margin:0}.hero h1,.headline h1,.stage-copy h1,.done-card h1,.result-hero h1,.share-preview h1{max-width:430px;margin-top:10px;font-family:var(--font-display-th);font-size:clamp(34px,10vw,48px);font-weight:500;line-height:1.04;letter-spacing:0}.hero h1{max-width:min(100%,440px);margin-top:4px;color:#e4d8cc;font-size:clamp(45px,11.8vw,61px);font-weight:500;line-height:1.03;letter-spacing:0;text-wrap:balance;text-shadow:0 12px 34px rgba(0,0,0,.46)}.hero-title-line{display:block;color:#e4d8cc;white-space:nowrap}.hero-title-line .accent{background:linear-gradient(90deg,#ead6c3,#ffac82 42%,#ff805f);background-clip:text;color:transparent;-webkit-background-clip:text}.hero p,.fineprint,.note-card p,.stage-copy p,.done-card p,.result-hero p,.recommend-card p,.invite-card p,.research-card p,.map-row p,.map-row small{color:var(--muted);font-size:14px;line-height:1.45}.hero p{max-width:390px;margin-top:10px;color:#dcd1c6eb;font-family:var(--font-display-th);font-size:24px;font-weight:400;line-height:1.55}.primary{position:relative;z-index:1;display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--cream);color:#151312;font-family:var(--font-ui-th);font-weight:800}.welcome .primary{width:min(100%,398px);min-height:84px;margin-top:18px;border:1px solid rgba(242,189,150,.88);background:linear-gradient(180deg,#f2bd9614,#ffffff05),#ffffff09;box-shadow:0 0 34px #f2bd9633,0 16px 48px #00000080,inset 0 0 0 1px #ffffff0d,inset 0 0 24px #f2bd9609;color:#f4c4a2;font-family:var(--font-ui-th);font-size:28px;font-weight:700;text-shadow:0 0 22px rgba(242,189,150,.18)}.welcome .primary svg{position:absolute;right:38px;width:30px;height:30px;stroke-width:1.7}.primary:active,.round-button:active,.swipe-actions button:active,.duel-actions button:active{transform:translateY(1px)}.fineprint{position:relative;z-index:1;text-align:center}.trust-line{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:12px;margin-top:8px;color:#f6efe5c7;font-family:var(--font-ui-th);font-size:16px;line-height:1.35;white-space:nowrap}.trust-item{display:inline-flex;align-items:center;gap:8px}.trust-line svg{width:23px;height:23px;color:#f6efe5d1;stroke-width:1.8}.trust-line b{color:#f6efe561;font-weight:500}.self-teaser{position:relative;z-index:1;margin:0;color:var(--green);font-size:14px;font-weight:800;line-height:1.35;text-align:center}.landing-preview{position:relative;z-index:1;display:grid;gap:12px;margin-top:20px}.landing-preview h2{margin:0;color:var(--cream);font-size:18px;line-height:1.2}.mini-passport,.landing-steps article{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#ffffff17,#ffffff09),#ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-passport{display:grid;gap:8px;padding:16px}.mini-passport span{width:fit-content;border-color:#ff7b704d;background:#ff7b701a;color:var(--coral);border:1px solid rgba(255,123,112,.3);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.mini-passport h2{margin:0;font-family:var(--font-display-th);font-size:26px;font-weight:500;line-height:1.05}.mini-passport p,.mini-passport small,.landing-steps p{color:var(--muted);font-size:13px;line-height:1.4}.mini-passport small{color:var(--green);font-weight:700}.landing-steps{display:grid;gap:8px}.landing-steps article{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:baseline;padding:12px}.landing-steps strong{color:var(--cream);font-size:13px}.panel-screen{display:flex;flex-direction:column;gap:22px}.topline,.app-header{display:flex;align-items:center;justify-content:space-between}.topline span,.app-header span{color:var(--text);font-size:30px;font-weight:300;letter-spacing:.22em;text-transform:lowercase}.headline h1{font-family:var(--font-ui-th);font-size:30px;font-weight:800;line-height:1.12}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.segmented button,.note-card,.field input,.slider-list,.done-card,.score-card,.formula-card,.recommend-card,.invite-card,.research-card,.share-preview,.map-row{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff17,#ffffff09),#ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.segmented button{display:flex;min-height:58px;align-items:center;justify-content:center;gap:8px;border-radius:18px;color:var(--muted)}.segmented .on{border-color:#ff7b7070;background:#ff7b7024;color:var(--text)}.field{display:grid;gap:8px}.field span,.slider span{color:var(--muted);font-size:13px}.field input{width:100%;height:56px;border-radius:18px;outline:none;color:var(--text);padding:0 16px}.field input:focus{border-color:#ff7b70b3}.note-card,.invite-card{display:flex;align-items:flex-start;gap:12px;border-radius:22px;padding:16px}.note-card svg,.invite-card svg,.research-card h2,.formula-card h2,.recommend-card h2{color:var(--coral)}.slider-list{display:grid;gap:18px;border-radius:24px;padding:18px}.slider{display:grid;gap:10px}.slider span{display:flex;justify-content:space-between}.slider strong{color:var(--text)}.slider input{width:100%;height:7px;accent-color:var(--coral)}.sticky-cta{position:sticky;bottom:18px;margin-top:auto}.app-header{position:sticky;z-index:5;top:0;min-height:94px;padding:max(18px,env(safe-area-inset-top)) 24px 15px;border-bottom:1px solid rgba(248,194,154,.16);background:radial-gradient(circle at 9% 0%,rgba(232,160,124,.14),transparent 34%),linear-gradient(180deg,#050505f0,#050505db);box-shadow:0 18px 36px #00000070,inset 0 -1px #ffffff09;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-header div{display:grid;gap:6px;min-width:0}.app-header span{color:#f4f5f6e6;font-family:var(--font-logo);font-size:36px;font-weight:500;letter-spacing:.16em;line-height:.95;text-shadow:0 0 22px rgba(255,255,255,.12),0 7px 24px rgba(0,0,0,.45)}.app-header strong{overflow:hidden;color:#f4f5f6d1;font-family:var(--font-ui-th);font-size:11px;font-weight:600;letter-spacing:.28em;line-height:1.2;text-overflow:ellipsis;text-shadow:0 0 16px rgba(255,255,255,.12);text-transform:uppercase;white-space:nowrap}.round-button{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border:1px solid rgba(248,194,154,.34);border-radius:50%;background:linear-gradient(180deg,#f2bd9614,#ffffff05),#ffffff0b;box-shadow:0 12px 30px #0000006b,inset 0 0 0 1px #ffffff09;color:#f6efe5db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.round-button svg{width:23px;height:23px;stroke-width:1.8}.progress{position:sticky;z-index:5;top:94px;height:3px;background:#ffffff0f}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--coral),var(--green));transition:width .18s ease}.content{min-height:calc(100dvh - 79px);padding-top:18px}.play-content{--scan-header-h: 97px;--scan-nav-h: calc(78px + max(12px, env(safe-area-inset-bottom))) ;--scan-stage-gap: clamp(8px, 1.1dvh, 14px);height:calc(100dvh - var(--scan-header-h));min-height:0;overflow:hidden;padding-top:clamp(10px,1.45dvh,16px);padding-bottom:var(--scan-nav-h)}.swipe-stage,.scan-stage,.duel-stage,.result-screen,.match-screen,.map-screen{position:relative;display:flex;flex-direction:column;gap:18px}.play-content .scan-stage{height:100%;min-height:0;gap:var(--scan-stage-gap)}.play-content .stage-copy{display:grid;flex:0 0 auto;gap:clamp(4px,.65dvh,8px)}.play-content .stage-copy h1{font-size:clamp(22px,3.05dvh,32px);line-height:1.08}.play-content .stage-copy p{font-size:clamp(14px,1.85dvh,19px);line-height:1.25}.play-content .hero-card{flex:1 1 auto;min-height:0;height:auto}.play-content .hero-card-copy{gap:clamp(5px,.7dvh,9px)}.play-content .hero-card.has-swipe-actions .hero-card-copy{bottom:clamp(94px,10.6dvh,112px)}.play-content .hero-card-copy h2{font-size:clamp(28px,5.8dvh,38px)}.play-content .hero-card-copy p{display:-webkit-box;overflow:hidden;font-size:clamp(13px,1.7dvh,15px);line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}.play-content .hero-card-copy div{gap:7px}.play-content .hero-card-copy small{padding:6px 9px;font-size:11px}.play-content .swipe-actions.in-card{right:clamp(12px,2vw,16px);bottom:clamp(12px,1.8dvh,16px);left:clamp(12px,2vw,16px);gap:clamp(8px,1.1dvh,10px)}.play-content .swipe-actions button{min-height:clamp(56px,7.1dvh,64px);border-radius:clamp(18px,2.4dvh,22px)}.play-content .duel-grid,.play-content .option-grid{flex:1 1 auto;min-height:0}.play-content .duel-grid .mini-card{min-height:0}.play-content .compact-options{min-height:0;max-height:none}.play-content .micro-insight{flex:0 0 auto}.stage-copy h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:800;line-height:1.15}.hero-card{position:relative;min-height:min(66dvh,640px);overflow:hidden;border:1px solid var(--line-strong);border-radius:30px;isolation:isolate;box-shadow:0 24px 70px #0000007a;touch-action:none;transition:transform .16s ease,border-color .16s ease;-webkit-user-select:none;user-select:none}.use-case-layout{display:grid;gap:12px;grid-template-rows:minmax(0,1fr) auto;min-height:calc(100dvh - 292px - env(safe-area-inset-bottom));padding-bottom:4px}.use-case-card{min-height:0;height:min(58dvh,560px)}.hero-card.dragging{border-color:#ff7b708f;transition:none}.hero-card.exit-love{border-color:#ff7b70b8;transform:translate3d(118vw,-24px,0) rotate(18deg);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s ease,border-color .12s ease;opacity:.82}.hero-card.exit-nope{border-color:#ffffff52;transform:translate3d(-118vw,-24px,0) rotate(-18deg);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s ease,border-color .12s ease;opacity:.62}.hero-card.exit-maybe{border-color:#f6efe58a;transform:translate3d(0,-118vh,0) rotate(0);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s ease,border-color .12s ease;opacity:.76}.hero-card:after,.mini-card:after,.result-hero:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(180deg,#0000,#0000001a 42%,#000000d6)}.hero-card img,.mini-card img,.result-hero img,.map-row img{width:100%;height:100%;object-fit:cover}.hero-card img,.mini-card img,.result-hero img{position:absolute;inset:0;z-index:-2}.card-tools{position:absolute;top:16px;right:16px;display:grid;gap:10px}.decision-stamp{position:absolute;z-index:8;top:48%;left:50%;display:grid;min-width:150px;min-height:62px;place-items:center;border:3px solid currentColor;border-radius:18px;background:#00000047;font-size:28px;font-weight:900;letter-spacing:.08em;opacity:0;pointer-events:none;text-transform:uppercase;transform:translate(-50%,-50%) scale(.7) rotate(-8deg);transition:opacity .12s ease,transform .22s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.decision-stamp.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}.decision-stamp.love,.decision-stamp.like{color:var(--coral);box-shadow:0 0 40px #ff7b7047}.decision-stamp.nope,.decision-stamp.dislike{color:#f5efe6}.decision-stamp.maybe,.decision-stamp.neutral{color:var(--green);transform:translate(-50%,-50%) scale(1) rotate(0)}.swipe-indicator{position:absolute;inset:18px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.swipe-indicator span{opacity:0;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#00000057;padding:9px 12px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.swipe-indicator span:nth-child(1){border-color:#ffffff47}.swipe-indicator span:nth-child(2){margin:0 auto;border-color:#f6efe561}.swipe-indicator span:nth-child(3){border-color:#ff7b7094;color:var(--coral)}.swipe-indicator .show{opacity:1;transform:translateY(0)}.card-tools button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card-copy{position:absolute;right:18px;bottom:20px;left:18px;display:grid;gap:9px}.hero-card.has-swipe-actions .hero-card-copy{bottom:112px}.hero-card-copy span{color:#ffffffc7;font-size:12px;font-weight:800;text-transform:uppercase}.hero-card-copy h2{font-family:var(--font-display-th);font-size:clamp(30px,8vw,38px);font-weight:500;line-height:1.02}.hero-card-copy p{color:#ffffffd1;font-size:15px;line-height:1.4}.hero-card-copy div{display:flex;flex-wrap:wrap;gap:8px}.hero-card-copy small,.formula-card span{border-radius:999px;background:#ffffff21;padding:7px 10px;color:#ffffffdb;font-size:12px}.swipe-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:6px}.swipe-actions.in-card{position:absolute;right:16px;bottom:16px;left:16px;z-index:4;padding-bottom:0}.swipe-actions button,.duel-actions button{display:grid;min-height:64px;place-items:center;border:1px solid var(--line);border-radius:22px;background:#09090994;color:var(--muted);font-size:12px;font-weight:800;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 30px #00000052}.swipe-actions button:disabled{opacity:.46;pointer-events:none}.swipe-actions .love{border-color:#ff7b706b;color:var(--coral)}.swipe-actions .maybe{color:var(--cream)}.swipe-actions .nope{color:#c8c0b6}.duel-grid,.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-options{grid-template-rows:repeat(2,minmax(0,1fr));min-height:min(58dvh,540px);max-height:min(62dvh,560px)}.mini-card{position:relative;aspect-ratio:3 / 4.35;min-height:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:24px;background:#ffffff0a;isolation:isolate;padding:0;text-align:left;touch-action:manipulation;transition:transform .18s ease,opacity .18s ease,border-color .18s ease,filter .18s ease}.duel-grid .mini-card{aspect-ratio:auto;min-height:min(58dvh,520px)}.compact-options .mini-card{aspect-ratio:auto;height:100%;min-height:0}.compact-options .mini-card.selected{transform:translateY(-4px) scale(1.02)}.compact-options .mini-card.muted{opacity:.34;transform:scale(.96)}.mini-card:active{border-color:#ff7b70a3;transform:scale(.99)}.mini-card.selected{border-color:#ff7b70e6;box-shadow:0 0 0 4px #ff7b7029,0 22px 58px #ff7b7029;transform:translateY(-8px) scale(1.02)}.mini-card.muted{filter:grayscale(.9);opacity:.46;transform:scale(.96)}.mini-card b{position:absolute;top:14px;left:14px;display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--coral);color:#151312}.duel-picked{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:116px;height:116px;place-items:center;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:#ff7b70bd;color:#fff;font-size:12px;font-weight:900;opacity:0;pointer-events:none;text-transform:uppercase;transform:translate(-50%,-50%) scale(.72);transition:opacity .14s ease,transform .22s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mini-card.selected .duel-picked{opacity:1;transform:translate(-50%,-50%) scale(1)}.mini-card div{position:absolute;right:14px;bottom:16px;left:14px}.mini-card h2{font-size:20px;line-height:1.1;text-wrap:balance}.mini-card p{margin-top:6px;color:#ffffffc7;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.compact-options .mini-card h2{font-size:18px}.compact-options .mini-card p{-webkit-line-clamp:2}.duel-help{color:var(--muted);font-size:13px;line-height:1.4;text-align:center}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;z-index:2}.choice-grid button,.secondary-button,.use-list button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:18px;background:#ffffff14;color:var(--text);padding:0 14px;font-weight:800}.blind-reveal{display:grid;gap:14px}.compact-card{min-height:420px}.reveal-copy{display:grid;gap:8px;border:1px solid rgba(255,123,112,.3);border-radius:22px;background:#ff7b701a;padding:16px;animation:reveal-pop .24s ease both}@keyframes reveal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal-copy span{color:var(--coral);font-size:12px;font-weight:900;text-transform:uppercase}.reveal-copy h2{font-size:20px;line-height:1.22}.reveal-copy p,.micro-insight span{color:var(--muted);font-size:14px;line-height:1.45}.micro-insight{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(165,203,179,.26);border-radius:20px;background:#a5cbb31a;padding:14px}.unlock-hint{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.35}.micro-insight svg{flex:0 0 auto;color:var(--green)}.done-card{display:grid;min-height:58dvh;align-content:center;justify-items:center;gap:16px;border-radius:28px;padding:28px;text-align:center}.sheet-backdrop{position:fixed;inset:0;z-index:40;display:grid;align-items:end;background:#00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.milestone-sheet{display:grid;gap:14px;width:min(100%,480px);margin:0 auto;border:1px solid var(--line-strong);border-radius:30px 30px 0 0;background:linear-gradient(145deg,#ff7b701f,#a5cbb314),#10100f;padding:24px 20px max(22px,env(safe-area-inset-bottom));box-shadow:0 -24px 70px #0000008a}.milestone-sheet svg{color:var(--coral)}.milestone-sheet h1{font-family:var(--font-display-th);font-size:34px;font-weight:500;line-height:1.05}.milestone-sheet p{color:var(--muted);font-size:15px;line-height:1.5}.milestone-sheet .teaser{color:var(--green)}.sheet-actions{display:grid;gap:10px}.secondary-button{width:100%}.done-card h1{font-family:var(--font-ui-th);font-size:30px;font-weight:800}.locked-progress{display:grid;width:100%;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff0f;padding:14px;text-align:left}.locked-progress span{color:var(--cream);font-size:13px;font-weight:900}.locked-progress i{height:7px;overflow:hidden;border-radius:999px;background:#ffffff1a}.locked-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--green))}.locked-progress small{color:var(--muted);font-size:13px;line-height:1.35}.result-hero{position:relative;display:flex;min-height:430px;overflow:hidden;align-items:flex-end;border:1px solid var(--line-strong);border-radius:30px;isolation:isolate;padding:22px}.result-hero h1{max-width:320px}.score-card,.formula-card,.recommend-card,.research-card,.split-card,.use-result-card{display:grid;gap:14px;border-radius:24px;padding:18px}.score-card div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.score-card div:first-of-type{border-top:0;padding-top:0}.score-card span{color:#f6efe5d6;font-size:15px;font-weight:700}.score-card i{height:8px;overflow:hidden;border-radius:999px;background:#ffffff1a}.score-card b{display:block;height:100%;border-radius:inherit}.score-card strong{width:fit-content;border:1px solid rgba(255,123,112,.28);border-radius:999px;background:#ff7b701a;color:#f6b99b;padding:7px 10px;font-size:12px;font-weight:800;text-align:right}.taste-dna-card h2{margin:0 0 2px;color:var(--cream);font-size:18px}.formula-card div{display:flex;flex-wrap:wrap;gap:8px}.recommend-card small{color:var(--green);font-weight:800}.taste-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.taste-list li{position:relative;color:var(--muted);font-size:14px;line-height:1.45;padding-left:18px}.taste-list li:before{position:absolute;top:.65em;left:0;width:6px;height:6px;border-radius:50%;background:var(--coral);content:""}.category-breakdown{display:grid;gap:12px}.category-breakdown div{display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.category-breakdown div:first-child{border-top:0;padding-top:0}.category-breakdown strong{color:var(--cream);font-size:13px}.split-card{grid-template-columns:1fr}.split-card>div{display:grid;gap:10px}.split-card>div+div{border-top:1px solid rgba(255,255,255,.11);padding-top:14px}.share-preview{display:grid;min-height:300px;align-content:end;gap:10px;overflow:hidden;border-radius:30px;padding:22px;background:radial-gradient(circle at 18% 22%,rgba(255,123,112,.32),transparent 24%),radial-gradient(circle at 82% 18%,rgba(165,203,179,.22),transparent 28%),linear-gradient(145deg,#ff7b7033,#a5cbb31f),var(--surface)}.share-preview strong{width:fit-content;border-radius:999px;background:#ffffff1f;padding:9px 12px}.share-preview small{color:#f6efe5c7;font-size:13px;font-weight:800}.passport-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.passport-actions button,.detail-toggle{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(242,189,150,.34);border-radius:999px;background:linear-gradient(180deg,#f2bd9614,#ffffff05),#ffffff0b;color:#f4c4a2;font-size:14px;font-weight:800}.detail-toggle{width:100%;color:#f6efe5d1}.detail-toggle svg{transition:transform .16s ease}.result-details{display:grid;gap:14px}.invite-card{align-items:center}.invite-card h2,.research-card h2,.formula-card h2,.recommend-card h2{margin-bottom:6px;font-size:18px}.invite-card button{display:inline-flex;min-height:40px;align-items:center;gap:6px;margin-left:auto;border:1px solid var(--line);border-radius:999px;background:#ffffff14;padding:0 13px}.use-list{display:grid;gap:10px}.use-list button{justify-content:space-between;text-align:left}.use-list button svg:first-child{flex:0 0 auto;color:var(--green)}.use-result-card span{color:var(--coral);font-size:12px;font-weight:900;text-transform:uppercase}.use-result-card h2{font-size:20px;line-height:1.2}.use-result-card p,.use-result-card strong{color:var(--muted);font-size:14px;line-height:1.45}.use-result-card div{display:flex;flex-wrap:wrap;gap:8px}.use-result-card button{min-height:36px;border:1px solid rgba(165,203,179,.34);border-radius:999px;background:#a5cbb31a;color:var(--green);padding:0 12px;font-size:12px;font-weight:800}.recommend-action{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:start;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff09;padding:13px}.recommend-action:first-of-type{border-top:1px solid rgba(255,255,255,.1);padding-top:13px}.recommend-action strong{color:#f2bd96cc;font-size:12px;line-height:1.45}.recommend-action p{margin:0}.recommend-action button{grid-column:2;width:fit-content;min-height:36px;border:1px solid rgba(255,123,112,.36);border-radius:999px;background:#ff7b701a;color:var(--coral);padding:0 13px;font-size:12px;font-weight:800}.headline.compact h1{font-family:var(--font-ui-th);font-size:24px;font-weight:800}.map-list{display:grid;gap:12px}.map-row{display:grid;grid-template-columns:92px 1fr;gap:13px;overflow:hidden;border-radius:20px;padding:10px}.map-row img{height:128px;border-radius:14px}.map-row h2{margin:3px 0 5px;font-size:16px}.map-row small{display:block;margin-top:6px;color:#d6cec4;font-size:12px}.bottom-nav{position:fixed;right:max(12px,calc((100vw - 480px)/2 + 12px));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,calc((100vw - 480px)/2 + 12px));z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:66px;align-items:center;border:1px solid var(--line);border-radius:26px;background:#101010e0;box-shadow:0 18px 46px #0000006b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.bottom-nav button{position:relative;display:grid;gap:4px;place-items:center;border:0;background:transparent;color:var(--dim);font-size:11px;font-weight:700}.bottom-nav .active{color:var(--coral)}.bottom-nav button i{position:absolute;top:9px;right:26%;width:7px;height:7px;border-radius:50%;background:var(--dim)}@media(min-width:760px){body{background:#050505}.app{width:min(100%,768px);min-height:100vh;border-right:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);box-shadow:0 0 90px #00000075}.welcome{gap:18px;padding:0 34px max(58px,calc(env(safe-area-inset-bottom) + 52px))}.welcome-visual{width:calc(100% + 68px);height:clamp(470px,46dvh,600px);margin:0 -34px clamp(-72px,-5.6dvh,-56px)}.welcome-visual:after{background:linear-gradient(180deg,#0000000a,#0000000f 24%,#0000006b 66%,#050505 97%),linear-gradient(90deg,rgba(5,5,5,.32),transparent 22%,transparent 78%,rgba(5,5,5,.28))}.scan-badge{top:max(40px,calc(env(safe-area-inset-top) + 30px));right:56px;width:154px;height:154px;gap:11px;font-size:17px;letter-spacing:.2em}.brand{font-size:116px;letter-spacing:.13em}.hero{gap:12px}.hero>span{font-size:14px;letter-spacing:.5em;padding-left:.5em}.hero-divider{margin:9px 0 4px}.hero-divider i{width:54px}.hero h1{max-width:700px;font-size:clamp(68px,9vw,84px);line-height:.98}.hero p{max-width:560px;margin-top:16px;font-size:30px;line-height:1.55}.welcome .primary{width:min(100%,616px);min-height:94px;margin-top:24px;font-size:34px}.welcome .primary svg{right:48px;width:34px;height:34px}.trust-line{gap:18px;margin-top:14px;font-size:20px}.trust-line svg{width:27px;height:27px}}@media(min-width:760px)and (min-height:1120px){.welcome{gap:20px}.welcome-visual{height:clamp(540px,45dvh,660px);margin-bottom:clamp(-84px,-5.8dvh,-66px)}.brand{font-size:124px}.hero h1{font-size:clamp(74px,9.2vw,90px)}.hero p{font-size:32px}.welcome .primary{margin-top:30px}}@media(min-width:760px)and (max-height:1099px){.welcome{gap:14px;padding-bottom:max(34px,calc(env(safe-area-inset-bottom) + 30px))}.welcome-visual{height:clamp(390px,40dvh,430px);margin-bottom:-58px}.scan-badge{right:54px;width:140px;height:140px;gap:9px;font-size:16px}.brand{font-size:104px}.hero{gap:9px}.hero h1{font-size:clamp(58px,8.2vw,64px);line-height:.99}.hero p{margin-top:10px;font-size:26px;line-height:1.48}.welcome .primary{min-height:82px;margin-top:16px;font-size:30px}.welcome .primary svg{right:44px;width:31px;height:31px}.trust-line{margin-top:6px;font-size:18px}.trust-line svg{width:24px;height:24px}}@media(max-width:390px){.welcome,.panel-screen,.content{padding-right:16px;padding-left:16px}.welcome{gap:10px;padding-top:0;padding-bottom:max(24px,calc(env(safe-area-inset-bottom) + 20px))}.welcome-visual{width:calc(100% + 32px);height:clamp(304px,38dvh,340px);margin-right:-16px;margin-bottom:-46px;margin-left:-16px}.scan-badge{top:max(24px,calc(env(safe-area-inset-top) + 14px));right:22px;width:112px;height:112px;gap:7px;font-size:14px}.brand{font-size:82px}.hero{gap:8px}.hero-divider{margin:4px 0 0}.hero h1{font-size:clamp(41px,11.4vw,45px);line-height:1.01}.hero p{margin-top:7px;font-size:22px;line-height:1.45}.welcome .primary{min-height:76px;margin-top:12px;font-size:26px}.welcome .primary svg{right:32px;width:27px;height:27px}.trust-line{gap:9px;margin-top:4px;font-size:14px}.trust-line svg{width:20px;height:20px}.duel-grid,.option-grid{gap:8px}.duel-grid .mini-card{min-height:min(54dvh,470px)}.compact-options{min-height:min(54dvh,480px);max-height:min(58dvh,500px)}.compact-options .mini-card h2{font-size:17px}.compact-options .mini-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.use-case-layout{min-height:calc(100dvh - 274px - env(safe-area-inset-bottom))}.use-case-card{height:min(52dvh,470px)}.use-case-card .hero-card-copy{gap:6px}.use-case-card .hero-card-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.duel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.score-card div{grid-template-columns:102px 1fr 54px}}.welcome{--welcome-pad-x: 20px;--welcome-gap: clamp(8px, 1.2dvh, 14px);--welcome-bottom-pad: clamp(18px, 2.7dvh, 34px);--welcome-visual-h: clamp(286px, 38dvh, 420px);--welcome-visual-overlap: clamp(-50px, -4.5dvh, -34px);--welcome-badge-size: clamp(104px, 14dvh, 122px);--welcome-badge-font: clamp(13px, 1.65dvh, 15px);--welcome-brand-size: clamp(76px, 9.4dvh, 88px);--welcome-kicker-size: clamp(11px, 1.45dvh, 13px);--welcome-title-size: clamp(40px, 6.7dvh, 58px);--welcome-copy-size: clamp(20px, 2.65dvh, 24px);--welcome-cta-h: clamp(66px, 8.3dvh, 82px);--welcome-cta-top: clamp(8px, 1.7dvh, 18px);--welcome-cta-font: clamp(24px, 3.15dvh, 28px);--welcome-trust-size: clamp(13px, 1.75dvh, 16px);--welcome-trust-icon: clamp(19px, 2.5dvh, 23px);height:100svh;height:100dvh;min-height:100svh;min-height:100dvh;max-height:100dvh;align-content:space-between;gap:var(--welcome-gap);overflow:hidden;padding:0 var(--welcome-pad-x) max(var(--welcome-bottom-pad),env(safe-area-inset-bottom))}.welcome-visual{width:calc(100% + (2 * var(--welcome-pad-x)));height:var(--welcome-visual-h);margin:0 calc(-1 * var(--welcome-pad-x)) var(--welcome-visual-overlap)}.scan-badge{top:max(clamp(22px,3.2dvh,30px),calc(env(safe-area-inset-top) + 14px));right:clamp(22px,5.8vw,56px);width:var(--welcome-badge-size);height:var(--welcome-badge-size);gap:clamp(7px,.9dvh,10px);font-size:var(--welcome-badge-font)}.brand{font-size:var(--welcome-brand-size)}.hero{gap:clamp(6px,.9dvh,10px)}.hero>span{font-size:var(--welcome-kicker-size)}.hero-divider{margin:clamp(2px,.7dvh,7px) 0 0}.hero h1{font-size:var(--welcome-title-size);line-height:.99}.hero p{margin-top:clamp(4px,.9dvh,10px);font-size:var(--welcome-copy-size);line-height:1.42}.welcome .primary{min-height:var(--welcome-cta-h);margin-top:var(--welcome-cta-top);font-size:var(--welcome-cta-font)}.welcome .primary svg{right:clamp(30px,5.2vw,48px);width:clamp(26px,3.3dvh,32px);height:clamp(26px,3.3dvh,32px)}.trust-line{gap:clamp(8px,1.3dvh,14px);margin-top:clamp(2px,.6dvh,8px);font-size:var(--welcome-trust-size)}.trust-line svg{width:var(--welcome-trust-icon);height:var(--welcome-trust-icon)}@media(min-width:760px){.welcome{--welcome-pad-x: 34px;--welcome-gap: clamp(8px, .95dvh, 16px);--welcome-bottom-pad: clamp(22px, 2.1dvh, 44px);--welcome-visual-h: clamp(410px, 38dvh, 560px);--welcome-visual-overlap: clamp(-70px, -4.3dvh, -50px);--welcome-badge-size: clamp(132px, 10.8dvh, 154px);--welcome-badge-font: clamp(15px, 1.25dvh, 17px);--welcome-brand-size: clamp(88px, 7.8dvh, 112px);--welcome-kicker-size: clamp(13px, 1.08dvh, 14px);--welcome-title-size: clamp(56px, 5.2dvh, 74px);--welcome-copy-size: clamp(24px, 2.15dvh, 30px);--welcome-cta-h: clamp(76px, 6.2dvh, 90px);--welcome-cta-top: clamp(10px, 1.25dvh, 22px);--welcome-cta-font: clamp(28px, 2.45dvh, 33px);--welcome-trust-size: clamp(16px, 1.35dvh, 19px);--welcome-trust-icon: clamp(23px, 1.9dvh, 27px)}.welcome .primary{width:min(100%,616px)}}@media(min-width:760px)and (max-height:1099px){.welcome{--welcome-visual-h: clamp(380px, 37dvh, 420px);--welcome-visual-overlap: -54px;--welcome-brand-size: clamp(86px, 8.7dvh, 100px);--welcome-title-size: clamp(54px, 5.7dvh, 62px);--welcome-copy-size: clamp(23px, 2.45dvh, 26px);--welcome-cta-h: clamp(74px, 7.3dvh, 82px);--welcome-cta-top: clamp(8px, 1.3dvh, 14px)}}@media(max-width:390px){.welcome{--welcome-pad-x: 16px;--welcome-gap: clamp(7px, 1.05dvh, 10px);--welcome-bottom-pad: clamp(16px, 2.35dvh, 24px);--welcome-visual-h: clamp(286px, 36dvh, 320px);--welcome-visual-overlap: clamp(-46px, -4.4dvh, -36px);--welcome-badge-size: clamp(102px, 13.4dvh, 112px);--welcome-badge-font: clamp(13px, 1.6dvh, 14px);--welcome-brand-size: clamp(72px, 9.7dvh, 82px);--welcome-title-size: clamp(38px, 5.55dvh, 45px);--welcome-copy-size: clamp(19px, 2.55dvh, 22px);--welcome-cta-h: clamp(62px, 8.4dvh, 76px);--welcome-cta-top: clamp(6px, 1.25dvh, 12px);--welcome-cta-font: clamp(23px, 3.05dvh, 26px);--welcome-trust-size: clamp(12px, 1.65dvh, 14px);--welcome-trust-icon: clamp(18px, 2.35dvh, 20px)}}.cafe-deck .duel-grid{gap:9px}.cafe-deck .swipe-actions{gap:9px;padding-bottom:0}.cafe-deck .swipe-actions button,.cafe-deck .candidate-actions button,.cafe-deck .result-actions button,.cafe-deck .reveal-panel button,.cafe-deck .deck-primary{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(248,194,154,.22);border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff06),#080808c2;color:#f6efe5e0;padding:12px 14px;font-size:14px;font-weight:900;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0d,0 14px 34px #0000005c}.cafe-deck .swipe-actions button:last-child,.cafe-deck .candidate-actions button:first-child,.cafe-deck .result-actions button:first-child,.cafe-deck .reveal-panel button:last-child,.cafe-deck .deck-primary{border-color:#ff7b7094;background:linear-gradient(180deg,#ff7b702e,#ffffff09),#100c0bdb;color:#ffc4a3}.cafe-deck .choice-pending{border-color:#ff8b70db;box-shadow:0 0 0 1px #ffc29c8a,0 0 40px #ff7b7052,0 22px 70px #00000080;transform:scale(.985)}.cafe-deck .candidate-options>div{min-height:190px}.cafe-deck .candidate-options strong{position:absolute;right:12px;bottom:14px;left:12px}.cafe-deck .mood-grid button:before{border-radius:inherit}.cafe-deck .mood-grid button.choice-pending{transform:translateY(-1px) scale(.99)}.cafe-deck .single-image{background-color:#0b0b0b}.cafe-deck .cafe-progress{box-shadow:inset 0 0 0 1px #ffffff05}