.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0f172ab3;border-bottom:1px solid #67e8f926;padding:12px 20px;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.navbar-content{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.navbar-center{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar-mission-control{flex-direction:column;align-items:center;gap:2px;display:flex}.mission-control-title{color:#22d3ee;text-shadow:0 0 20px #22d3ee80;letter-spacing:.5px;text-transform:uppercase;font-size:18px;font-weight:700}.mission-control-subtitle{color:#94a3b8;text-transform:lowercase;letter-spacing:.5px;font-size:10px;font-weight:500}.navbar-left{align-items:center;gap:16px;display:flex}.navbar-back-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#67e8f9;cursor:pointer;background:#0f172ab3;border:1px solid #67e8f940;border-radius:10px;padding:8px 16px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.navbar-back-btn:hover{color:#22d3ee;background:#0f172ad9;border-color:#67e8f980;transform:translateY(-1px);box-shadow:0 6px 20px #22d3ee33,inset 0 1px #ffffff14,0 0 20px #67e8f933}.navbar-logo{flex-direction:column;gap:2px;display:flex}.navbar-logo-text{color:#22d3ee;text-shadow:0 0 20px #22d3ee80;letter-spacing:.5px;font-size:20px;font-weight:700}.navbar-logo-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:500}.navbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100% - 160px);display:flex}.navbar-btn{cursor:pointer;background:#0f172a80;border:1px solid #94a3b833;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.navbar-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #0000004d,inset 0 1px #ffffff14}.navbar-btn-skills{color:#f9a8d4;background:#ec489933;border-color:#ec48994d}.navbar-btn-skills:hover{color:#e2e8f0;background:#ec48994d;border-color:#ec489980;box-shadow:0 8px 24px #ec489966,0 0 30px #ec48994d}.navbar-btn-briefing{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b4d}.navbar-btn-briefing:hover{color:#f59e0b;background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 8px 24px #f59e0b66,0 0 30px #f59e0b4d}.navbar-btn-settings{color:#a78bfa;background:#6366f133;border-color:#6366f14d}.navbar-btn-settings:hover{color:#e2e8f0;background:#6366f14d;border-color:#6366f199;box-shadow:0 8px 24px #6366f166,inset 0 1px #ffffff14,0 0 30px #6366f14d}.navbar-btn-health{color:#86efac;background:#22c55e33;border-color:#22c55e4d}.navbar-btn-health:hover{color:#e2e8f0;background:#22c55e4d;border-color:#22c55e80;box-shadow:0 8px 24px #22c55e66,0 0 30px #22c55e4d}.navbar-btn-links{color:#93c5fd;background:#3b82f633;border-color:#3b82f64d}.navbar-btn-links:hover{color:#e2e8f0;background:#3b82f64d;border-color:#3b82f680;box-shadow:0 8px 24px #3b82f666,0 0 30px #3b82f64d}.navbar-btn-activity{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf64d}.navbar-btn-activity:hover{color:#e2e8f0;background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf666,0 0 30px #8b5cf64d}.navbar-btn-focus{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.navbar-btn-focus:hover{color:#e2e8f0;background:#ef44444d;border-color:#ef444480;box-shadow:0 8px 24px #ef444466,0 0 30px #ef44444d}.navbar-btn-weather{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b4d}.navbar-btn-weather:hover{color:#e2e8f0;background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 8px 24px #f59e0b66,0 0 30px #f59e0b4d}.navbar-btn-habit{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf64d}.navbar-btn-habit:hover{color:#e2e8f0;background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf666,0 0 30px #8b5cf64d}.navbar-btn-quote{color:#f9a8d4;background:#ec489933;border-color:#ec48994d}.navbar-btn-quote:hover{color:#e2e8f0;background:#ec48994d;border-color:#ec489980;box-shadow:0 8px 24px #ec489966,0 0 30px #ec48994d}.navbar-btn-time{color:#7dd3fc;background:#0ea5e933;border-color:#0ea5e94d}.navbar-btn-time:hover{color:#e2e8f0;background:#0ea5e94d;border-color:#0ea5e980;box-shadow:0 8px 24px #0ea5e966,0 0 30px #0ea5e94d}.navbar-btn-mood{color:#d8b4fe;background:#a855f733;border-color:#a855f74d}.navbar-btn-mood:hover{color:#e2e8f0;background:#a855f74d;border-color:#a855f780;box-shadow:0 8px 24px #a855f766,0 0 30px #a855f74d}.navbar-btn-breathing{color:#6ee7b7;background:#10b98133;border-color:#10b9814d}.navbar-btn-breathing:hover{color:#e2e8f0;background:#10b9814d;border-color:#10b98180;box-shadow:0 8px 24px #10b98166,0 0 30px #10b9814d}.navbar-btn-productivity{color:#a78bfa;background:#6366f133;border-color:#6366f14d}.navbar-btn-productivity:hover{color:#e2e8f0;background:#6366f14d;border-color:#6366f180;box-shadow:0 8px 24px #6366f166,0 0 30px #6366f14d}.navbar-btn-notes{color:#fcd34d;background:#fbbf2433;border-color:#fbbf244d}.navbar-btn-notes:hover{color:#e2e8f0;background:#fbbf244d;border-color:#fbbf2480;box-shadow:0 8px 24px #fbbf2466,0 0 30px #fbbf244d}.navbar-btn-journal{color:#f9a8d4;background:#f472b633;border-color:#f472b64d}.navbar-btn-journal:hover{color:#e2e8f0;background:#f472b64d;border-color:#f472b680;box-shadow:0 8px 24px #f472b666,0 0 30px #f472b64d}.navbar-btn-quest{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf64d}.navbar-btn-quest:hover{color:#e2e8f0;background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf666,0 0 30px #8b5cf64d}.navbar-btn-goals{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b4d}.navbar-btn-goals:hover{color:#e2e8f0;background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 8px 24px #f59e0b66,0 0 30px #f59e0b4d}.navbar-btn-workout{color:#86efac;background:#22c55e33;border-color:#22c55e4d}.navbar-btn-workout:hover{color:#e2e8f0;background:#22c55e4d;border-color:#22c55e80;box-shadow:0 8px 24px #22c55e66,0 0 30px #22c55e4d}.navbar-btn-sleep{color:#a78bfa;background:#6366f133;border-color:#6366f14d}.navbar-btn-sleep:hover{color:#e2e8f0;background:#6366f14d;border-color:#6366f180;box-shadow:0 8px 24px #6366f166,0 0 30px #6366f14d}.navbar-btn-subscription{color:#67e8f9;background:#06b6d433;border-color:#06b6d44d}.navbar-btn-subscription:hover{color:#e2e8f0;background:#06b6d44d;border-color:#06b6d480;box-shadow:0 8px 24px #06b6d466,0 0 30px #06b6d44d}.navbar-btn-travel{color:#7dd3fc;background:#0ea5e933;border-color:#0ea5e94d}.navbar-btn-travel:hover{color:#e2e8f0;background:#0ea5e94d;border-color:#0ea5e980;box-shadow:0 8px 24px #0ea5e966,0 0 30px #0ea5e94d}.navbar-btn-voice{color:#f9a8d4;background:#ec489933;border-color:#ec48994d}.navbar-btn-voice:hover{color:#e2e8f0;background:#ec48994d;border-color:#ec489980;box-shadow:0 8px 24px #ec489966,0 0 30px #ec48994d}.navbar-btn-quick-capture{color:#818cf8;background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f166;animation:3s ease-in-out infinite pulse-subtle}.navbar-btn-quick-capture:hover{color:#a5b4fc;background:linear-gradient(135deg,#6366f159,#8b5cf640);border-color:#6366f199;animation:none;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #6366f159}@keyframes pulse-subtle{0%,to{box-shadow:0 4px 12px #6366f133}50%{box-shadow:0 4px 20px #6366f159}}@media (max-width:1200px){.navbar-right{gap:6px}.navbar-btn{width:38px;height:38px;font-size:16px}.mission-control-title{font-size:16px}.mission-control-subtitle{font-size:9px}}@media (max-width:768px){.navbar{padding:8px 12px}.navbar-logo-text{font-size:16px}.navbar-logo-subtitle{font-size:8px}.navbar-center{display:none}.navbar-right{gap:4px}.navbar-btn{width:36px;height:36px;font-size:14px}.navbar-back-btn{padding:6px 12px;font-size:12px}}.navbar-connection-status{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.navbar-connection-status span{align-items:center;gap:6px;display:flex}.navbar-connection-status.connected{color:#86efac;background:#22c55e33;border:1px solid #22c55e66;animation:3s ease-in-out infinite navbarStatusPulse}@keyframes navbarStatusPulse{0%,to{box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d,0 0 #22c55e00}50%{box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d,0 0 25px #22c55e80}}.navbar-connection-status.reconnecting{color:#fdba74;background:#fb923c33;border:1px solid #fb923c66}.navbar-connection-status.backend-only{color:#fbbf24;background:#eab30833;border:1px solid #eab30866}.navbar-connection-status.connecting{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.navbar-connection-status.unconfigured{color:#cbd5e1;background:#94a3b833;border:1px solid #94a3b866}.navbar-connection-status.error,.navbar-connection-status.offline{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}@media (max-width:768px){.navbar-connection-status{padding:8px 12px;font-size:10px}}