@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";:root{--font-main: "Noto Sans KR", "Inter", sans-serif;--ls-main: -.025em;--color-bg-main: #0a0a0c;--color-bg-sec: #121216;--color-bg-card: rgba(255, 255, 255, .03);--color-bg-card-hover: rgba(255, 255, 255, .08);--color-text-main: #ffffff;--color-text-sec: #a1a1aa;--color-text-accent: #e4e4e7;--gradient-primary: linear-gradient(135deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);--gradient-gold: linear-gradient(135deg, #FDB931 0%, #F5D061 100%);--gradient-glass: linear-gradient(145deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--border-glass: 1px solid rgba(255, 255, 255, .08);--shadow-primary: 0 10px 40px -10px rgba(120, 75, 160, .4);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 28px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-main);color:var(--color-text-main);line-height:1.6;letter-spacing:var(--ls-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:480px;margin:0 auto;padding:0 var(--spacing-sm);min-height:100vh;position:relative;background-color:var(--color-bg-sec);box-shadow:0 0 50px #00000080}@media(min-width:768px){.container{max-width:100%;background-color:var(--color-bg-main);box-shadow:none;display:flex;justify-content:center}.app-frame{width:420px;background-color:var(--color-bg-sec);min-height:100vh;border-left:var(--border-glass);border-right:var(--border-glass);position:relative}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}