:root{color-scheme:light;--bg: #f6f8fb;--panel: #ffffff;--text: #1b2437;--muted: #7b8a9b;--primary: #3c6cff;--accent: #ff6b6b;--success: #4ad295;--outline: #e6ecf5;--shadow: 0 12px 48px rgba(26, 51, 107, .12);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 15%,#f0f5ff,transparent 35%),radial-gradient(circle at 80% 0%,#ffeef4,transparent 40%),var(--bg);color:var(--text);min-height:100vh;padding-bottom:80px}a{color:inherit;text-decoration:none}#root{max-width:960px;margin:0 auto;padding:20px 16px 28px}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px;border:1px solid var(--outline)}.pill{display:inline-flex;align-items:center;gap:6px;background:#eef3fb;border-radius:999px;padding:6px 12px;color:var(--muted);font-size:12px;border:1px solid var(--outline)}button{border:none;border-radius:999px;padding:12px 16px;font-weight:500;font-size:14px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .2s ease,filter .2s ease}button:active{transform:translateY(1px)}button:hover{transform:translateY(-1px);filter:brightness(1.03)}.primary.accent{background:linear-gradient(120deg,#ff7b8a,#ff6b6b 50%,#ff7b8a);box-shadow:0 12px 32px #ff6b6b59}.primary.accent:hover{box-shadow:0 14px 38px #ff6b6b73}.ghost:hover{background:#3c6cff0f}.primary{background:linear-gradient(135deg,#5a86ff,#3c6cff);color:#fff;box-shadow:0 10px 32px #3c6cff47}.auth-card input,.auth-card button,.auth-card .ghost{font-size:15px}.auth-card{box-shadow:0 18px 60px #0f172a1f}.auth-card input,.auth-card textarea{border-color:var(--outline);background:#f9fbff}.auth-card .ghost{background:#eef3fb}.ghost{background:#3c6cff0f;color:var(--text);border:1px solid var(--outline)}input,textarea,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--outline);background:#fff;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#3c6cff59;box-shadow:0 0 0 4px #3c6cff1f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.bottom-nav-item.active{background:var(--primary);color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--panel);box-shadow:0 -4px 20px #1a336b14;padding:10px 16px 20px;z-index:100;border-top:1px solid var(--outline)}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;cursor:pointer;background:#0f172a0f;color:var(--text);font-weight:600}.tab.active{background:#3c6cff;color:#fff}.screen-animate{animation:fadeSlide .35s cubic-bezier(.22,.61,.36,1);will-change:transform,opacity}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}