:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--bg-deep:#070a14;--ink:#fff6ea;--muted:#cbbfd4;--gold:#f0c36a;--gold-soft:#f7e2b0;--crimson:#e23b55;--crimson-deep:#b81d36;--line:#f0c36a52;--card:#fff6ea0d;--shadow:0 24px 60px #00000061;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{min-height:100dvh;color:var(--ink);background:radial-gradient(900px 480px at 50% -12%, #e23b5552, transparent 62%), radial-gradient(640px 380px at 110% 110%, #f0c36a29, transparent 55%), var(--bg);margin:0}button,a{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.phone{width:min(460px,100%);min-height:100dvh;margin:0 auto;position:relative}#stage{min-height:100%}.screen{min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));flex-direction:column;animation:.42s cubic-bezier(.2,.8,.2,1) both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.mark{border:1px solid var(--line);height:28px;color:var(--gold);letter-spacing:.16em;background:#f0c36a14;border-radius:999px;align-self:flex-start;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}h1,h2,p{margin:0}.hero-title{letter-spacing:-.045em;margin-top:14px;font-size:clamp(36px,10vw,46px);font-weight:800;line-height:1.12}.lede{color:var(--muted);margin-top:14px;font-size:16px;line-height:1.6}.face-row{flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:32px 0 28px;display:flex}.face-row img,.hero-face,.match img,.analyze-faces img{object-fit:contain;background:0 0;border-radius:50%}.face-row img{filter:drop-shadow(0 8px 12px #00000059);width:72px;height:72px}.title-actions{margin-top:auto}.fine{text-align:center;color:var(--muted);margin-top:12px;font-size:13px}.primary,.ghost{letter-spacing:-.02em;border-radius:999px;min-height:56px;padding:0 18px;font-size:16px;font-weight:800}.primary{color:#fff;background:linear-gradient(180deg, #ff6078 0%, var(--crimson) 45%, var(--crimson-deep) 100%);border:1px solid #f7e2b0b8;width:100%;box-shadow:0 12px 28px #b81d3661}.primary:active{transform:translateY(1px)}.ghost{color:var(--gold-soft);border:1px solid var(--line);background:#fff6ea0a}.back{min-height:40px;color:var(--muted);align-self:flex-start;margin-top:18px;padding:0 2px;font-size:14px;font-weight:700}.progress-meta{color:var(--gold);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-weight:800;display:flex}.progress-meta span:last-child{color:var(--muted);font-size:13px;font-weight:700}.track{background:#fff6ea29;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #f0c36a47}.bar{border-radius:inherit;background:linear-gradient(90deg, var(--gold), #fff1cc 40%, var(--crimson));width:0;height:100%;transition:width .36s}.prompt{letter-spacing:-.04em;margin:28px 0 18px;font-size:clamp(24px,6.4vw,30px);font-weight:800;line-height:1.35}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;background:var(--card);letter-spacing:-.03em;border:1px solid #f0c36a38;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;font-size:17px;font-weight:700;line-height:1.35;display:flex;box-shadow:inset 0 1px #fff6ea0a}.option .num{width:1.6em;color:var(--gold);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.option:active{transform:scale(.985)}.option.is-chosen{border-color:var(--gold);color:#fff;background:#e23b553d}.analyze{text-align:center;justify-content:center;align-items:center}.analyze-faces{flex-wrap:wrap;justify-content:center;gap:8px;width:min(280px,100%);margin-bottom:28px;display:flex}.analyze-faces img{width:58px;height:58px;animation:1.15s ease-in-out infinite bob}.analyze-faces img:nth-child(2n){animation-delay:.15s}.analyze-faces img:nth-child(3n){animation-delay:.3s}@keyframes bob{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.kicker{color:var(--gold);letter-spacing:.08em;font-size:13px;font-weight:800}.analyze h2{letter-spacing:-.04em;margin-top:8px;font-size:32px}.analyze-line{min-height:1.5em;color:var(--muted);margin-top:10px;font-size:16px}.result{gap:0}.hero-face{filter:drop-shadow(0 16px 24px #00000073);width:176px;height:176px;margin:18px auto 8px}.result h2{text-align:center;letter-spacing:-.045em;margin-top:4px;font-size:clamp(32px,9vw,40px)}.tagline{text-align:center;color:var(--gold-soft);margin-top:6px;font-size:16px;font-weight:700}.desc{color:var(--muted);margin-top:16px;font-size:15.5px;line-height:1.65}.line{border-left:3px solid var(--accent,var(--gold));background:#fff6ea0d;border-radius:18px;margin-top:16px;padding:16px 16px 16px 18px;font-size:17px;font-weight:700;line-height:1.55}.match{border:1px solid var(--line);background:#070a1473;border-radius:22px;grid-template-columns:76px 1fr;align-items:center;gap:12px;margin-top:16px;padding:12px;display:grid}.match img{width:76px;height:76px}.match .who{color:var(--gold);letter-spacing:.06em;margin:0;font-size:12px;font-weight:800}.match strong{letter-spacing:-.03em;margin-top:2px;font-size:18px;display:block}.match .tag,.match .note{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.45}.actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.actions .primary,.actions .ghost{width:100%}.share-link{color:var(--gold-soft);word-break:break-all;-webkit-user-select:text;user-select:text;margin-top:10px;font-size:13px;line-height:1.45}.tcg{color:var(--gold);text-underline-offset:4px;align-self:center;margin-top:16px;font-size:13px;font-weight:700;text-decoration:underline}#toast{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:5;border:1px solid var(--line);max-width:min(420px,100% - 32px);color:var(--gold-soft);box-shadow:var(--shadow);background:#24182a;border-radius:999px;margin:0;padding:12px 16px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}#toast[hidden]{display:none}@media (min-width:820px){body{place-items:center;padding:24px 16px;display:grid}.phone{border:1px solid var(--line);background:radial-gradient(420px 220px at 50% 0%, #e23b5533, transparent 70%), linear-gradient(180deg, #fff6ea08, transparent 28%), var(--bg-deep);height:min(900px,100dvh - 48px);min-height:0;box-shadow:var(--shadow), 0 0 0 8px #fff6ea08;border-radius:32px;overflow:auto}.screen{min-height:100%}#toast{position:absolute}}@media (max-width:359px){.actions{grid-template-columns:1fr}.face-row img{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.screen,.analyze-faces img,.bar{transition:none;animation:none}}