:root{--purple-main:#8b3cf7;--purple-dark:#3d0f80;--purple-deeper:#1e0a3c;--purple-light:#f3eaff;--purple-mid:#c4b2f5;--purple-bg:#f5f0ff;--amber-main:#f59e0b;--amber-light:#fef3c7;--amber-dark:#92400e;--gold:gold;--danger:#ef4444;--danger-light:#fff0f0;--success:#16a34a;--success-light:#edfaf1;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-hint:#d1d5db;--bg-white:#fff;--bg-light:#f5f0ff;--bg-card:#fff;--border:#e9d5ff;--border-light:#f3eaff;--gradient-main:linear-gradient(135deg, #3d0f80, #8b3cf7);--gradient-dark:linear-gradient(135deg, #1e0a3c, #3d0f80);--gradient-amber:linear-gradient(135deg, #f59e0b, #ef4444);--shadow-card:0 2px 8px #8b3cf714;--shadow-float:0 8px 32px #8b3cf726;--shadow-fab:0 4px 16px #8b3cf766;--font-main:-apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-family:var(--font-main);background:var(--bg-light);color:var(--text-primary)}body{max-width:430px;height:100vh;margin:0 auto;overflow:hidden}#root{height:100%;overflow:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}button{cursor:pointer;font-family:var(--font-main);border:none;outline:none}input,textarea{font-family:var(--font-main);border:none;outline:none}.page-enter{opacity:0;transform:translate(20px)}.page-enter-active{opacity:1;transition:all .2s;transform:translate(0)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:.5px solid var(--border);box-shadow:var(--shadow-card);padding:16px}.badge{border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge-purple{background:var(--purple-light);color:var(--purple-main)}.badge-amber{background:var(--amber-light);color:var(--amber-dark)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-success{background:var(--success-light);color:var(--success)}.btn{border-radius:var(--radius-md);text-align:center;cursor:pointer;width:100%;padding:14px;font-size:15px;font-weight:800}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:var(--shadow-fab)}.btn-kakao{color:#1a1a1a;background:#fee500}.btn-secondary{background:var(--purple-light);color:var(--purple-main);border:.5px solid var(--border)}.tab-bar-spacer{height:80px}