:root{--bg-darkest:#070e0a;--bg-carbon:#0c1611;--bg-surface:#112019;--bg-surface-elevated:#162820;--bg-surface-hover:#1c3328;--solar-500:#f59e0b;--solar-400:#fbbf24;--solar-600:#d97706;--solar-glow:#f59e0b38;--solar-gradient:linear-gradient(135deg, #f59e0b 0%, #10b981 100%);--emerald-500:#10b981;--emerald-400:#34d399;--emerald-600:#059669;--emerald-glow:#10b98138;--emerald-gradient:linear-gradient(135deg, #34d399 0%, #059669 100%);--earth-500:#ea580c;--earth-400:#f97316;--earth-glow:#ea580c38;--sky-400:#38bdf8;--sky-glow:#38bdf833;--red-500:#ef4444;--red-400:#f87171;--red-glow:#ef444440;--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:#f4f7f4;--grey-300:#cbd9ce;--grey-400:#9cb3a5;--grey-500:#6b8274;--grey-700:#2a3d33;--grey-800:#1b2922;--grey-900:#101a15;--text-white:#f8faf6;--text-primary:#edf3ee;--text-secondary:#9cb3a5;--text-muted:#647b6e;--border-subtle:#34d3991f;--border-medium:#34d3993d;--border-solar:#f59e0b59;--border-emerald:#10b98159;--border-cyan:var(--border-emerald);--border-orange:var(--border-solar);--border-red:#ef444459;--shadow-sm:0 2px 10px #00000059;--shadow-md:0 10px 30px #00000080;--shadow-lg:0 20px 50px #000000a6;--shadow-solar:0 8px 32px #f59e0b33;--shadow-emerald:0 8px 32px #10b9812e;--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);background:#112019b8}.glass-modal{-webkit-backdrop-filter:blur(26px);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg), 0 0 45px #10b98114;background:#0c1611f2}.holographic-card{-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);background:#112019a6;position:relative;overflow:hidden}.holographic-card:hover{box-shadow:var(--shadow-md), 0 0 24px #10b9811f;border-color:#34d39959;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:#070e0a;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 10px 28px #f59e0b59}.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:500;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}}