:root{--ink:#0a0a0b;--panel:#111114;--panel-elevated:#16161a;--panel-soft:#0f0f12;--stroke-base:#ffffff0f;--stroke-veil:#ffffff1a;--stroke-strong:#ffffff2e;--stroke-accent:#ffb8008c;--stroke-accent-strong:#ffb800;--accent:#ffb800;--accent-bright:#ffcd3d;--accent-deep:#c28800;--accent-soft:#ffb8001a;--accent-focus-ring:#ffb80038;--status-success:#34d399;--status-warning:#f97316;--status-danger:#ec4899;--text-primary:#f5f5f7;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-disabled:#52525b;--tier-iron:#6b7280;--tier-bronze:#b45309;--tier-silver:#e5e7eb;--tier-gold:#fbbf24;--tier-platinum:#38bdf8;--tier-diamond:#818cf8;--tier-ruby:#e11d48;--tier-crown:#f59e0b;--font-sans:"Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-display:"S-Core Dream", "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", sans-serif;--font-mono:"D2Coding", ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-card:0 1px 0 #ffffff0a inset, 0 8px 24px #00000052;--shadow-focus:0 0 0 3px var(--accent-focus-ring);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-medium:.3s;--duration-slow:.9s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--ink);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh}body:after{content:"";pointer-events:none;z-index:9999;opacity:.04;background-image:url(/grain.png);background-size:96px 96px;position:fixed;inset:0}@media (prefers-contrast:more){body:after{display:none}}#root{width:100%}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.fade-in{animation:fadeIn .6s var(--ease-out-expo) forwards}.glass-panel{background:var(--panel);border:1px solid var(--stroke-veil);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}