:root{color-scheme:dark;--bg: #150e2d;--surface: #251a47;--surface-tint: #2d2154;--ink: #f4efff;--ink-2: #cabfe8;--muted: #9186b8;--line: rgba(196, 172, 255, .16);--grid: rgba(196, 172, 255, .12);--person-a: #6f6fe8;--person-b: #e0447c;--person-a-soft: rgba(111, 111, 232, .2);--person-b-soft: rgba(224, 68, 124, .2);--accent-text: #cdb6ff;--grad: linear-gradient(135deg, #7b6cff 0%, #b95ae0 55%, #ff6b9d 100%);--grad-soft: linear-gradient(135deg, rgba(123, 108, 255, .18), rgba(255, 107, 157, .18));--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow: 0 12px 36px rgba(4, 1, 18, .55);--shadow-sm: 0 4px 16px rgba(4, 1, 18, .4);--ad-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;background:radial-gradient(ellipse 90% 55% at 15% -5%,rgba(123,92,220,.3),transparent 60%),radial-gradient(ellipse 70% 45% at 95% 12%,rgba(224,68,124,.14),transparent 55%),radial-gradient(ellipse 85% 60% at 50% 112%,rgba(64,46,130,.38),transparent 65%),var(--bg);background-attachment:fixed;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.55) .6px,transparent 1.4px),radial-gradient(circle,rgba(205,182,255,.4) .5px,transparent 1.2px);background-size:210px 190px,140px 160px;background-position:0 0,70px 90px;opacity:.5}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:20px 20px calc(var(--ad-height) + 28px);position:relative}.page-enter{animation:pageIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;margin-bottom:16px}.btn-primary{display:block;width:100%;padding:17px;border-radius:999px;background:var(--grad);color:#fff;font-size:17px;font-weight:700;letter-spacing:-.01em;box-shadow:0 8px 26px #965aff66;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:active{transform:scale(.97);box-shadow:0 4px 14px #965aff59}.btn-primary:disabled{opacity:.5;box-shadow:none}.btn-ghost{display:block;width:100%;padding:15px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:15px;font-weight:600;transition:transform .15s ease}.btn-ghost:active{transform:scale(.97)}.section-title{font-size:15px;font-weight:800;color:var(--ink);margin:26px 0 12px;display:flex;align-items:center;gap:7px}.error-box{background:#e0447c21;border:1px solid rgba(224,68,124,.35);border-radius:var(--radius-md);padding:16px;color:#ff9dbb;font-size:14px;margin-bottom:14px}.loading-screen{min-height:60dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:14px}.heart-pulse{font-size:44px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.lang-switch{display:flex;justify-content:flex-end;gap:6px}.lang-chip{padding:6px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:700}.lang-chip.selected{background:var(--grad-soft);border-color:transparent;color:var(--accent-text)}.home-hero{text-align:center;padding:46px 0 30px}.home-hero-img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);margin:6px 0 22px;display:block}.ui-illust{height:150px;width:auto;margin:0 auto 12px;display:block;filter:drop-shadow(0 8px 14px rgba(4,1,18,.4))}.ui-illust-center{margin:0 auto 16px}.home-badge{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--grad-soft);color:var(--accent-text);font-size:13px;font-weight:700;margin-bottom:18px}.home-title{font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1.25;margin-bottom:14px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.home-sub{color:var(--ink-2);font-size:15px;max-width:320px;margin:0 auto 30px}.home-emblems{display:flex;justify-content:center;gap:10px;margin-bottom:34px;font-size:30px}.home-emblems span{width:56px;height:56px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center;animation:float 3s ease-in-out infinite}.home-emblems span:nth-child(2){animation-delay:.4s}.home-emblems span:nth-child(3){animation-delay:.8s}.home-emblems span:nth-child(4){animation-delay:1.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.step-card{display:flex;align-items:center;gap:15px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 18px;margin-bottom:10px}.step-num{flex-shrink:0;width:34px;height:34px;border-radius:12px;background:var(--grad-soft);color:var(--accent-text);font-weight:800;font-size:15px;display:grid;place-items:center}.step-card b{display:block;font-size:15px}.step-card p{font-size:13px;color:var(--muted)}.privacy-note{text-align:center;font-size:12.5px;color:var(--muted);margin-top:18px}.progress-track{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--grad);border-radius:999px;transition:width .35s cubic-bezier(.22,1,.36,1)}.progress-label{font-size:12px;color:var(--muted);text-align:right;margin-bottom:22px}.survey-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.back-btn{width:38px;height:38px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:18px;color:var(--ink-2);flex-shrink:0}.invite-banner{background:var(--grad-soft);border-radius:var(--radius-md);padding:14px 18px;font-size:14px;color:var(--accent-text);font-weight:600;text-align:center;margin-bottom:20px}.q-number{font-size:14px;font-weight:800;color:var(--person-a);margin-bottom:8px}.q-text{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.4;margin-bottom:24px;min-height:60px}.option-btn{display:block;width:100%;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:10px;transition:all .15s ease}.option-btn.selected{border-color:var(--person-a);background:var(--person-a-soft);transform:scale(.98)}.field-label{font-size:14px;font-weight:700;color:var(--ink-2);margin:18px 0 8px}.nickname-input{width:100%;padding:15px 18px;border:1.5px solid var(--line);border-radius:var(--radius-md);font-size:16px;background:var(--surface);outline:none;transition:border-color .15s}.nickname-input:focus{border-color:var(--person-a)}.gender-row{display:flex;gap:8px}.gender-chip{flex:1;padding:13px 0;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--surface);font-size:15px;font-weight:600;transition:all .15s ease}.gender-chip.selected{border-color:var(--person-a);background:var(--person-a-soft);color:var(--person-a)}.result-header{text-align:center;padding:20px 0 6px}.result-header .eyebrow{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:6px}.result-header h1{font-size:25px;font-weight:900;letter-spacing:-.02em}.emblem{width:92px;height:92px;border-radius:32px;display:grid;place-items:center;font-size:48px;margin:0 auto 14px;box-shadow:var(--shadow-sm)}.arch-portrait{width:148px;height:148px;border-radius:36px;margin:0 auto 14px;box-shadow:var(--shadow-sm);display:grid;place-items:end center;overflow:hidden}.arch-portrait img{height:92%;width:auto;max-width:88%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(10,5,30,.25))}.arch-title{text-align:center;font-size:22px;font-weight:900;letter-spacing:-.02em;margin-bottom:4px}.arch-nickname{text-align:center;font-size:13.5px;color:var(--muted);font-weight:600;margin-bottom:14px}.arch-desc{font-size:14.5px;color:var(--ink-2);text-align:center}.keyword-row{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:14px}.keyword-chip{padding:6px 12px;border-radius:999px;background:var(--surface-tint);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2)}.radar-wrap{display:flex;flex-direction:column;align-items:center}.radar-legend{display:flex;gap:18px;margin-top:4px}.legend-item{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink-2)}.legend-dot{width:10px;height:10px;border-radius:50%}.radar-readout{margin-top:10px;min-height:24px;font-size:13.5px;color:var(--ink-2);display:flex;align-items:center;gap:12px}.radar-hint{color:var(--muted);font-size:12.5px}.axis-label{cursor:pointer;-webkit-user-select:none;user-select:none}.couple-names{display:flex;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:800;margin-bottom:16px}.name-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.score-ring-wrap{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px}.score-grade{font-size:21px;font-weight:900;letter-spacing:-.02em;margin-top:12px}.score-tagline{font-size:13.5px;color:var(--muted);margin-top:3px}.scene-card{border-radius:var(--radius-lg);padding:26px 22px;margin-bottom:16px;background:radial-gradient(circle at 20% 15%,rgba(224,68,124,.35),transparent 45%),radial-gradient(circle at 85% 80%,rgba(91,91,214,.45),transparent 50%),#221a35;color:#fff;text-align:center;box-shadow:var(--shadow)}.scene-emblems{display:flex;justify-content:center;align-items:center;gap:14px;font-size:44px;margin-bottom:14px}.scene-heart{font-size:22px;animation:pulse 1.4s ease-in-out infinite}.scene-caption{font-size:15px;font-weight:600;line-height:1.6;margin-bottom:8px}.scene-flavor{font-size:13px;color:#ffffffbf}.scene-coming{margin-top:16px;font-size:12px;color:#ffffff8c}.scene-canvas{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow);background:#221a35}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);filter:saturate(1.06)}.scene-light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 42% at 50% 80%,rgba(255,216,168,.16),transparent 70%),radial-gradient(ellipse 130% 120% at 50% 45%,transparent 58%,rgba(8,4,22,.42) 100%)}.scene-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.14);z-index:7;pointer-events:none}.scene-char{position:absolute;transform:translate(-50%)}.scene-enter-left{animation:sceneEnterLeft .65s cubic-bezier(.22,1,.36,1) both}.scene-enter-right{animation:sceneEnterRight .65s cubic-bezier(.22,1,.36,1) both}@keyframes sceneEnterLeft{0%{transform:translate(calc(-50% - 80px)) scale(.93);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes sceneEnterRight{0%{transform:translate(calc(-50% + 80px)) scale(.93);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.scene-pair{position:absolute;bottom:12%;left:50%;transform:translate(-50%);z-index:2}.scene-pair-img{height:100%;width:auto;display:block;filter:drop-shadow(0 10px 18px rgba(10,5,30,.5))}.scene-enter-pair{animation:sceneEnterPair .7s cubic-bezier(.22,1,.36,1) both}@keyframes sceneEnterPair{0%{transform:translate(-50%) translateY(16px) scale(.95);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.scene-shadow-wide{width:82%;height:5%}.scene-char-inner{height:100%;position:relative;z-index:2}.scene-char-inner img{height:100%;width:auto;display:block;filter:drop-shadow(0 10px 18px rgba(10,5,30,.5))}.scene-shadow{position:absolute;bottom:-2.5%;left:50%;transform:translate(-50%);width:72%;height:6%;border-radius:50%;background:#0f082880;filter:blur(7px);z-index:1}.scene-badge{position:absolute;top:-38px;left:50%;transform:translate(-50%);z-index:3;padding:5px 14px;border-radius:999px;color:#fff;font-size:13px;font-weight:800;box-shadow:0 3px 10px #00000059;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1.5px solid rgba(255,255,255,.75);animation:badgePop .35s cubic-bezier(.34,1.56,.64,1) .55s both}@keyframes badgePop{0%{transform:translate(-50%) translateY(8px) scale(.4);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.scene-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:4;animation:fxIn .8s ease .7s both,fxPulse 4.5s ease-in-out 1.6s infinite}@keyframes fxIn{0%{opacity:0}to{opacity:.9}}@keyframes fxPulse{0%,to{opacity:.9}50%{opacity:.68}}.scene-caption-bar{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:26px 18px 14px;background:linear-gradient(transparent,#0f0828d9);color:#fff;text-align:center;animation:captionUp .5s ease .85s both}@keyframes captionUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.scene-caption-bar p{font-size:13.5px;font-weight:600;line-height:1.5;text-shadow:0 1px 6px rgba(8,4,22,.6)}.scene-caption-bar span{font-size:11.5px;color:#ffffffb8}.scene-caption-bar span:before{content:"✦ ";opacity:.7}.scene-wait .scene-enter-left,.scene-wait .scene-enter-right,.scene-wait .scene-enter-pair,.scene-wait .scene-badge,.scene-wait .scene-fx,.scene-wait .scene-caption-bar{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.scene-enter-left,.scene-enter-right,.scene-enter-pair,.scene-badge,.scene-fx,.scene-caption-bar{animation:none}.scene-fx{opacity:.9}}.highlight-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;font-size:13.5px}.highlight-row+.highlight-row{border-top:1px solid var(--line)}.highlight-label{font-weight:700;color:var(--ink-2);flex-shrink:0;width:118px;line-height:2}.highlight-chips{display:flex;flex-wrap:wrap;gap:7px}.axis-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px;margin-bottom:12px}.axis-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.axis-name{font-size:15px;font-weight:800}.band-chip{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}.band-same{background:#26d09229;color:#5fe0b0}.band-different{background:#f0b43c29;color:#ffce6e}.band-opposite{background:var(--person-b-soft);color:var(--person-b)}.mini-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:7px;font-size:12.5px}.mini-bar-name{width:64px;flex-shrink:0;font-weight:700;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar-track{flex:1;height:8px;background:var(--line);border-radius:999px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.mini-bar-val{width:26px;text-align:right;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}.axis-pole-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:2px 74px 12px}.axis-headline{font-size:14.5px;font-weight:800;margin-bottom:5px}.axis-body{font-size:13.5px;color:var(--ink-2)}.care-tip{margin-top:10px;background:var(--surface-tint);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:11px 13px;font-size:13px;color:var(--ink-2)}.care-tip b{color:var(--person-a)}.share-box{text-align:center}.share-box p{font-size:14px;color:var(--ink-2);margin-bottom:14px}.copied-toast{position:fixed;left:50%;bottom:calc(var(--ad-height) + 18px);transform:translate(-50%);background:#f2ecff;color:#2a1e52;font-size:13.5px;font-weight:600;padding:11px 20px;border-radius:999px;box-shadow:var(--shadow);z-index:50;animation:pageIn .25s ease both}.ad-bar{position:fixed;left:0;right:0;bottom:0;height:var(--ad-height);background:#120b28e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;z-index:40}.ad-slot{width:320px;height:50px;border:1.5px dashed var(--grid);border-radius:8px;display:grid;place-items:center;font-size:11.5px;color:var(--muted);letter-spacing:.04em}.home-footer{text-align:center;margin-top:12px;padding-bottom:8px}.home-footer a{font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.legal-page h1{font-size:22px;margin:10px 0 4px}.legal-updated{font-size:12.5px;color:var(--muted);margin-bottom:14px}.legal-page>p{font-size:14px;color:var(--ink-2);line-height:1.65}.legal-page section{margin-top:20px}.legal-page h2{font-size:15px;margin-bottom:6px}.legal-page section p{font-size:13.5px;color:var(--ink-2);line-height:1.65;margin-bottom:8px}.legal-back{display:inline-block;margin-top:24px;color:var(--accent-text);font-weight:600}