@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap);:root{--color-bg-base:#0b1020;--color-bg-elevated:#151a33;--color-bg-panel:#151a33c7;--color-bg-panel-strong:#0b1020e0;--color-bg-overlay:#050712b8;--color-accent-purple:#6e4ccf;--color-accent-violet:#9c6bff;--color-accent-violet-soft:#9c6bff2e;--color-gold:#d4af37;--color-gold-soft:#f6e7c1;--color-text-primary:#f5f1e8;--color-text-secondary:#cfc8b8;--color-text-muted:#8a8aa8;--color-text-on-accent:#0b1020;--color-border-soft:#d6c4ff1f;--color-border-strong:#d6c4ff47;--color-border-gold:#d4af3773;--shadow-soft:0 8px 24px #00000073;--shadow-elevated:0 20px 60px #0000008c;--shadow-card:0 10px 30px #0b102099;--glow-violet:0 0 18px #9c6bff73;--glow-violet-strong:0 0 28px #9c6bffa6;--glow-gold:0 0 18px #d4af378c;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-display:"Cinzel","Cormorant Garamond","Playfair Display",serif;--font-body:"Noto Sans KR","Pretendard","Inter",system-ui,-apple-system,"Segoe UI","Noto Sans",sans-serif;--fs-xs:0.85rem;--fs-sm:0.95rem;--fs-md:1.05rem;--fs-lg:1.25rem;--fs-xl:1.6rem;--fs-2xl:2.2rem;--fs-3xl:2.8rem;--lh-tight:1.25;--lh-normal:1.55;--lh-reading:1.85;--ease-soft:cubic-bezier(0.2,0.7,0.2,1);--dur-fast:180ms;--dur-base:280ms;--dur-slow:520ms;--content-max:840px;--content-narrow:640px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-body);margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}@keyframes nebulaDrift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.85}}@keyframes floatGlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body{background-attachment:fixed;background-color:var(--color-bg-base);background-image:radial-gradient(ellipse at 20% 10%,#9c6bff38,#0000 55%),radial-gradient(ellipse at 80% 90%,#d4af371f,#0000 60%),radial-gradient(ellipse at 60% 35%,#6e4ccf2e,#0000 65%),linear-gradient(180deg,#07091a,#0b1020 45%,#10142b);background-size:cover;color:var(--color-text-primary);font-family:var(--font-body);margin:0;min-height:100vh;overflow-x:hidden;padding:0}body:before{animation:twinkle 6s ease-in-out infinite;background-image:radial-gradient(1px 1px at 12% 18%,#ffffffb3,#0000 60%),radial-gradient(1px 1px at 28% 72%,#ffffff80,#0000 60%),radial-gradient(1.2px 1.2px at 47% 31%,#f6e7c1b3,#0000 60%),radial-gradient(1px 1px at 65% 14%,#ffffff8c,#0000 60%),radial-gradient(1px 1px at 78% 58%,#ffffff80,#0000 60%),radial-gradient(1.5px 1.5px at 86% 22%,#f6e7c1a6,#0000 60%),radial-gradient(1px 1px at 38% 88%,#ffffff73,#0000 60%),radial-gradient(1px 1px at 8% 60%,#fff6,#0000 60%),radial-gradient(1px 1px at 95% 80%,#ffffff80,#0000 60%);inset:0}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:0}body:after{background:radial-gradient(circle at 50% 50%,#f6e7c12e,#f6e7c10d 50%,#0000 70%);border-radius:50%;filter:blur(2px);height:320px;right:-120px;top:-120px;width:320px}#root{position:relative;z-index:1}main{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:var(--space-6) var(--space-4)}h1,h2,h3,h4{color:var(--color-gold-soft);font-family:var(--font-display);letter-spacing:.04em;margin:0 0 var(--space-4) 0}h1{font-size:var(--fs-3xl);line-height:var(--lh-tight)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}p{color:var(--color-text-secondary);font-size:var(--fs-md);line-height:var(--lh-normal);margin:0 0 var(--space-3) 0}a{color:var(--color-accent-violet);text-decoration:none;transition:color var(--dur-base) var(--ease-soft)}a:hover{color:var(--color-gold)}::selection{background:#9c6bff73;color:var(--color-text-primary)}@media (max-width:768px){html{font-size:15px}main{padding:var(--space-5) var(--space-3)}h1{font-size:2.2rem}h2{font-size:1.6rem}}@media (max-width:420px){html{font-size:14px}main{padding:var(--space-4) var(--space-3)}h1{font-size:1.9rem}h2{font-size:1.4rem}}
/*# sourceMappingURL=main.1de32136.css.map*/