*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0f;--color-bg-gradient-start: #0a0a0f;--color-bg-gradient-end: #1a0a1f;--color-cyan: #00f5ff;--color-cyan-glow: rgba(0, 245, 255, .5);--color-magenta: #ff006e;--color-magenta-glow: rgba(255, 0, 110, .5);--color-yellow: #ffbe0b;--color-yellow-glow: rgba(255, 190, 11, .5);--color-purple: #9d4edd;--color-purple-glow: rgba(157, 78, 221, .5);--color-green: #00ff88;--color-green-glow: rgba(0, 255, 136, .5);--font-primary: "Rajdhani", "Noto Sans KR", sans-serif;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right)}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--color-bg);color:#fff;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto;width:100%;height:100%;min-height:100dvh}#root{width:100%;height:100%;min-height:100dvh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:var(--color-cyan);color:#000}button:focus-visible,input:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-cyan-glow)}50%{box-shadow:0 0 40px var(--color-cyan-glow),0 0 60px var(--color-cyan-glow)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:fullscreen{background:var(--color-bg)}:-webkit-full-screen{background:var(--color-bg)}:-moz-full-screen{background:var(--color-bg)}@media (pointer: coarse){button,input{min-height:44px;min-width:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}}