:root{--bg-deep:#0a0418;--bg-mid:#1a0f3a;--bg-elev:#251654;--primary:#b388ff;--primary-soft:#d4b8ff;--accent:#ff7ab6;--accent-soft:#ffb3d4;--gold:#f0c56b;--gold-soft:#f8e5b0;--text:#f5efff;--text-soft:#d8cfee;--muted:#998bba;--card-bg:#ffffff0a;--card-border:#b388ff2e;--card-border-strong:#b388ff73;--danger:#ff6b8a;--success:#7ee0c4;--grad-aurora:linear-gradient(135deg, #b388ff 0%, #ff7ab6 100%);--grad-night:radial-gradient(ellipse at top left, #b388ff40, transparent 50%), radial-gradient(ellipse at bottom right, #ff7ab62e, transparent 55%), linear-gradient(180deg, #0a0418 0%, #1a0f3a 100%);--shadow-card:0 20px 60px -20px #b388ff59;--shadow-glow:0 0 40px #b388ff73;--sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--serif:"Cormorant Garamond", "Noto Serif KR", "Nanum Myeongjo", Georgia, serif;font:16px/1.55 var(--sans);letter-spacing:.01em;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{background:var(--grad-night);background-attachment:fixed;overflow-x:hidden}#root{isolation:isolate;min-height:100vh;position:relative}#root:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 20% 30%,#fff9,#0000),radial-gradient(1px 1px at 65% 18%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 80% 60%,#f0c56bb3,#0000),radial-gradient(1px 1px at 15% 75%,#fff6,#0000),radial-gradient(1px 1px at 45%,#b388ff80,#0000),radial-gradient(1px 1px at 92% 85%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 35% 90%,#ff7ab680,#0000),radial-gradient(1px 1px at 70% 40%,#ffffff73,#0000);background-size:100% 100%;animation:8s ease-in-out infinite alternate twinkle;position:fixed;inset:0}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}h1,h2,h3,h4{font-family:var(--serif);color:var(--text);letter-spacing:-.01em;margin:0;font-weight:500}h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.1}h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}h3{font-size:1.25rem;line-height:1.3}p{color:var(--text-soft);margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:var(--text);border:1px solid var(--card-border);background:#ffffff0a;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .18s,background .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#b388ff14;box-shadow:0 0 0 3px #b388ff2e}label{color:var(--text-soft);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}a{color:var(--primary-soft);text-decoration:none}::selection{background:var(--accent);color:var(--bg-deep)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-bar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a0418a6,#0a041800);justify-content:space-between;align-items:center;padding:1.5rem clamp(1.25rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:.04em;color:var(--text);cursor:pointer;align-items:center;gap:.6rem;font-size:1.5rem;display:flex}.brand-mark{width:28px;height:28px;color:var(--gold);filter:drop-shadow(0 0 8px #f0c56b80);place-items:center;display:grid}.top-bar-actions{color:var(--muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,3rem) 5rem}.page-narrow{max-width:680px}.btn{letter-spacing:.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.6rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--grad-aurora);color:#fff;box-shadow:0 10px 30px -10px #ff7ab68c,inset 0 0 0 1px #ffffff14}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px -12px #ff7ab6a6,inset 0 0 0 1px #ffffff1f}.btn-ghost{color:var(--text-soft);border:1px solid var(--card-border);background:#ffffff0a}.btn-ghost:hover:not(:disabled){border-color:var(--card-border-strong);color:var(--text);background:#b388ff1a}.btn-block{width:100%}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card);border-radius:24px;padding:clamp(1.5rem,3vw,2.25rem)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";background:var(--grad-aurora);opacity:.18;z-index:-1;border-radius:24px;position:absolute;inset:-1px}.hero{text-align:center;padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem);position:relative}.hero-eyebrow{color:var(--gold-soft);letter-spacing:.18em;text-transform:uppercase;background:#f0c56b14;border:1px solid #f0c56b4d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;display:inline-flex}.hero h1{background:linear-gradient(#fff 0%,#d4b8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem}.hero .accent-word{background:var(--grad-aurora);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-sub{color:var(--text-soft);max-width:560px;margin:0 auto 2.2rem;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.65}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-moon{filter:blur(.4px);opacity:.7;background:radial-gradient(circle at 35% 35%,#f8e5b0 0%,#f0c56b 40%,#b8862b 70%,#0000 72%);border-radius:50%;width:110px;height:110px;position:absolute;top:10%;right:8%;box-shadow:0 0 60px #f0c56b66}.hero-orb{filter:blur(8px);background:radial-gradient(circle at 30% 30%,#ff7ab680 0%,#0000 65%);border-radius:50%;width:80px;height:80px;position:absolute;top:35%;left:5%}@media (width<=700px){.hero-moon{width:70px;height:70px;top:4%;right:6%}.hero-orb{width:50px;height:50px}}.steps{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1rem;display:grid}.step-card{padding:1.5rem;position:relative}.step-num{font-family:var(--serif);background:var(--grad-aurora);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;line-height:1}.step-card h3{margin-bottom:.5rem}.step-card p{font-size:.95rem;line-height:1.55}@media (width<=720px){.steps{grid-template-columns:1fr}}.section-title{text-align:center;margin-bottom:2rem}.section-title .eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:.6rem;font-size:.78rem;display:block}.feature-saju{grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;margin-top:4rem;display:grid}@media (width<=820px){.feature-saju{grid-template-columns:1fr}}.feature-saju-text h2{margin-bottom:1rem}.feature-saju-text p{margin-bottom:.75rem;line-height:1.7}.saju-visual{aspect-ratio:1;place-items:center;display:grid;position:relative}.saju-ring{border:1px solid #b388ff40;border-radius:50%;animation:40s linear infinite spin;position:absolute;inset:0}.saju-ring.outer{inset:0}.saju-ring.mid{border-color:#ff7ab640;animation-duration:30s;animation-direction:reverse;inset:12%}.saju-ring.inner{border-color:#f0c56b4d;animation-duration:20s;inset:26%}.saju-ring span{font-family:var(--serif);color:var(--primary-soft);font-size:1.1rem;position:absolute;transform:translate(-50%,-50%)}.saju-center{background:var(--grad-aurora);width:35%;height:35%;font-family:var(--serif);color:#fff;box-shadow:var(--shadow-glow);z-index:1;border-radius:50%;place-items:center;font-size:1.8rem;display:grid;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.wizard-header{margin-bottom:2rem}.progress{gap:.4rem;margin-bottom:1.5rem;display:flex}.progress-tick{background:#ffffff14;border-radius:999px;flex:1;height:4px;position:relative;overflow:hidden}.progress-tick.active{background:var(--grad-aurora);box-shadow:0 0 12px #ff7ab680}.progress-tick.done{background:#b388ff80}.step-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:.5rem;font-size:.78rem}.wizard-step h2{margin-bottom:.5rem}.wizard-step .step-help{color:var(--muted);margin-bottom:2rem;line-height:1.6}.field{margin-bottom:1.25rem}.field-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=540px){.field-row{grid-template-columns:1fr}}.segmented{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;display:grid}.segmented button{border:1px solid var(--card-border);color:var(--text-soft);background:#ffffff08;border-radius:14px;padding:.85rem .6rem;font-size:.95rem;font-weight:500;transition:all .18s}.segmented button:hover{border-color:var(--card-border-strong);color:var(--text)}.segmented button.selected{border-color:var(--primary);color:var(--text);background:#b388ff24;box-shadow:0 0 0 2px #b388ff40}.mbti-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (width<=600px){.mbti-grid{grid-template-columns:repeat(2,1fr)}}.mbti-grid button{border:1px solid var(--card-border);color:var(--text-soft);font-family:var(--serif);letter-spacing:.04em;background:#ffffff08;border-radius:14px;padding:1rem .5rem;font-size:1.15rem;transition:all .18s}.mbti-grid button:hover{border-color:var(--card-border-strong);color:var(--text)}.mbti-grid button.selected{background:var(--grad-aurora);color:#fff;border-color:#0000;box-shadow:0 8px 20px -8px #ff7ab68c}.chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.chip{border:1px solid var(--card-border);color:var(--text-soft);background:#ffffff0a;border-radius:999px;padding:.55rem 1rem;font-size:.92rem;transition:all .16s}.chip:hover{border-color:var(--card-border-strong);color:var(--text)}.chip.selected{border-color:var(--accent);color:var(--text);background:#ff7ab629}.chip.dealbreaker.selected{border-color:var(--danger);background:#ff6b8a2e}.wizard-actions{justify-content:space-between;gap:.75rem;margin-top:2.5rem;display:flex}.helper-text{color:var(--muted);margin-top:.4rem;font-size:.84rem}.persona-card{text-align:center;position:relative;overflow:hidden}.persona-card:after{content:"✦";color:var(--gold);opacity:.05;pointer-events:none;font-size:8rem;position:absolute;bottom:-3rem;right:-1rem}.ilju-badge{background:linear-gradient(135deg,#f0c56b26,#b388ff26);border:1px solid #f0c56b59;border-radius:20px;flex-direction:column;align-items:center;margin:1.5rem 0;padding:1.25rem 2rem;display:inline-flex}.ilju-hanja{font-family:var(--serif);letter-spacing:.1em;color:var(--gold-soft);margin-bottom:.4rem;font-size:3rem;line-height:1}.ilju-name{color:var(--text-soft);letter-spacing:.15em;font-size:1.1rem}.ilju-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.ilju-tag{color:var(--primary-soft);letter-spacing:.05em;background:#b388ff1f;border-radius:999px;padding:.35rem .85rem;font-size:.82rem}.ilju-desc{max-width:480px;color:var(--text-soft);margin:0 auto;line-height:1.75}.summary-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}@media (width<=720px){.summary-grid{grid-template-columns:1fr}}.summary-tile{border:1px solid var(--card-border);background:#ffffff08;border-radius:18px;padding:1.25rem}.summary-tile h4{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:.6rem;font-size:.78rem}.summary-tile .body{color:var(--text-soft);font-size:.95rem;line-height:1.55}.summary-tile ul{margin:0;padding-left:1rem}.summary-tile li{margin-bottom:.3rem}.matching-stage{text-align:center;padding:3rem 1rem 2rem}.matching-avatars{justify-content:center;align-items:center;gap:2.5rem;margin:2rem 0;display:flex;position:relative}.avatar{width:96px;height:96px;font-family:var(--serif);color:#fff;border:2px solid #ffffff26;border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:relative}.avatar.you{background:var(--grad-aurora);box-shadow:0 0 40px #b388ff73}.avatar.them{background:linear-gradient(135deg,#5a3fa5 0%,#874ec0 100%);box-shadow:0 0 40px #874ec080}.avatar-ring{border:2px solid var(--primary);opacity:.4;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-8px}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.matching-link{background:linear-gradient(90deg, var(--primary), var(--accent));opacity:.6;flex:0 0 60px;height:2px;position:relative}.matching-link:before,.matching-link:after{content:"✦";color:var(--gold);font-size:1rem;animation:2.4s ease-in-out infinite drift;position:absolute;top:50%;transform:translateY(-50%)}.matching-link:before{left:-4px}.matching-link:after{animation-delay:1.2s;right:-4px}@keyframes drift{0%,to{opacity:.4;transform:translateY(-50%)}50%{opacity:1;transform:translateY(-50%)scale(1.4)}}.transcript{text-align:left;flex-direction:column;gap:.75rem;max-width:560px;margin:2rem auto 0;display:flex}.bubble{border-radius:18px;max-width:85%;padding:.85rem 1.1rem;font-size:.95rem;line-height:1.5;animation:.4s ease-out both bubbleIn}.bubble.you{background:#b388ff2e;border:1px solid #b388ff59;align-self:flex-start}.bubble.them{background:#ff7ab629;border:1px solid #ff7ab659;align-self:flex-end}.bubble-author{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.72rem;display:block}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.typing-dots{border:1px solid var(--card-border);background:#ffffff0f;border-radius:18px;align-self:flex-start;gap:4px;padding:.85rem 1.1rem;display:inline-flex}.typing-dots span{background:var(--primary-soft);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.matching-status{color:var(--text-soft);letter-spacing:.04em;margin-top:1rem;font-size:.95rem}.match-hero{text-align:center;margin-bottom:2rem}.score-ring{background:conic-gradient(var(--accent) 0%, var(--primary) 86%, #ffffff0f 86%);border-radius:50%;place-items:center;width:160px;height:160px;margin:0 auto 1rem;display:grid;position:relative}.score-ring:before{content:"";background:var(--bg-deep);border-radius:50%;position:absolute;inset:8px}.score-ring-inner{font-family:var(--serif);color:var(--text);font-size:2.4rem;position:relative}.score-ring-inner small{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.2rem;font-size:.7rem;display:block}.match-profile{border:1px solid var(--card-border);background:#ffffff08;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.match-profile .avatar{width:72px;height:72px;font-size:1.3rem}.match-profile .name{font-family:var(--serif);color:var(--text);font-size:1.5rem}.match-profile .meta{color:var(--muted);margin-top:.2rem;font-size:.9rem}.reasons{flex-direction:column;gap:.85rem;margin-top:1.5rem;display:flex}.reason{border:1px solid var(--card-border);background:#ffffff08;border-radius:14px;gap:.85rem;padding:1rem 1.1rem;display:flex}.reason .icon{background:var(--grad-aurora);color:#fff;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:.85rem;display:grid}.reason .text{color:var(--text-soft);font-size:.95rem;line-height:1.55}.reason .text strong{color:var(--text);font-weight:600}.actions-row{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.actions-row .btn{flex:1;min-width:140px}.ai-persona-block{margin-top:1.5rem}.ai-card{padding:1.5rem}.ai-loading{align-items:center;gap:1rem;display:flex}.ai-spinner{border:2px solid #b388ff33;border-top-color:var(--primary);border-right-color:var(--accent);border-radius:50%;flex:0 0 36px;height:36px;animation:.9s linear infinite spin-fast}@keyframes spin-fast{to{transform:rotate(360deg)}}.ai-loading-title{font-family:var(--serif);color:var(--text);font-size:1.15rem}.ai-loading-sub{color:var(--muted);margin-top:.2rem;font-size:.88rem}.ai-error{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ai-headline{font-family:var(--serif);background:var(--grad-aurora);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.25}.ai-summary{color:var(--text-soft);margin-bottom:1.1rem;line-height:1.8}.ai-vibes{flex-wrap:wrap;gap:.45rem;margin-bottom:1.4rem;display:flex}.ai-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=600px){.ai-grid{grid-template-columns:1fr}}.ai-tile{border:1px solid var(--card-border);background:#ffffff08;border-radius:14px;padding:1rem 1.1rem}.ai-tile h5{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-soft);margin:0 0 .55rem;font-size:.74rem;font-weight:600}.ai-tile ul{color:var(--text-soft);margin:0;padding-left:1.1rem;font-size:.94rem;line-height:1.6}.ai-tile li{margin-bottom:.3rem}.ai-tile-text{color:var(--text-soft);font-size:.95rem;line-height:1.65}.ai-starters{margin-top:1.1rem}.ai-starters h5{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-soft);margin:0 0 .6rem;font-size:.74rem;font-weight:600}.ai-starter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.ai-ilju-insight{border-top:1px solid var(--card-border);color:var(--gold-soft);font-family:var(--serif);margin-top:1.2rem;padding-top:1.1rem;font-size:1.02rem;line-height:1.6}