:root{--bg-darkest:#f8fafc;--bg-carbon:#fff;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-hover:#e2e8f0;--solar-500:#d97706;--solar-400:#f59e0b;--solar-600:#b45309;--solar-glow:#d9770624;--solar-gradient:linear-gradient(135deg, #f59e0b 0%, #10b981 100%);--emerald-500:#059669;--emerald-400:#10b981;--emerald-600:#047857;--emerald-glow:#05966924;--emerald-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--earth-500:#ea580c;--earth-400:#c2410c;--earth-glow:#ea580c24;--sky-400:#0284c7;--sky-glow:#0284c724;--red-500:#dc2626;--red-400:#ef4444;--red-glow:#dc262626;--cyan-500:var(--emerald-400);--cyan-400:var(--emerald-400);--cyan-600:var(--emerald-500);--cyan-glow:var(--emerald-glow);--cyan-gradient:var(--emerald-gradient);--orange-500:var(--solar-500);--orange-400:var(--solar-400);--orange-600:var(--solar-600);--orange-glow:var(--solar-glow);--orange-gradient:var(--solar-gradient);--amber-500:var(--solar-500);--amber-400:var(--solar-400);--amber-glow:var(--solar-glow);--grey-100:#0f172a;--grey-300:#334155;--grey-400:#64748b;--grey-500:#94a3b8;--grey-700:#cbd5e1;--grey-800:#e2e8f0;--grey-900:#f1f5f9;--text-white:#0f172a;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-subtle:#0f172a14;--border-medium:#0f172a24;--border-solar:#d977064d;--border-emerald:#0596694d;--border-cyan:var(--border-emerald);--border-orange:var(--border-solar);--border-red:#dc262640;--shadow-sm:0 1px 3px #0f172a0a, 0 1px 2px #0f172a05;--shadow-md:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a08;--shadow-lg:0 12px 35px -4px #0f172a14, 0 4px 12px -2px #0f172a0a;--shadow-solar:0 4px 18px #d977062e;--shadow-emerald:0 4px 18px #0596692e;--shadow-orange:var(--shadow-solar);--shadow-cyan:var(--shadow-emerald);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.18s ease;--transition-normal:.28s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.38s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-darkest);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-main);letter-spacing:-.01em;font-size:15px;line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:var(--grey-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--emerald-500)}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffffe6}.glass-modal{-webkit-backdrop-filter:blur(26px);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);background:#fff}.holographic-card{-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);background:#fff;position:relative;overflow:hidden}.holographic-card:hover{box-shadow:var(--shadow-md);border-color:#05966959;transform:translateY(-2px)}.holo-line{background:linear-gradient(90deg, transparent 0%, var(--solar-500) 50%, transparent 100%);opacity:.65;height:2px}.btn-primary{background:var(--solar-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-solar);transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 24px #d9770647}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-medium);color:var(--text-white)}.btn-danger{color:var(--red-400);border-radius:var(--radius-md);border:1px solid var(--border-red);cursor:pointer;transition:all var(--transition-fast);background:#ef44441f;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-danger:hover{background:var(--red-500);color:#fff;box-shadow:0 6px 20px var(--red-glow)}@keyframes solar-pulse{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 12px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.cyber-pulse,.solar-pulse{animation:2.2s infinite solar-pulse}@keyframes pulse-recording{0%{transform:scale(.96);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.05);box-shadow:0 0 0 16px #ef444400}to{transform:scale(.96);box-shadow:0 0 #ef444400}}.recording-pulse{animation:1.8s infinite pulse-recording}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-surface-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@keyframes chime-flash{0%{transform:scale(.95);box-shadow:0 0 #10b98199}50%{transform:scale(1.02);box-shadow:0 0 25px #10b98166}to{transform:scale(1);box-shadow:0 0 #10b98100}}.alarm-alert{animation:1.2s ease-out chime-flash}@media (width<=768px){.fab-container,.desktop-header-actions{display:none!important}.bottom-sheet-modal{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.mobile-full-drawer{width:100%!important;max-width:100%!important}.mobile-content-container{padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(75px + env(safe-area-inset-bottom,16px))!important}.btn-primary,.btn-secondary,.btn-danger{min-height:42px;padding:8px 16px}.mobile-bottom-nav{display:flex!important}}@media (width<=380px){html,body{font-size:14px}.mobile-content-container{padding-left:10px!important;padding-right:10px!important}.glass-panel{border-radius:var(--radius-sm)}.compact-card{padding:14px 12px!important}.calendar-day-cell{min-height:52px!important;padding:4px!important}.calendar-day-num{width:20px!important;height:20px!important;font-size:11px!important}.login-modal-card{gap:14px!important;padding:24px 16px!important}}.day-name-short{display:none}@media (width<=480px){.day-name-full{display:none}.day-name-short{display:inline}.day-task-chip-list{display:none!important}.day-task-indicators{display:flex!important}.stats-bar-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin:8px 12px 6px!important}}.brain-note-card{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}@media (hover:hover) and (pointer:fine){.brain-note-card:hover{box-shadow:var(--shadow-md), 0 0 20px #10b9811f;border-color:#34d39959;transform:translateY(-2px)}.brain-note-card.is-pinned:hover{border-color:var(--solar-400)!important}}.app-main-header{padding-top:max(calc(env(safe-area-inset-top,0px) + 14px), 18px)}@media (width<=768px){.app-main-header{padding-top:max(calc(env(safe-area-inset-top,0px) + 14px), 52px)!important;padding-left:max(env(safe-area-inset-left,0px), 16px)!important;padding-right:max(env(safe-area-inset-right,0px), 16px)!important}.brain-chat-header{padding-top:max(calc(env(safe-area-inset-top,0px) + 14px), 50px)!important}}