:root{--bg-darkest:#08090c;--bg-carbon:#0d0f14;--bg-surface:#141720;--bg-surface-elevated:#1a1e2a;--bg-surface-hover:#222838;--orange-500:#ff6b00;--orange-400:#ff8533;--orange-600:#e05800;--orange-glow:#ff6b0047;--orange-gradient:linear-gradient(135deg, #ff8533 0%, #f50 100%);--red-500:#ef4444;--red-400:#f87171;--red-600:#dc2626;--red-glow:#ef444440;--grey-100:#f1f5f9;--grey-300:#cbd5e1;--grey-400:#94a3b8;--grey-500:#64748b;--grey-700:#334155;--grey-800:#1e293b;--grey-900:#0f172a;--text-white:#fff;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#ffffff12;--border-medium:#ffffff24;--border-orange:#ff6b0073;--border-red:#ef444473;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0000008c;--shadow-lg:0 16px 40px #000000b3;--shadow-orange:0 8px 25px #ff6b004d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.35s 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.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-carbon)}::-webkit-scrollbar-thumb{background:var(--grey-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--orange-500)}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#141720c7}.glass-modal{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);background:#0d0f14f0}.btn-primary{background:var(--orange-gradient);color:var(--text-white);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-orange);transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 28px #ff6b0073}.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:#ef444426;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 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.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}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(.95)}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(.9);box-shadow:0 0 #ff6b00b3}50%{transform:scale(1.02);box-shadow:0 0 25px #ff6b0080}to{transform:scale(1);box-shadow:0 0 #ff6b0000}}.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:20px 20px 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:12px!important;padding-right:12px!important;padding-bottom:calc(75px + env(safe-area-inset-bottom,16px))!important}.btn-primary,.btn-secondary,.btn-danger{min-height:40px;padding:8px 14px}.mobile-bottom-nav{display:flex!important}}@media (width<=380px){html,body{font-size:13.5px}.mobile-content-container{padding-left:8px!important;padding-right:8px!important}.glass-panel{border-radius:var(--radius-sm)}.compact-card{padding:12px 10px!important}.calendar-day-cell{min-height:52px!important;padding:3px!important}.calendar-day-num{width:18px!important;height:18px!important;font-size:10.5px!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:8px!important;margin:8px 10px 4px!important}}
