*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08081e;--bg2: #0d0d2b;--card: rgba(255, 255, 255, .05);--card-hover: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .1);--border-glow: rgba(167, 139, 250, .4);--purple: #a78bfa;--purple-dark: #7c3aed;--pink: #f472b6;--gold: #fbbf24;--teal: #2dd4bf;--text: #f5f3ff;--text-muted: #c4b5fd;--text-dim: #7c6fa0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"Noto Serif KR",Georgia,serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{font-family:"Noto Serif KR",serif;cursor:pointer}input,select{font-family:"Noto Serif KR",serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--purple-dark);border-radius:3px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a78bfa4d}50%{box-shadow:0 0 40px #a78bfa99,0 0 80px #f472b633}}@keyframes orbit{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-root{position:relative;min-height:100vh}.star-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle ease-in-out infinite}.star.gold{background:#fbbf24}.star.purple{background:#c4b5fd}.app-content{position:relative;z-index:1}