*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--sys-font-plain);background-color:var(--sys-color-surface);color:var(--sys-color-on-surface);-webkit-tap-highlight-color:transparent;overflow-x:clip;transition:background-color var(--sys-duration-medium2) var(--sys-motion-default-effects),color var(--sys-duration-medium2) var(--sys-motion-default-effects)}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--sys-color-surface);color:var(--sys-color-on-surface);overflow-x:clip}.material-symbols-outlined,.material-symbols-rounded{font-family:'Material Symbols Outlined','Material Symbols Rounded',sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;animation:none!important;transition:none!important;transform:none!important}.m3-dock-icon,.m3-top-nav-icon,.m3-header-next-pill .material-symbols-outlined{animation:none!important;transition:none!important;transform:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sys-color-surface)}::-webkit-scrollbar-thumb{background:var(--sys-color-surface-container-highest);border-radius:var(--sys-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background:var(--sys-color-outline)}.m3-top-app-bar{position:sticky;top:0;left:0;right:0;width:100%;height:64px;box-sizing:border-box;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0 clamp(16px,3vw,40px);background:rgba(14,18,28,0.96);border-bottom:1px solid rgba(255,255,255,0.08);pointer-events:auto;transition:background 0.25s ease,border-color 0.25s ease,padding 0.25s ease}.m3-app-bar-inner{max-width:1400px;width:100%;height:100%;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid transparent;box-shadow:none;transition:max-width 0.25s ease,height 0.25s ease,border-radius 0.25s ease,background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease}.m3-top-app-bar.scrolled{background:transparent;border-bottom:1px solid transparent;height:64px;padding:6px clamp(12px,2.5vw,24px);pointer-events:none}.m3-top-app-bar.scrolled .m3-app-bar-inner{pointer-events:auto;max-width:1360px;height:52px;padding:0 clamp(14px,2vw,28px);border-radius:9999px;background:rgba(14,18,28,0.85);backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.36),inset 0 1px 1px rgba(255,255,255,0.14)}[data-theme="light"] .m3-top-app-bar{background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.08)}[data-theme="light"] .m3-top-app-bar.scrolled{background:transparent;border-bottom:1px solid transparent}[data-theme="light"] .m3-top-app-bar.scrolled .m3-app-bar-inner{background:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.08);box-shadow:0 12px 32px rgba(0,0,0,0.08),inset 0 1px 1px rgba(255,255,255,0.9)}@media (max-width:768px){.m3-top-app-bar,.m3-top-app-bar.scrolled{display:flex!important;position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:56px!important;padding:0 16px!important;background:rgba(14,18,28,0.94)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-bottom:1px solid rgba(255,255,255,0.08)!important;z-index:1000!important;pointer-events:auto!important}.m3-top-app-bar .m3-app-bar-inner,.m3-top-app-bar.scrolled .m3-app-bar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:100%!important;max-width:100%!important;padding:0!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important}[data-theme="light"] .m3-top-app-bar,[data-theme="light"] .m3-top-app-bar.scrolled{background:rgba(255,255,255,0.94)!important;border-bottom:1px solid rgba(0,0,0,0.08)!important}.m3-top-nav-menu{display:none!important}.m3-header-next-pill{display:none!important}.m3-settings-header-btn{display:inline-flex!important}.m3-brand-text h1{font-size:16px!important;letter-spacing:-0.2px!important}.m3-brand-logo{width:28px!important;height:28px!important}}.m3-top-nav-menu{position:relative;isolation:isolate;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:9999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);box-shadow:0 4px 20px -4px rgba(0,0,0,0.15)}[data-theme="light"] .m3-top-nav-menu{background:rgba(255,255,255,0.35);border:1px solid rgba(255,255,255,0.5);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);box-shadow:0 4px 20px -4px rgba(0,0,0,0.05)}.m3-top-nav-sliding-pill{position:absolute;top:0;left:0;border-radius:9999px;pointer-events:none;z-index:0;opacity:0;will-change:transform,width,height;transition:transform 0.30s cubic-bezier(0.16,1,0.3,1),width 0ms,height 0ms,opacity 0.18s ease;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.16);box-shadow:0 2px 8px rgba(0,0,0,0.12)}[data-theme="light"] .m3-top-nav-sliding-pill{background:rgba(255,255,255,0.65);border:1px solid rgba(255,255,255,0.85);box-shadow:0 2px 10px rgba(0,0,0,0.06)}.m3-top-nav-btn{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:9999px;border:none;background:transparent;color:var(--sys-color-on-surface-variant);font-family:var(--sys-font-brand);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:color 0.2s ease;white-space:nowrap}.m3-top-nav-btn:hover{color:var(--sys-color-on-surface)}.m3-top-nav-btn.active{color:#ffffff;font-weight:700}[data-theme="light"] .m3-top-nav-btn.active{color:var(--sys-color-primary)}.m3-top-nav-svg{width:17px;height:17px;stroke:currentColor}@media (max-width:767px){.m3-top-nav-menu{display:none!important}}.m3-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--sys-color-on-surface);cursor:pointer;white-space:nowrap;flex-shrink:0}.m3-brand-logo{height:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;aspect-ratio:1 / 1;object-fit:contain;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,0.16)}.m3-brand:hover .m3-brand-logo{transform:none}.m3-brand-text{white-space:nowrap;flex-shrink:0}.m3-brand-text h1{font:var(--sys-typescale-title-medium);font-size:17px;letter-spacing:-0.2px;font-weight:800;color:var(--sys-color-on-surface);line-height:1.2;white-space:nowrap}.m3-app-bar-actions{display:flex;align-items:center;gap:12px}.m3-utc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--sys-shape-corner-full);background-color:var(--sys-color-surface-container-high);color:var(--sys-color-on-surface-variant);font-family:var(--sys-font-mono);font-size:12px;font-weight:600;border:1px solid var(--sys-color-outline-variant)}.m3-space-ambient-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 85% 15%,rgba(0,90,193,0.08) 0%,transparent 60%),radial-gradient(circle at 15% 85%,rgba(107,87,120,0.07) 0%,transparent 50%),radial-gradient(circle at 50% 40%,rgba(0,140,255,0.05) 0%,transparent 60%);transition:background 600ms ease}[data-theme="dark"] .m3-space-ambient-bg{background:radial-gradient(circle at 12% 18%,rgba(20,90,210,0.28) 0%,transparent 45%),radial-gradient(circle at 88% 15%,rgba(120,60,210,0.22) 0%,transparent 50%),radial-gradient(circle at 50% 55%,rgba(10,45,110,0.25) 0%,transparent 65%),radial-gradient(circle at 80% 85%,rgba(16,185,129,0.12) 0%,transparent 45%)}.m3-header-next-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--liquid-glass-bg);backdrop-filter:var(--liquid-glass-blur);-webkit-backdrop-filter:var(--liquid-glass-blur);border:1px solid var(--liquid-glass-border);border-radius:var(--sys-shape-corner-full);box-shadow:0 4px 16px rgba(0,0,0,0.18),var(--liquid-glass-inner-glow);color:var(--sys-color-on-surface);cursor:pointer;outline:none;max-width:320px;white-space:nowrap;flex-shrink:1;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,border-color 0.2s ease,background 0.2s ease}#top-bar-next-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.m3-header-next-pill:hover{transform:translateY(-1.5px);box-shadow:0 8px 24px rgba(0,0,0,0.3),var(--liquid-glass-inner-glow);border-color:rgba(255,255,255,0.32)}.m3-pulse-dot{display:none}.m3-next-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:var(--sys-color-primary);flex-shrink:0}.m3-next-timer{font-size:12px;font-weight:700;color:var(--sys-color-on-surface-variant);background:rgba(255,255,255,0.08);padding:2px 7px;border-radius:var(--sys-shape-corner-small);font-feature-settings:'tnum';flex-shrink:0}@media (max-width:768px){.m3-header-next-pill{display:none!important}}.m3-main{flex:1;max-width:100%;width:100%;margin:0 auto;padding:24px clamp(20px,3.5vw,64px) 36px}@media (max-width:768px){.m3-main{padding:14px 14px calc(76px + env(safe-area-inset-bottom, 0px)) 14px!important}}.m3-mobile-bottom-scrim{display:none;position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(14,18,28,0.78) 0%,rgba(14,18,28,0.3) 50%,transparent 100%);pointer-events:none;z-index:999}@media (max-width:768px){.m3-mobile-bottom-scrim{display:block}}[data-theme="light"] .m3-mobile-bottom-scrim{background:linear-gradient(to top,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.35) 50%,transparent 100%)}.m3-view-enter{animation:m3ViewEnter 0.28s cubic-bezier(0.16,1,0.3,1) both}@keyframes m3ViewEnter{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}.m3-dock-container{position:fixed!important;top:auto!important;bottom:14px!important;bottom:calc(14px + env(safe-area-inset-bottom, 0px))!important;left:0!important;right:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;z-index:1000!important;pointer-events:none!important;padding:0 12px!important;transform:translateZ(0);will-change:transform}@media (min-width:769px){.m3-dock-container{display:none!important}}.m3-dock-search-panel{pointer-events:auto;margin-bottom:10px;width:min(440px,calc(100vw - 24px));display:none;flex-direction:column;align-items:center;animation:m3SearchPop 0.24s cubic-bezier(0.16,1,0.3,1) forwards}.m3-dock-search-panel.open{display:flex}@keyframes m3SearchPop{0%{opacity:0;transform:translateY(12px) scale(0.96)}100%{opacity:1;transform:translateY(0) scale(1)}}.m3-dock-search-pill{width:100%;height:48px;border-radius:9999px;background:rgba(18,24,40,0.92);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,0.18);box-shadow:0 12px 36px rgba(0,0,0,0.45),0 2px 8px rgba(0,0,0,0.2);display:flex;align-items:center;padding:0 12px 0 16px;gap:8px}[data-theme="light"] .m3-dock-search-pill{background:rgba(255,255,255,0.94);border:1px solid rgba(0,0,0,0.1);box-shadow:0 12px 32px rgba(0,30,80,0.14)}.m3-dock-search-icon{font-size:20px;color:var(--sys-color-primary,#adc6ff);flex-shrink:0}.m3-dock-search-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:9999px;background:var(--sys-color-primary-container,rgba(0,67,147,0.35));color:var(--sys-color-on-primary-container,#adc6ff);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;white-space:nowrap;flex-shrink:0}[data-theme="light"] .m3-dock-search-chip{background:var(--sys-color-primary-container,#d8e2ff);color:var(--sys-color-on-primary-container,#001a41)}.m3-dock-search-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--sys-font-plain);font-size:13.5px;color:var(--sys-color-on-surface,#ffffff);min-width:0}.m3-dock-search-input::placeholder{color:rgba(255,255,255,0.45)}[data-theme="light"] .m3-dock-search-input{color:#1a1c20}[data-theme="light"] .m3-dock-search-input::placeholder{color:rgba(0,0,0,0.45)}.m3-dock-search-clear{background:transparent;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);padding:4px;border-radius:50%;transition:color 0.15s ease,background 0.15s ease;flex-shrink:0}.m3-dock-search-clear:hover{color:#ffffff;background:rgba(255,255,255,0.1)}[data-theme="light"] .m3-dock-search-clear{color:rgba(0,0,0,0.5)}[data-theme="light"] .m3-dock-search-clear:hover{color:#000000;background:rgba(0,0,0,0.08)}.m3-dock-search-results{width:100%;max-height:260px;overflow-y:auto;background:rgba(18,24,40,0.94);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,0.16);border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,0.5);margin-top:6px;padding:8px;display:flex;flex-direction:column;gap:4px}[data-theme="light"] .m3-dock-search-results{background:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.1);box-shadow:0 16px 36px rgba(0,30,80,0.16)}.m3-dock-search-result-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:transparent;border:none;text-align:left;cursor:pointer;width:100%;color:var(--sys-color-on-surface,#ffffff);transition:background 0.18s ease}.m3-dock-search-result-item:hover,.m3-dock-search-result-item:active{background:rgba(255,255,255,0.08)}[data-theme="light"] .m3-dock-search-result-item{color:#1a1c20}[data-theme="light"] .m3-dock-search-result-item:hover,[data-theme="light"] .m3-dock-search-result-item:active{background:rgba(0,0,0,0.06)}.m3-dock-search-result-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,0.08)}.m3-dock{position:relative;pointer-events:auto;display:flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;background:rgba(18,24,40,0.86);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:9999px;border:1px solid rgba(255,255,255,0.16);box-shadow:0 8px 28px rgba(0,0,0,0.40),0 2px 8px rgba(0,0,0,0.18);isolation:isolate;max-width:100%;transform:translateZ(0);will-change:transform}[data-theme="light"] .m3-dock{background:rgba(248,246,254,0.90);border:1px solid rgba(0,0,0,0.08);box-shadow:0 8px 24px rgba(0,30,80,0.12),0 2px 6px rgba(0,0,0,0.04)}.m3-dock-sliding-pill{display:none}.m3-dock-items-wrap{display:flex;align-items:center;gap:4px;position:relative;z-index:2}.m3-dock-item{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;height:40px;min-width:40px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:9999px;color:rgba(255,255,255,0.62);cursor:pointer;outline:none;text-decoration:none;box-sizing:border-box;flex-shrink:0;transition:padding 0.18s cubic-bezier(0.2,0,0,1),background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease,color 0.15s ease}.m3-dock-item:hover{background:rgba(255,255,255,0.08);color:#ffffff}.m3-dock-item.active{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.24);box-shadow:0 2px 8px rgba(0,0,0,0.25);padding:0 12px 0 8px;color:#ffffff}[data-theme="light"] .m3-dock-item{color:rgba(60,72,95,0.7)}[data-theme="light"] .m3-dock-item:hover{background:rgba(0,90,193,0.08);color:#1a202c}[data-theme="light"] .m3-dock-item.active{background:var(--sys-color-primary-container,#d8e2ff);border:1px solid rgba(0,90,193,0.2);box-shadow:0 2px 8px rgba(0,90,193,0.15);color:var(--sys-color-on-primary-container,#001a41)}.m3-dock-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;transition:transform 0.18s cubic-bezier(0.2,0,0,1)}.m3-dock-icon{font-size:22px;width:22px;height:22px;color:rgba(255,255,255,0.65);transition:color 0.18s ease,font-variation-settings 0.18s ease,transform 0.18s ease}.m3-dock-item:hover .m3-dock-icon{color:#ffffff}.m3-dock-item.active .m3-dock-icon{color:#ffffff;font-variation-settings:'FILL' 1,'wght' 600;transform:none!important}[data-theme="light"] .m3-dock-icon{color:rgba(60,72,95,0.7)}[data-theme="light"] .m3-dock-item:hover .m3-dock-icon{color:#1a202c}[data-theme="light"] .m3-dock-item.active .m3-dock-icon{color:var(--sys-color-primary,#005ac1);font-variation-settings:'FILL' 1,'wght' 600;transform:none!important}.m3-dock-label{max-width:0;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--sys-font-brand);font-size:13px;font-weight:600;letter-spacing:0.1px;line-height:1;color:#ffffff;pointer-events:none;margin-left:0;transition:max-width 0.18s cubic-bezier(0.2,0,0,1),opacity 0.14s cubic-bezier(0.2,0,0,1),margin-left 0.18s cubic-bezier(0.2,0,0,1)}.m3-dock-item.active .m3-dock-label{max-width:100px;opacity:1;margin-left:4px}[data-theme="light"] .m3-dock-label{color:var(--sys-color-on-primary-container,#001a41)}[data-theme="light"] .m3-dock-item.active .m3-dock-label{color:var(--sys-color-on-primary-container,#001a41);font-weight:700}.m3-dock-divider{width:1px;height:24px;background:rgba(255,255,255,0.14);margin:0 4px;flex-shrink:0;position:relative;z-index:2}[data-theme="light"] .m3-dock-divider{background:rgba(0,0,0,0.1)}.m3-dock-search-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sys-color-surface-container-high,rgba(40,42,47,0.95));border:1px solid var(--sys-color-outline-variant,rgba(255,255,255,0.16));box-shadow:0 2px 8px rgba(0,0,0,0.25);color:var(--sys-color-primary,#adc6ff);cursor:pointer;outline:none;position:relative;flex-shrink:0;z-index:2;transition:all 0.25s cubic-bezier(0.2,0,0,1)}.m3-dock-search-btn:hover{background:var(--sys-color-primary-container,rgba(0,67,147,0.6));color:var(--sys-color-on-primary-container,#d8e2ff);border-color:rgba(255,255,255,0.25);transform:scale(1.05);box-shadow:0 4px 14px rgba(0,0,0,0.35)}.m3-dock-search-btn:active{transform:scale(0.95)}.m3-dock-search-btn.active{background:var(--sys-color-primary,#adc6ff);color:var(--sys-color-on-primary,#002e69);border-color:#adc6ff;box-shadow:0 0 16px rgba(173,198,255,0.35)}[data-theme="light"] .m3-dock-search-btn{background:var(--sys-color-surface-container-high,#dfe8f5);border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.06);color:var(--sys-color-primary,#005ac1)}[data-theme="light"] .m3-dock-search-btn:hover{background:var(--sys-color-primary-container,#d8e2ff);color:var(--sys-color-on-primary-container,#001a41)}[data-theme="light"] .m3-dock-search-btn.active{background:var(--sys-color-primary,#005ac1);color:var(--sys-color-on-primary,#ffffff);border-color:#005ac1;box-shadow:0 2px 10px rgba(0,90,193,0.25)}.m3-dock-search-btn-icon{font-size:20px;color:inherit;transition:transform 0.2s ease}.m3-dock-search-dot{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--sys-color-primary,#adc6ff);border:1.5px solid #0f172a;display:none}.m3-dock-search-dot.visible{display:block}@media (max-width:640px){.m3-dock-container{padding:0 8px!important}.m3-dock{padding:4px 6px;gap:3px;max-width:calc(100vw - 16px)}.m3-dock-items-wrap{gap:3px}.m3-dock-item{height:38px;min-width:36px;padding:0}.m3-dock-item.active{padding:0 11px 0 8px}.m3-dock-label{font-size:11.5px}.m3-dock-item.active .m3-dock-label{max-width:82px;margin-left:4px}.m3-dock-search-btn{width:36px;height:36px}}@media (max-width:480px){.m3-dock-container{padding:0 6px!important}.m3-dock{padding:3px 4px 3px 6px;gap:2px;max-width:calc(100vw - 12px);overflow:hidden}.m3-dock-items-wrap{gap:2px;min-width:0;flex-shrink:1}.m3-dock-item{height:36px;min-width:34px;width:auto;padding:0}.m3-dock-item.active{padding:0 9px 0 7px;flex-shrink:0}.m3-dock-icon-wrap{width:20px;height:20px}.m3-dock-icon{font-size:19px;width:19px;height:19px}.m3-dock-label{font-size:11px;letter-spacing:-0.2px}.m3-dock-item.active .m3-dock-label{max-width:72px;margin-left:4px}.m3-dock-search-btn{width:34px;height:34px}.m3-dock-search-btn-icon{font-size:17px}.m3-dock-divider{height:18px;margin:0 1px}}@media (max-width:380px){.m3-dock-container{padding:0 4px!important}.m3-dock{padding:2px 3px 2px 4px;gap:1.5px;max-width:calc(100vw - 8px)}.m3-dock-items-wrap{gap:1.5px}.m3-dock-item{height:33px;min-width:31px;padding:0}.m3-dock-item.active{padding:0 7px 0 5px}.m3-dock-icon-wrap{width:18px;height:18px}.m3-dock-icon{font-size:17px;width:17px;height:17px}.m3-dock-label{font-size:10px;letter-spacing:-0.25px}.m3-dock-item.active .m3-dock-label{max-width:62px;margin-left:3px}.m3-dock-search-btn{width:32px;height:32px}.m3-dock-search-btn-icon{font-size:16px}.m3-dock-divider{height:16px;margin:0}}@media (max-width:340px){.m3-dock-item{min-width:29px}.m3-dock-item.active .m3-dock-label{max-width:50px}}@media (max-width:768px){.m3-filter-search-wrap,.m3-events-search-wrap{display:flex!important;width:100%!important;margin:8px 0 14px 0!important;}body,#m3-view-container{padding-bottom:0!important}}.m3-map-layer-toggle{position:absolute;top:12px;right:12px;z-index:999;padding:6px 14px;border-radius:var(--sys-shape-corner-full);font-family:var(--sys-font-brand);font-size:11px;font-weight:700;letter-spacing:0.3px;background:rgba(14,20,36,0.76);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,0.28);color:#ffffff;box-shadow:0 6px 20px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.4);cursor:pointer;outline:none;transition:all 0.22s cubic-bezier(0.16,1,0.3,1)}.m3-map-layer-toggle:hover{background:rgba(22,32,54,0.88);border-color:rgba(255,255,255,0.5);transform:translateY(-1.5px);box-shadow:0 8px 24px rgba(0,0,0,0.5),inset 0 1px 2px rgba(255,255,255,0.6)}.m3-map-trajectory-pill{position:absolute;bottom:12px;left:12px;z-index:999;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--sys-shape-corner-full);font-family:var(--sys-font-brand);font-size:11px;font-weight:600;letter-spacing:0.2px;background:rgba(10,16,28,0.82);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,0.25);color:#ffffff;box-shadow:0 8px 24px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.35);pointer-events:none}[data-theme="light"] .m3-brand-logo{color:var(--sys-color-primary, #38bdf8)!important;width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(14,18,28,0.65)!important;backdrop-filter:blur(24px) saturate(200%)!important;-webkit-backdrop-filter:blur(24px) saturate(200%)!important;border:1px solid rgba(255,255,255,0.22)!important;box-shadow:0 4px 16px rgba(0,0,0,0.35)!important;color:#ffffff!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform 0.22s cubic-bezier(0.16,1,0.3,1),background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease!important}#btn-settings-toggle:hover,.m3-settings-header-btn:hover{transform:scale(1.08) rotate(45deg)!important;background:rgba(255,255,255,0.22)!important;border-color:rgba(255,255,255,0.4)!important;box-shadow:0 6px 20px rgba(0,0,0,0.45)!important}[data-theme="light"] #btn-settings-toggle,[data-theme="light"] .m3-settings-header-btn{background:rgba(255,255,255,0.85)!important;border:1px solid rgba(0,0,0,0.12)!important;color:#1a1c20!important;box-shadow:0 4px 16px rgba(0,0,0,0.12)!important}.m3-pure-liquid-glass{position:relative;border-radius:var(--sys-shape-corner-extra-large);background:rgba(18,24,38,0.68);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(255,255,255,0.18);box-shadow:0 16px 40px -8px rgba(0,0,0,0.55),inset 0 1.5px 1.5px rgba(255,255,255,0.35)}[data-theme="light"] .m3-pure-liquid-glass{background:rgba(255,255,255,0.82);border:1px solid rgba(255,255,255,0.9);box-shadow:0 16px 36px -8px rgba(0,0,0,0.12),inset 0 1.5px 2px rgba(255,255,255,0.95)}

/* ========================================================================= */
/* FICHA TECNICA Y MODAL MATERIAL YOU DE COHETES (DESKTOP & MOBILE) */
/* ========================================================================= */
.m3-rocket-redesign-card {
  padding: 20px !important;
  border-radius: 24px !important;
  background: rgba(18, 24, 40, 0.72) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="light"] .m3-rocket-redesign-card {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 12px 28px rgba(0, 30, 80, 0.08) !important;
}
.m3-rocket-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.m3-rocket-header-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.m3-rocket-header-title h3 {
  font-size: 18px;
  font-weight: 800;
  color: var(--sys-color-on-surface, #ffffff);
  margin: 0;
}
.m3-rocket-header-sub {
  font-size: 12px;
  color: var(--sys-color-on-surface-variant, #94a3b8);
  margin: 2px 0 0 0;
}
.m3-rocket-banner-box {
  position: relative;
  height: 180px;
  border-radius: 18px;
  overflow: hidden;
  margin: 12px 0 16px 0;
}
.m3-rocket-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.m3-rocket-banner-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(10, 15, 30, 0.88) 100%);
  pointer-events: none;
}
.m3-rocket-banner-chips {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 2;
}
.m3-rocket-specs-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}
@media (max-width: 600px) {
  .m3-rocket-specs-grid-v2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.m3-rocket-spec-pill-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
[data-theme="light"] .m3-rocket-spec-pill-box {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.m3-rocket-pill-lbl {
  font-size: 11px;
  font-weight: 600;
  color: var(--sys-color-on-surface-variant, #94a3b8);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.m3-rocket-pill-val {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--sys-color-on-surface, #ffffff);
}
[data-theme="light"] .m3-rocket-pill-val {
  color: #0f172a;
}
.m3-rocket-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  background: rgba(7, 11, 20, 0.75) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  animation: m3FadeIn 0.22s ease-out !important;
}
@keyframes m3FadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.m3-rocket-modal-card {
  position: relative;
  width: 100%;
  max-width: 460px;
  max-height: 85vh;
  overflow-y: auto;
  border-radius: 28px;
  background: rgba(15, 23, 42, 0.94);
  backdrop-filter: blur(32px) saturate(210%);
  -webkit-backdrop-filter: blur(32px) saturate(210%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.75), inset 0 1px 1px rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  animation: m3PopUp 0.26s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme="light"] .m3-rocket-modal-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 25px 60px -15px rgba(0, 30, 80, 0.22);
}
@keyframes m3PopUp {
  from { opacity: 0; transform: scale(0.94) translateY(12px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.m3-rocket-modal-header-hero {
  position: relative;
  height: 180px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 28px 28px 0 0;
}
.m3-rocket-modal-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.m3-rocket-modal-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(15,23,42,0.95) 100%);
  pointer-events: none;
}
[data-theme="light"] .m3-rocket-modal-scrim {
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.95) 100%);
}
.m3-rocket-modal-close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease;
}
.m3-rocket-modal-close-btn:hover {
  transform: scale(1.08);
  background: rgba(0, 0, 0, 0.75);
}
.m3-rocket-modal-body {
  padding: 18px 22px 24px 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.m3-rocket-modal-title {
  font-size: 20px;
  font-weight: 800;
  color: var(--sys-color-on-surface, #ffffff);
  margin: 0;
}
[data-theme="light"] .m3-rocket-modal-title {
  color: #0f172a;
}
.m3-rocket-modal-sub {
  font-size: 12.5px;
  color: var(--sys-color-on-surface-variant, #94a3b8);
  margin: 4px 0 0 0;
}
.m3-rocket-modal-desc {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  margin: 4px 0;
}
[data-theme="light"] .m3-rocket-modal-desc {
  color: #334155;
}
.m3-rocket-modal-specs-table {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 8px 14px;
}
[data-theme="light"] .m3-rocket-modal-specs-table {
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.m3-rocket-table-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 13px;
}
.m3-rocket-table-row:last-child {
  border-bottom: none;
}
[data-theme="light"] .m3-rocket-table-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.m3-rocket-tbl-lbl {
  color: var(--sys-color-on-surface-variant, #94a3b8);
  font-weight: 500;
}
.m3-rocket-tbl-val {
  color: var(--sys-color-on-surface, #ffffff);
  font-weight: 700;
  text-align: right;
}
[data-theme="light"] .m3-rocket-tbl-val {
  color: #0f172a;
}
/* Deslizamiento suave en el dock sin saltos de escala en iconos */
.m3-dock-icon,
.m3-dock-item .m3-dock-icon,
.m3-dock-item:hover .m3-dock-icon,
.m3-dock-item.active .m3-dock-icon {
  transform: none !important;
  animation: none !important;
}

/* Indicador deslizante suave en el Dock (Material 3 Floating Nav Pill) */
.m3-dock-wrapper {
  position: relative !important;
}

.m3-dock {
  position: relative !important;
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4) !important;
  border-radius: 9999px !important;
}

.m3-dock-pill,
.m3-dock-sliding-pill {
  position: absolute !important;
  pointer-events: none !important;
  z-index: 1 !important;
  border-radius: 9999px !important;
  background: rgba(56, 189, 248, 0.18) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  box-shadow: 0 2px 12px rgba(56, 189, 248, 0.22) !important;
  transition: transform 0.18s cubic-bezier(0, 0, 0.2, 1), width 0.18s cubic-bezier(0, 0, 0.2, 1), height 0.18s cubic-bezier(0, 0, 0.2, 1), opacity 0.15s ease !important;
  will-change: transform, width, height;
}

.m3-dock-item {
  position: relative !important;
  z-index: 2 !important;
  transition: color 0.12s ease !important;
}

/* ========================================================================= */
/* HEADER BUTTONS SIZING & BREATHING ROOM */
/* ========================================================================= */
#btn-settings-toggle,
.m3-settings-header-btn,
#btn-notifications-toggle,
.m3-notif-header-btn {
  display: inline-flex !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#btn-settings-toggle .material-symbols-outlined,
.m3-settings-header-btn .material-symbols-outlined,
#btn-notifications-toggle .material-symbols-outlined,
.m3-notif-header-btn .material-symbols-outlined {
  font-size: 19px !important;
  line-height: 1 !important;
  display: inline-block !important;
  user-select: none !important;
}

.m3-app-bar-actions {
  gap: 8px !important;
}