*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a1a;--color-surface: #242424;--color-overlay: rgba(26, 26, 26, .85);--color-accent: #f5a623;--color-accent-dim: rgba(245, 166, 35, .15);--color-text: #f0ede6;--color-text-muted: rgba(240, 237, 230, .5);--color-error: #e05252;--radius: 16px;--font: "Noto Sans KR", sans-serif}:root .light{--color-bg: #fff8f0;--color-surface: #fff3e0;--color-overlay: rgba(255, 248, 240, .92);--color-accent: #f5a623;--color-accent-dim: rgba(245, 166, 35, .15);--color-text: #1a0a00;--color-text-muted: rgba(26, 10, 0, .6);--color-error: #e05252}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{cursor:pointer;border:none;background:none;font-family:var(--font);color:inherit}a{color:var(--color-accent);text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}