:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-bg:#f0f4f8;--color-surface:#fff;--color-surface-alt:#f8fafc;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-divider:#f1f5f9;--color-success:#10b981;--color-success-bg:#d1fae5;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-danger:#ef4444;--color-danger-bg:#fee2e2;--color-header-start:#1a1a2e;--color-header-end:#0f3460;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 25px #0f172a1f;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:20px;--header-height:56px;--tabbar-height:64px;--ad-bottom-height:60px;--max-width:480px;--font-sans:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-alt:#263347;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#334155;--color-divider:#1e293b;--color-success-bg:#064e3b;--color-warning-bg:#78350f;--color-danger-bg:#7f1d1d;--color-header-start:#0f172a;--color-header-end:#1e3a5f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;font-size:15px;line-height:1.5}body{background:#e2e8f0;justify-content:center;display:flex}#root{width:100%;max-width:var(--max-width);background:var(--color-bg);min-height:100vh;position:relative;overflow-x:hidden;box-shadow:0 0 40px #0f172a14}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}