:root{--primary: #9333EA;--primary-container: #3B0764;--primary-fixed: #1F0040;--secondary: #E9C349;--secondary-accent: #FFE168;--crimson: #CC1144;--bg: #0A0118;--surface: #120228;--surface-low: #0E0120;--surface-container: #1A0435;--surface-high: #220A45;--text: #F0E8FF;--text-muted: #A78CB8;--outline: #3D1B6B;--shadow: 0 4px 24px rgba(147, 51, 234, .18);--shadow-lg: 0 8px 48px rgba(147, 51, 234, .28);--glow: 0 0 24px rgba(147, 51, 234, .45);--on-primary: #F0E8FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,"Noto Serif KR",sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse 110% 65% at 50% -8%,rgba(147,51,234,.28) 0%,transparent 60%),radial-gradient(ellipse 55% 40% at 88% 88%,rgba(204,17,68,.14) 0%,transparent 55%),radial-gradient(ellipse 45% 35% at 8% 65%,rgba(59,7,100,.35) 0%,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 80px,rgba(147,51,234,.015) 80px,rgba(147,51,234,.015) 81px);color:var(--text);line-height:1.6;min-height:100vh}.label-text{display:block;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary)}.section-title{font-family:"Noto Serif","Noto Serif KR",serif;font-size:clamp(1.8rem,3vw,2.5rem);color:var(--text);line-height:1.25}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.glass-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0118bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(147,51,234,.18)}.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.5rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.04em;text-shadow:0 0 16px rgba(147,51,234,.7)}.nav-logo span{font-size:.7rem;font-weight:400;letter-spacing:.12em;color:var(--secondary);display:block;margin-top:-4px;text-shadow:none}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{font-size:.82rem;font-weight:500;letter-spacing:.06em;text-decoration:none;color:#f0e8ff73;transition:color .3s;padding-bottom:2px}.nav-links a:hover{color:var(--secondary)}.nav-links a.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:700;text-shadow:var(--glow)}.lang-switcher{position:relative}.lang-btn{background:transparent;border:1px solid rgba(147,51,234,.3);border-radius:4px;color:#f0e8ff99;font-size:.75rem;font-weight:600;font-family:Manrope,sans-serif;padding:.35rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:border-color .2s,color .2s;letter-spacing:.04em}.lang-btn:hover{border-color:var(--primary);color:var(--text)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#120228f7;border:1px solid rgba(147,51,234,.3);border-radius:6px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:110px;z-index:200;overflow:hidden}.lang-option{display:block;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:#f0e8ffa6;font-size:.8rem;font-weight:500;font-family:Manrope,sans-serif;text-align:left;cursor:pointer;transition:background .15s,color .15s;letter-spacing:.04em}.lang-option:hover{background:#9333ea26;color:var(--text)}.lang-option.active{color:var(--secondary);font-weight:700}main{padding-top:4.5rem}@keyframes particleTwinkle{0%,to{opacity:.15;transform:scale(.8) rotate(0)}50%{opacity:.9;transform:scale(1.2) rotate(180deg)}}@keyframes particleDrift{0%{transform:translateY(0) translate(0)}33%{transform:translateY(-12px) translate(6px)}66%{transform:translateY(-6px) translate(-8px)}to{transform:translateY(0) translate(0)}}@keyframes shimmerShine{0%{left:-100%}to{left:200%}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:.75;transform:scale(1.05)}}.hero-section{max-width:1280px;margin:0 auto;padding:6rem 2.5rem 7rem;display:grid;grid-template-columns:6fr 5fr;gap:5rem;align-items:center;position:relative}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;font-style:normal;animation:particleTwinkle 4s ease-in-out infinite,particleDrift 7s ease-in-out infinite}.particle.p1{top:12%;left:8%;font-size:.75rem;color:var(--secondary);animation-delay:0s,0s}.particle.p2{top:38%;left:3%;font-size:1.1rem;color:#f0e8ff66;animation-delay:.7s,1s}.particle.p3{top:72%;left:18%;font-size:.6rem;color:var(--primary);animation-delay:1.4s,2s}.particle.p4{top:18%;right:6%;font-size:.85rem;color:var(--secondary);animation-delay:.35s,.5s}.particle.p5{top:55%;right:4%;font-size:.65rem;color:#cc1144b3;animation-delay:1.1s,3s}.particle.p6{top:82%;right:22%;font-size:1rem;color:#f0e8ff59;animation-delay:1.8s,1.5s}.particle.p7{top:48%;left:12%;font-size:.5rem;color:var(--secondary);animation-delay:2.2s,4s}.particle.p8{top:28%;right:28%;font-size:.55rem;color:var(--primary);animation-delay:.9s,2.5s}.hero-kicker{display:flex;align-items:center;gap:.9rem;margin-bottom:1.8rem}.kicker-line{display:block;height:1px;width:36px;background:linear-gradient(90deg,transparent,rgba(233,195,73,.7));flex-shrink:0}.kicker-line:last-child{background:linear-gradient(90deg,rgba(233,195,73,.7),transparent)}.kicker-text{font-size:.68rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--secondary);white-space:nowrap}.hero-text h1{font-family:"Noto Serif","Noto Serif KR",serif;font-size:clamp(3rem,5vw,4.6rem);line-height:1.25;margin-bottom:1.6rem;color:var(--text);letter-spacing:-.01em;overflow:visible}.hero-text h1 em{font-style:italic;background:linear-gradient(135deg,#ffe168,#e9c349,#c64 80%,#c14);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(233,195,73,.45))}.hero-divider{display:flex;align-items:center;gap:.6rem;margin-bottom:1.6rem}.divider-dot{display:block;width:4px;height:4px;border-radius:50%;background:#e9c34980;flex-shrink:0}.divider-line{display:block;height:1px;width:80px;background:linear-gradient(90deg,rgba(233,195,73,.4),transparent)}.hero-text p{font-size:1.02rem;color:var(--text-muted);max-width:440px;margin-bottom:2.8rem;line-height:1.85;letter-spacing:.008em}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#6b1a9a,#9333ea 50%,#c41140);color:#fff;padding:1rem 2.2rem;border:none;border-radius:4px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #9333ea66,inset 0 1px #ffffff1f;transition:transform .22s,box-shadow .22s;font-family:Manrope,sans-serif;letter-spacing:.04em;position:relative;overflow:hidden}.btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);animation:shimmerShine 3.5s ease-in-out infinite}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px #9333ea8c,0 0 40px #9333ea40,inset 0 1px #ffffff26}.btn-outline{background:transparent;color:#f0e8ffcc;padding:1rem 2.2rem;border:1px solid rgba(147,51,234,.4);border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .22s,border-color .22s,color .22s;font-family:Manrope,sans-serif;letter-spacing:.04em}.btn-outline:hover{background:#9333ea1a;border-color:var(--primary);color:var(--text)}.hero-visual{position:relative;display:flex;justify-content:center}.hero-img-frame{position:relative;width:100%;max-width:500px}.hero-img-glow{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background:radial-gradient(ellipse at 50% 60%,rgba(147,51,234,.22) 0%,transparent 65%),radial-gradient(ellipse at 30% 80%,rgba(204,17,68,.12) 0%,transparent 55%);pointer-events:none;z-index:0;animation:glowPulse 4s ease-in-out infinite}.frame-corner{position:absolute;width:22px;height:22px;z-index:3;pointer-events:none}.frame-corner:before,.frame-corner:after{content:"";position:absolute;background:var(--secondary);opacity:.6}.frame-corner:before{width:2px;height:100%;top:0}.frame-corner:after{width:100%;height:2px;top:0}.fc-tl{top:-8px;left:-8px}.fc-tr{top:-8px;right:-8px;transform:scaleX(-1)}.fc-bl{bottom:-8px;left:-8px;transform:scaleY(-1)}.fc-br{bottom:-8px;right:-8px;transform:scale(-1)}.hero-img-card{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #e9c3492e,0 24px 64px #000000a6,0 0 80px #9333ea38;position:relative;z-index:1;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s ease}.hero-img-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px #e9c34947,0 36px 80px #000000b3,0 0 100px #9333ea59}.hero-img-card img{width:100%;height:100%;object-fit:cover;display:block}.hero-quote{position:absolute;bottom:-1.8rem;left:-2rem;background:linear-gradient(135deg,#1a0435f2,#120228fa);padding:1.3rem 1.5rem 1.1rem;border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 20px #9333ea26;max-width:200px;border:1px solid rgba(147,51,234,.25);border-top:2px solid rgba(233,195,73,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4}.quote-mark{font-family:"Noto Serif",serif;font-size:1.5rem;color:var(--secondary);opacity:.6;line-height:1;display:block;margin-bottom:.3rem}.hero-quote p{font-family:"Noto Serif","Noto Serif KR",serif;font-style:italic;color:#f0e8ffd9;font-size:.8rem;line-height:1.6;margin-bottom:.6rem}.hero-quote p.quote-by{font-family:Manrope,sans-serif;font-style:normal;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);opacity:.7;margin:0}.dual-path-section{background:var(--surface-low);padding:5rem 2rem;border-top:1px solid var(--outline);border-bottom:1px solid var(--outline)}.dual-path-inner{max-width:1000px;margin:0 auto}.dual-path-header{text-align:center;margin-bottom:3rem}.dual-path-header .label-text{margin-bottom:.5rem}.dual-path-header .section-title{margin-bottom:0}.dual-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.path-card{background:var(--surface);border-radius:12px;padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--outline);border-top:2px solid var(--secondary)}.path-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.path-icon{font-size:1.6rem;color:var(--primary)}.path-card-header h3{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.25rem;color:var(--text)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.form-input{width:100%;background:var(--surface-container);border:1px solid var(--outline);border-radius:4px;padding:.9rem 1rem;font-size:.95rem;font-family:Manrope,sans-serif;color:var(--text);outline:none;transition:background .2s,box-shadow .2s,border-color .2s}.form-input:focus{background:var(--surface-high);border-color:var(--primary);box-shadow:0 0 0 2px #9333ea33}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.birthdate-group,.birthtime-group{display:flex;align-items:center;gap:.4rem}.birthtime-group .birthtime-select{flex:1;min-width:0}.birthdate-group .birthdate-year{flex:2;min-width:0}.birthdate-group .birthdate-month,.birthdate-group .birthdate-day{flex:1;min-width:0;text-align:center}.birthdate-sep{color:var(--text-muted);font-size:1rem;flex-shrink:0;padding:0 .1rem}.field-error{margin-top:.4rem;font-size:.78rem;color:#ff6b6b;font-family:Manrope,sans-serif}.input-error{border-color:#ff6b6b!important;box-shadow:0 0 0 2px #ff6b6b33!important}.drop-zone-error{border-color:#ff6b6b!important}.gender-btn-group{display:flex;gap:.75rem}.gender-btn{flex:1;padding:.7rem;border:1px solid var(--outline);border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Manrope,sans-serif}.gender-btn.active{background:var(--primary-container);color:var(--text);border-color:var(--primary);box-shadow:0 0 12px #9333ea4d}.gender-btn:not(.active){background:var(--surface-container);color:var(--text-muted)}.drop-zone{border:2px dashed rgba(147,51,234,.3);border-radius:8px;background:#9333ea0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s;text-align:center;padding:2rem 1.5rem;min-height:180px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background:#9333ea14}.drop-zone .drop-icon{font-size:2rem;color:var(--text-muted);opacity:.5}.drop-zone p{font-size:.85rem;color:var(--text-muted);max-width:220px;line-height:1.5}.drop-zone-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.45rem 1.2rem;border-radius:6px;font-weight:700;font-size:.8rem;cursor:pointer;transition:background .2s;font-family:Manrope,sans-serif}.drop-zone-btn:hover{background:#9333ea1a}.drop-zone img{max-width:100%;max-height:160px;object-fit:contain;border-radius:6px}.photo-tips{margin-top:.75rem;display:flex;flex-direction:column;gap:.3rem}.photo-tips p{font-size:.78rem;color:#c9a8e0;margin:0;line-height:1.5}.cta-center{text-align:center}.main-cta-button{background:linear-gradient(135deg,#7c1fa8,#9333ea,#c14);color:#fff;padding:1.2rem 5rem;border:none;border-radius:8px;font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg),0 0 24px #9333ea59;transition:transform .2s,box-shadow .2s;letter-spacing:.04em}.main-cta-button:hover{transform:scale(1.02);box-shadow:0 20px 50px #9333ea66,0 0 40px #9333ea80}.loading-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4.5rem);padding:2rem}.loading-inner{text-align:center;max-width:480px}.loading-inner h2{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.6rem;margin-bottom:3rem;line-height:1.4;color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.loading-bg-blob{position:absolute;border-radius:50%;pointer-events:none}.loading-bg-blob-1{top:25%;left:25%;width:500px;height:500px;background:radial-gradient(circle at center,rgba(147,51,234,.15) 0%,transparent 70%);filter:blur(100px)}.loading-bg-blob-2{bottom:25%;right:25%;width:600px;height:600px;background:radial-gradient(circle at center,rgba(147,51,234,.1) 0%,transparent 70%);filter:blur(120px);opacity:.6}.spin-ring-wrap{position:relative;margin-bottom:4rem;display:flex;align-items:center;justify-content:center}.gate-badge{position:absolute;top:-1.2rem;left:50%;transform:translate(-50%);background:var(--surface-container);border:1px solid rgba(77,67,84,.3);border-radius:100px;padding:.25rem .85rem;white-space:nowrap;z-index:10}.gate-badge-text{font-family:Manrope,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:#e9c349}.spin-ring-outer{width:12rem;height:12rem;border-radius:50%;border:1px solid rgba(77,67,84,.2);display:flex;align-items:center;justify-content:center;position:relative}.spin-ring-rotate{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:2px solid rgba(147,51,234,.4);border-top-color:transparent;border-right-color:transparent;border-radius:50%;animation:spin 3s linear infinite}.spin-ring-core{width:6rem;height:6rem;border-radius:50%;background:var(--surface-container-high);border:1px solid rgba(147,51,234,.3);box-shadow:0 0 40px #9333ea4d;display:flex;align-items:center;justify-content:center;position:relative}.spin-core-icon{color:#9333ea;font-size:2.5rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.spin-ring-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(147,51,234,.5);animation:pingOnce 2s ease-in-out infinite;opacity:0}@keyframes pingOnce{0%{transform:scale(1);opacity:.3}to{transform:scale(1.5);opacity:0}}.loading-title-block{text-align:center;margin-bottom:4rem}.loading-title-block h2{font-family:"Noto Serif","Noto Serif KR",serif;font-size:clamp(1.4rem,3vw,2rem);line-height:1.35;color:#fff;margin-bottom:.75rem}.loading-honmun{color:#9333ea}.loading-waiting{font-size:.82rem;color:#cfc2d7b3;letter-spacing:.03em;line-height:1.6}.loading-phases{width:100%;max-width:440px;display:flex;flex-direction:column;gap:.75rem}.phase-item{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border-radius:12px;transition:all .4s}.phase-item.phase-done{background:var(--surface-container-low);border:1px solid rgba(77,67,84,.1);opacity:.6}.phase-item.phase-active{background:var(--surface-container-highest);border-left:4px solid #9333EA;box-shadow:0 0 30px #9333ea26;transform:scale(1.02);padding-left:calc(1.25rem - 3px)}.phase-item.phase-pending{background:#1e192980;border:1px solid rgba(77,67,84,.05);opacity:.5;margin-left:1rem}.phase-item.phase-pending:last-child{margin-left:2rem}.phase-icon-wrap{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.phase-item.phase-done .phase-icon-wrap{background:#7e2c0e4d;color:#ffb59d}.phase-item.phase-active .phase-icon-wrap{width:2.5rem;height:2.5rem;background:#9333ea;color:#f6e6ff}.phase-icon-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #9333EA;animation:pingOnce 1.5s ease-in-out infinite}.phase-item.phase-pending .phase-icon-wrap{background:#4d435433;color:#988ca0}.phase-icon-wrap .material-symbols-outlined{font-size:1.1rem}.phase-item.phase-active .phase-icon-wrap .material-symbols-outlined{font-size:1.3rem}.phase-content{display:flex;flex-direction:column;gap:.15rem}.phase-badge{font-family:Manrope,sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.phase-item.phase-done .phase-badge{color:#fff6}.phase-item.phase-active .phase-badge{color:#9333ea}.phase-item.phase-pending .phase-badge{color:#ffffff4d}.phase-text{font-family:"Noto Serif","Noto Serif KR",serif;color:#fff9;font-size:.88rem}.phase-item.phase-active .phase-text{color:#fff;font-size:1rem;font-weight:700}.loading-footer-area{margin-top:5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-footer-divider{display:flex;align-items:center;gap:.75rem}.loading-footer-dot{width:4px;height:4px;border-radius:50%;background:#4d4354cc}.loading-footer-line{width:6rem;height:1px;background:linear-gradient(to right,transparent,rgba(77,67,84,.4),transparent)}.loading-footer-text{font-family:"Noto Serif","Noto Serif KR",serif;font-size:.68rem;color:#ffffff4d;letter-spacing:.2em}.result-page{max-width:1200px;margin:0 auto;padding:3rem 2rem 6rem}.result-layout{display:grid;grid-template-columns:5fr 7fr;gap:4rem;align-items:start}.result-left{position:relative}.portrait-card{aspect-ratio:4/5;background:linear-gradient(135deg,var(--surface-container),rgba(147,51,234,.15));border-radius:12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--outline)}.portrait-inner{text-align:center;opacity:.4}.portrait-inner span{font-size:4rem;display:block;margin-bottom:.5rem}.portrait-inner p{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.element-overlay{position:absolute;bottom:1.5rem;left:1.5rem;background:#0a0118d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .9rem;border-radius:100px;border:1px solid var(--outline);display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.result-profile{margin-top:1.5rem}.result-profile h2{font-family:"Noto Serif","Noto Serif KR",serif;font-size:2.2rem;margin-bottom:.75rem;line-height:1.2;color:var(--text)}.result-profile h2 em{font-style:italic;color:var(--secondary);text-shadow:0 0 12px rgba(233,195,73,.4)}.result-profile .profile-desc{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin-bottom:1rem;max-width:360px}.trait-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.trait-tag{background:var(--primary-container);color:var(--text);padding:.28rem .85rem;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(147,51,234,.4)}.trait-tag.alt{background:var(--surface-high);color:var(--text-muted);border-color:var(--outline)}.result-right{display:flex;flex-direction:column;gap:1.25rem}.sync-card{background:var(--surface);border-radius:12px;padding:2rem 2.5rem;position:relative;overflow:hidden;border:1px solid var(--outline)}.sync-card-bg{position:absolute;top:1rem;right:1.5rem;font-size:5rem;opacity:.04;pointer-events:none}.sync-card .label-text{margin-bottom:.25rem}.sync-card h3{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.5rem;margin-bottom:1.5rem;color:var(--text)}.sync-overall{font-size:.95rem;color:var(--text-muted);line-height:1.7}.bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bento-card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--outline)}.bento-card.gold-top{border-top:2px solid var(--secondary-accent)}.bento-card.primary-top{border-top:2px solid var(--primary)}.bento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.bento-header h4{font-family:"Noto Serif","Noto Serif KR",serif;font-size:.95rem;color:var(--text)}.bento-header .material-symbols-outlined{color:var(--secondary);font-size:1.1rem}.bento-header .material-symbols-outlined.primary-icon{color:var(--primary)}.bar-row{margin-bottom:1rem}.bar-labels{display:flex;justify-content:space-between;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;color:var(--text-muted)}.progress-bg{height:4px;background:var(--surface-container);border-radius:100px;overflow:hidden}.progress-fill{height:100%;border-radius:100px}.fill-gold{background:var(--secondary-accent)}.fill-primary{background:var(--primary)}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.insight-col h4{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.insight-col.strength h4{color:var(--secondary)}.insight-col.challenge h4{color:var(--text-muted);opacity:.65}.insight-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.insight-col li{display:flex;gap:.5rem;font-size:.88rem;color:var(--text-muted);line-height:1.55}.insight-col li:before{content:"/";flex-shrink:0;margin-top:.1rem}.insight-col.strength li:before{color:var(--primary)}.insight-col.challenge li:before{color:var(--secondary)}.result-cta-button{width:100%;padding:1.4rem;background:linear-gradient(135deg,#7c1fa8,#9333ea,#c14);color:#fff;border:none;border-radius:8px;font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg),0 0 24px #9333ea59;transition:transform .2s}.result-cta-button:hover{transform:scale(1.01)}.result-back-link{display:block;text-align:center;font-size:.8rem;letter-spacing:.08em;color:#c9a8e0;cursor:pointer;background:none;border:none;width:100%;padding:.7rem;opacity:1;transition:opacity .2s,color .2s;font-family:Manrope,sans-serif}.result-back-link:hover{opacity:.85;color:var(--text)}.report-page{max-width:800px;margin:0 auto;padding:3rem 2rem 6rem}.report-capture-root{background:#0f0a1a;padding:2rem 0 3rem}.report-header{background:linear-gradient(135deg,#1a0435,#220550);border:1px solid rgba(147,51,234,.4);border-radius:14px;text-align:center;padding:2.5rem 2rem 2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.report-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#9333EA 30%,#CC1144 60%,#9333EA 80%,transparent 100%)}.report-header .label-text{margin-bottom:.75rem;letter-spacing:.2em;font-size:.68rem;color:#9333ea}.report-header h2{font-family:"Noto Serif","Noto Serif KR",serif;font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.5rem;color:#f5eef9}.report-header h2 em{font-style:italic;color:#c9a8e0}.report-date{font-size:.75rem;color:#7b5c9a;letter-spacing:.06em;margin-top:.25rem}.report-overall{background:#9333ea12;border:1px solid rgba(147,51,234,.22);border-left:3px solid #9333EA;border-radius:0 10px 10px 0;padding:1.25rem 1.75rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.9;color:#c9a8e0}.report-card{background:#1a0435;border:1px solid rgba(147,51,234,.3);border-top:3px solid #9333EA;border-radius:12px;padding:2rem;margin-bottom:1.5rem}.report-card.primary-top{border-top-color:#9333ea}.report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(147,51,234,.2)}.report-card-header h3{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.1rem;color:#e8d5f5}.report-badge-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.r-badge{display:inline-block;background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;padding:.3rem 1rem;border-radius:100px;font-size:.8rem;font-weight:700}.r-badge.alt{background:#9333ea26;color:#c9a8e0;border:1px solid rgba(147,51,234,.4)}.report-rows{display:flex;flex-direction:column;gap:1rem}.report-row{display:grid;grid-template-columns:76px 1fr;gap:.75rem;align-items:start}.report-row-label{font-weight:700;font-size:.7rem;color:#9333ea;background:#9333ea1f;border:1px solid rgba(147,51,234,.25);padding:.3rem .4rem;border-radius:4px;text-align:center;letter-spacing:.02em;line-height:1.4}.report-row-value{font-size:.9rem;line-height:1.75;color:#c9a8e0}.theory-note{font-size:.74rem;color:#6b4d8a;border-top:1px solid rgba(147,51,234,.18);padding-top:.75rem;margin-top:1rem;font-style:italic}.match-section-header{text-align:center;margin:2.5rem 0 1.25rem;position:relative;padding:0 2rem}.match-section-header:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#9333ea40;transform:translateY(-50%);z-index:0}.match-section-header h2{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.4rem;color:#e8d5f5;display:inline-block;background:#0f0a1a;padding:0 1rem;position:relative;z-index:1}.match-section-header p{color:#7b5c9a;font-size:.85rem;margin-top:.3rem}.match-image-placeholder{margin-top:1.5rem;padding:2rem;border:1.5px dashed rgba(147,51,234,.3);border-radius:10px;text-align:center;background:#9333ea0a}.placeholder-icon{font-size:2.2rem;margin-bottom:.4rem}.placeholder-title{font-weight:700;color:#9333ea;font-size:.9rem;margin-bottom:.2rem}.placeholder-desc{font-size:.8rem;color:#7b5c9a}.report-back-btn{display:block;width:100%;padding:.85rem;margin-top:2rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;color:#c9a8e0;background:transparent;border:1px solid rgba(201,168,224,.4);border-radius:8px;cursor:pointer;text-align:center;transition:background .2s,color .2s,border-color .2s;font-family:Manrope,sans-serif}.report-back-btn:hover{background:var(--surface-container);color:var(--text);border-color:#c9a8e0b3}.report-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.btn-pdf{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem;font-size:.9rem;font-weight:700;letter-spacing:.05em;color:var(--on-primary);background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,transform .2s;font-family:Manrope,sans-serif}.btn-pdf:hover{opacity:.88;transform:scale(1.01)}.btn-pdf:disabled{opacity:.5;cursor:not-allowed;transform:none}.match-image-wrap{margin-top:1.5rem;text-align:center}.match-image-title{font-size:.85rem;font-weight:700;color:var(--primary);margin-bottom:.75rem;letter-spacing:.05em}.match-image{width:100%;max-width:380px;border-radius:12px;border:2px solid rgba(147,51,234,.5);display:block;margin:0 auto;box-shadow:0 0 30px #9333ea4d}.preview-layout{display:flex;flex-direction:column;gap:1.5rem;max-width:640px;margin:0 auto}.preview-header{text-align:center;padding:2rem 1rem 1rem}.preview-emoji{font-size:3.5rem;margin-bottom:.75rem}.preview-type-badge{display:inline-block;margin-top:.75rem;padding:.4rem 1.2rem;background:#9333ea26;border:1px solid var(--primary);border-radius:999px;font-size:.85rem;font-weight:700;color:var(--primary);letter-spacing:.03em;box-shadow:0 0 12px #9333ea40}.preview-oneliner{margin-top:1rem;color:var(--text-muted);font-size:.95rem;line-height:1.6}.preview-reveal-card{background:var(--surface-container);border:1px solid var(--outline);border-radius:12px;padding:1.5rem}.preview-reveal-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);margin-bottom:.75rem}.preview-reveal-text{font-size:1rem;line-height:1.75;color:var(--text)}.preview-teaser-section{background:var(--surface-container);border:1px solid var(--outline);border-radius:12px;padding:1.5rem}.preview-teaser-title{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.preview-teaser-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.preview-teaser-item{display:flex;align-items:center;gap:.6rem}.teaser-lock{font-size:1rem;color:var(--primary);flex-shrink:0}.teaser-blurred{font-size:.9rem;color:var(--text);filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1.5}.preview-blurred-card{background:linear-gradient(135deg,#9333ea1a,#cc114414);border:1.5px solid var(--outline);border-radius:12px;padding:1.5rem;text-align:center}.blurred-keyword-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.5rem}.blurred-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.blurred-keyword{font-size:1.5rem;font-weight:800;color:var(--primary);filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.blurred-hint{font-size:.82rem;color:var(--text-muted)}.preview-cta-wrap{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.hints-section{display:flex;flex-direction:column;gap:1.25rem}.hint-card{background:var(--surface-container);border:1px solid rgba(77,67,84,.2);border-top:2px solid #9333EA;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 0 30px -8px #9333ea1f}.hint-card-0{border-top-color:#9333ea}.hint-card-1{border-top-color:#c64}.hint-card-2{border-top-color:#e9c349}.hint-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.hint-phase-label{font-family:Manrope,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#9333ea}.hint-card-1 .hint-phase-label{color:#c64}.hint-card-2 .hint-phase-label{color:#e9c349}.hint-phase-icon{font-size:1.2rem;color:#9333ea59;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.hint-card-1 .hint-phase-icon{color:#cc664459}.hint-card-2 .hint-phase-icon{color:#e9c34959}.hint-label{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.hint-preview{font-size:.88rem;line-height:1.7;color:var(--text-muted);margin-bottom:1rem}.hint-hidden-wrap{background:var(--surface-container-low);border-radius:8px;padding:1rem;position:relative;overflow:hidden}.hint-hidden-meta{font-size:.7rem;color:#cfc2d766;margin-bottom:.4rem;font-family:Manrope,sans-serif}.hint-hidden{font-family:"Noto Serif","Noto Serif KR",serif;font-size:.88rem;line-height:1.6;color:var(--text);filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.hint-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#16112133;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hint-lock-icon{font-size:1.3rem;color:#9333ea}.hint-card-1 .hint-lock-icon{color:#c64}.hint-card-2 .hint-lock-icon{color:#e9c349}.preview-emoji-circle{width:6rem;height:6rem;border-radius:50%;background:var(--surface-container-high);box-shadow:0 0 40px -10px #9333ea4d;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;overflow:hidden}.preview-emoji-circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#9333ea33,#7e2c0e33);opacity:.5}.preview-emoji{font-size:2.8rem;position:relative;z-index:1;line-height:1}.shared-from-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--secondary);text-transform:uppercase;margin-bottom:.5rem}.shared-cta-section{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#9333ea14,#cc11440f);border:1.5px solid var(--outline);border-radius:12px}.shared-cta-label{text-align:center;font-size:.95rem;font-weight:700;color:var(--text)}.shared-cta-sub{text-align:center;font-size:.78rem;color:var(--text-muted)}.share-row{display:flex;gap:.75rem}.share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--primary);background:transparent;border:1.5px solid var(--primary);border-radius:8px;cursor:pointer;transition:background .2s,color .2s;font-family:Manrope,sans-serif;min-height:44px}.share-btn:hover{background:#9333ea1a}.share-btn-x{color:var(--text);border-color:var(--outline)}.share-btn-x:hover{background:var(--surface-container)}.info-section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.info-section-inner{background:var(--surface);padding:3rem;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--outline)}.info-section h2{font-family:"Noto Serif","Noto Serif KR",serif;font-size:1.8rem;margin-bottom:1.5rem;color:var(--text)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{padding:1.25rem 0;border-bottom:1px solid var(--surface-container)}.faq-item:last-child{border-bottom:none}.faq-item h3{font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.faq-item p{font-size:.9rem;color:var(--text-muted);line-height:1.7}.content-text{font-size:.95rem;color:var(--text-muted);line-height:1.8}.content-text ul{margin:.75rem 0 .75rem 1.25rem}.content-text li{margin-bottom:.3rem}.content-text strong{color:var(--secondary)}.site-footer{border-top:1px solid var(--outline);background:var(--surface-low);padding:3rem 2rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#f0e8ff4d}.footer-links{display:flex;gap:2rem}.footer-links a{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#f0e8ff4d;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f0e8ff26;transition:color .2s}.footer-links a:hover{color:var(--secondary)}@media(max-width:768px){.nav-links{display:none}.nav-inner{padding:.85rem 1.25rem}.nav-logo{font-size:1.2rem}.hero-section{grid-template-columns:1fr;padding:3rem 1.25rem 2rem}.hero-visual{display:none}.hero-text h1{font-size:clamp(2.2rem,7vw,3rem);line-height:1.3}.dual-path-section{padding:3rem 1.25rem}.dual-path-grid{grid-template-columns:1fr;gap:1rem}.path-card{padding:1.5rem 1.25rem}.form-input{font-size:16px;min-height:44px}.gender-btn{min-height:44px}.main-cta-button{font-size:1rem;min-height:52px}.loading-inner h2{font-size:1.3rem}.loading-steps{max-width:280px}.result-page{padding:2rem 1.25rem 5rem}.preview-layout{gap:1.25rem}.preview-header{padding:1rem 0 0}.preview-emoji{font-size:2.8rem}.preview-reveal-card,.preview-teaser-section,.preview-blurred-card{padding:1.25rem}.result-cta-button{min-height:52px;font-size:.9rem}.share-btn{min-height:44px;font-size:.78rem}.report-page{padding:2rem 1.25rem 4rem}.report-card{padding:1.25rem}.result-layout{grid-template-columns:1fr;gap:2rem}.portrait-card{aspect-ratio:3/2}.bento-grid{grid-template-columns:1fr}.insights-grid{grid-template-columns:1fr;gap:1.5rem}.report-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center;gap:1.5rem}.info-section{padding:3rem 1.25rem}.info-section-inner{padding:2rem 1.5rem}}@media(max-width:400px){.share-row{flex-direction:column}.preview-header h2{font-size:1.3rem}.preview-type-badge{font-size:.78rem}.blurred-keyword{font-size:1.2rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#05000fd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{position:relative;background:var(--surface);border:1px solid rgba(147,51,234,.35);border-radius:20px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 0 0 1px #9333ea26,0 32px 80px #05000fb3,0 0 60px #9333ea33;animation:slideUp .45s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:280px;height:180px;background:radial-gradient(ellipse,rgba(147,51,234,.35) 0%,transparent 70%);pointer-events:none}.modal-inner{position:relative;padding:2.75rem 2.5rem 2.5rem;text-align:center}.modal-emblem{font-family:"Noto Serif","Noto Serif KR",serif;font-size:3rem;font-weight:700;color:var(--primary);text-shadow:0 0 32px rgba(147,51,234,.8),0 0 64px rgba(147,51,234,.4);margin-bottom:1rem;letter-spacing:.05em;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{text-shadow:0 0 32px rgba(147,51,234,.8),0 0 64px rgba(147,51,234,.4)}50%{text-shadow:0 0 48px rgba(147,51,234,1),0 0 96px rgba(147,51,234,.6)}}.modal-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--secondary);margin-bottom:1rem}.modal-title{font-family:"Noto Serif","Noto Serif KR",serif;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:700;line-height:1.3;color:var(--text);margin-bottom:1.25rem}.modal-title em{font-style:italic;color:var(--secondary);text-shadow:0 0 16px rgba(233,195,73,.45)}.modal-desc{font-size:.9rem;color:var(--text-muted);line-height:1.75;margin-bottom:2rem}.modal-close-btn{width:100%;padding:.95rem 1.5rem;background:linear-gradient(135deg,#7c1fa8,#9333ea,#c14);color:#fff;border:none;border-radius:10px;font-family:"Noto Serif","Noto Serif KR",serif;font-size:.95rem;font-weight:700;cursor:pointer;letter-spacing:.04em;box-shadow:0 0 24px #9333ea66;transition:opacity .2s,transform .2s}.modal-close-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:480px){.modal-inner{padding:2.25rem 1.75rem 2rem}.modal-emblem{font-size:2.4rem}}.section-title{background:linear-gradient(135deg,var(--text) 60%,rgba(233,195,73,.6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 55% 45%,rgba(147,51,234,.07) 0%,transparent 65%),radial-gradient(ellipse 30% 25% at 10% 20%,rgba(233,195,73,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.hero-text,.hero-visual{position:relative;z-index:1}.path-card{transition:box-shadow .3s ease,transform .3s ease}.path-card:hover{box-shadow:var(--shadow-lg),0 0 40px #9333ea1f;transform:translateY(-2px)}.main-cta-button{position:relative;overflow:hidden}.main-cta-button:before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-20deg);animation:shimmerShine 4s ease-in-out infinite}@supports not (-webkit-background-clip: text){.section-title{background:none;-webkit-text-fill-color:unset;color:var(--text)}}.info-section-inner{background:linear-gradient(135deg,#1a0435e6,#120228f2);border:1px solid rgba(147,51,234,.2);box-shadow:var(--shadow-lg),0 0 60px #9333ea0f}.bento-card{transition:box-shadow .3s,transform .3s}.bento-card:hover{box-shadow:var(--shadow-lg),0 0 30px #9333ea1f;transform:translateY(-1px)}.dual-path-section{background:linear-gradient(180deg,#0e012099,#0a0118cc);position:relative}.dual-path-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(600px,80%);height:1px;background:linear-gradient(90deg,transparent,rgba(233,195,73,.3),transparent)}.label-text{text-shadow:0 0 12px rgba(233,195,73,.4)}.nav-logo{text-shadow:0 0 20px rgba(147,51,234,.8),0 0 40px rgba(147,51,234,.3);transition:text-shadow .3s}.nav-logo:hover{text-shadow:0 0 28px rgba(147,51,234,1),0 0 56px rgba(147,51,234,.5)}.drop-zone{background:linear-gradient(135deg,#9333ea0a,#cc114405);transition:border-color .25s,background .25s,box-shadow .25s}.drop-zone:hover,.drop-zone.drag-over{background:linear-gradient(135deg,#9333ea1a,#cc11440d);box-shadow:inset 0 0 20px #9333ea14}.portrait-card{box-shadow:var(--shadow-lg),0 0 40px #9333ea1a;border:1px solid rgba(147,51,234,.2)}.sync-card{border-top:2px solid rgba(147,51,234,.5);background:linear-gradient(135deg,#1a0435cc,#120228e6)}@media(max-width:768px){.hero-section:before{display:none}.hero-quote{left:-.5rem;bottom:-2.5rem;max-width:170px}.hero-kicker{margin-bottom:1.4rem}.kicker-line{width:24px}}.auth-login-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .9rem;border:1px solid rgba(147,51,234,.5);border-radius:20px;background:#9333ea26;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.auth-login-btn:hover{background:#9333ea4d;border-color:#9333eacc}.auth-user-area{display:flex;align-items:center;gap:.6rem}.auth-user-name{font-size:.83rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.25rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-logout-btn{font-size:.8rem;color:var(--text-muted);background:none;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.25rem .6rem;cursor:pointer;transition:all .2s}.auth-logout-btn:hover{color:var(--text-primary);border-color:#ffffff4d}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal{background:linear-gradient(135deg,#120428fa,#0a0218fc);border:1px solid rgba(147,51,234,.3);border-radius:20px;padding:2rem;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #9333ea1a}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.auth-modal-close:hover{color:var(--text-primary)}.auth-modal-close .material-symbols-outlined{font-size:1.3rem}.auth-logo{text-align:center;margin-bottom:1.5rem}.auth-logo-text{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#c084fc,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:"Noto Serif KR",serif}.auth-logo-sub{font-size:.78rem;color:var(--text-muted);margin-top:.2rem;letter-spacing:.05em}.auth-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem}.auth-tab{flex:1;background:none;border:none;padding:.6rem;font-size:.92rem;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-weight:500}.auth-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.auth-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .9rem;color:var(--text-primary);font-size:.92rem;transition:border-color .2s;outline:none}.auth-field input:focus{border-color:#9333ea99;background:#9333ea0d}.auth-field input::placeholder{color:var(--text-muted)}.auth-error{display:flex;align-items:center;gap:.4rem;font-size:.83rem;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:.5rem .7rem}.auth-error .material-symbols-outlined{font-size:1rem;flex-shrink:0}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.7rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text);font-size:.92rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.auth-google-btn:hover{background:#ffffff1c;border-color:#ffffff47}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:.25rem 0;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.report-disclaimer{margin-top:2rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem;color:var(--text-muted);text-align:center;line-height:1.6;opacity:.7}.auth-submit{width:100%;margin-top:.5rem;justify-content:center}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-message{text-align:center;padding:1.5rem 1rem;color:var(--text-secondary)}.auth-message .material-symbols-outlined{font-size:2.5rem;color:#a78bfa;margin-bottom:.75rem;display:block}.auth-message p{font-size:.92rem;line-height:1.6}@media(max-width:480px){.auth-modal{padding:1.5rem 1.25rem}.auth-user-name{display:none}}.pool-join-banner{margin-top:2rem;padding:1.75rem;background:linear-gradient(135deg,#9333ea1f,#6d28d914);border:1px solid rgba(147,51,234,.3);border-radius:16px}.pool-join-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.pool-join-icon{font-size:2rem;color:var(--primary);flex-shrink:0;margin-top:.1rem}.pool-join-header h3{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .3rem}.pool-join-header p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5}.pool-join-features{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem}.pool-join-features li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.pool-join-features .material-symbols-outlined{font-size:1rem;color:#a78bfa}.pool-join-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.pool-join-login{text-align:center}.pool-join-login p{font-size:.85rem;color:var(--text-muted);margin:0 0 .75rem}.pool-join-saving{font-size:.85rem;color:var(--text-muted);text-align:center;padding:.75rem}.pool-join-error{font-size:.85rem;color:#f87171;text-align:center;margin-bottom:.75rem}.pool-join-success{text-align:center;padding:.5rem 0}.pool-join-success .pool-join-icon{font-size:2.5rem;display:block;margin:0 auto .75rem}.pool-join-success h3{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.pool-join-success p{font-size:.85rem;color:var(--text-muted);margin:0}