:root[data-theme=dark]{--primary:#9d50bb;--primary-gradient:linear-gradient(135deg, #9d50bb 0%, #6e48aa 100%);--secondary:#6e48aa;--accent:#f83a3a;--bg-main:#000;--bg-card:#121212;--bg-input:#1e1e1e;--sleep:#4facfe;--sleep-soft:#4facfe26;--feed:#ff0844;--feed-soft:#ff084426;--wake:#f9d423;--wake-soft:#f9d42326;--text-main:#fff;--text-muted:#a0a0a0;--text-light:#666;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 8px 24px #0009;--border-color:#2a2a2a}:root[data-theme=light]{--primary:#6366f1;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--secondary:#a855f7;--accent:#ef4444;--bg-main:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--sleep:#3b82f6;--sleep-soft:#eff6ff;--feed:#f97316;--feed-soft:#fff7ed;--wake:#eab308;--wake-soft:#fefce8;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 24px #0000001a;--border-color:#e2e8f0}:root{--radius-sm:10px;--radius-md:24px;--radius-lg:40px;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle at 0 0,#9d50bb0d 0%,#0000 50%),radial-gradient(circle at 100% 100%,#6e48aa0d 0%,#0000 50%);min-height:100vh;margin:0;padding:0;line-height:1.5;overflow-x:hidden}#root{background-color:var(--bg-main);flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;display:flex;position:relative}@media (width>=500px){#root{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);box-shadow:0 0 40px #0000001a}}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}button:active{transform:scale(.95)}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:800}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:24px}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg);width:100%;box-shadow:0 10px 20px -10px var(--primary);justify-content:center;align-items:center;gap:12px;padding:18px 32px;font-size:1rem;font-weight:700;display:flex}.btn-secondary{background:var(--bg-input);color:var(--text-main);border-radius:var(--radius-lg);width:100%;padding:18px 32px;font-size:1rem;font-weight:600}.badge-unlocked{background:linear-gradient(135deg,#fce38a 0%,#f38181 100%);border-radius:50%;padding:10px;box-shadow:0 4px 10px #f3818166}.achievement-popup{background:var(--primary-gradient);color:#fff;z-index:1000;border-radius:24px;align-items:center;gap:16px;padding:20px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popupSlideIn;display:flex;position:fixed;top:40px;left:20px;right:20px;box-shadow:0 20px 40px #0000004d}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-100%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.achievement-popup.fade-out{animation:.5s ease-in forwards popupSlideOut}@keyframes popupSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120%)scale(.9)}}