.navbar[data-v-46aaed40]{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;gap:32px;padding:0 24px;background:#030d1aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar__logo[data-v-46aaed40]{display:flex;align-items:center;gap:10px;color:var(--cyan);text-decoration:none;flex-shrink:0}.navbar__logo-icon[data-v-46aaed40]{display:flex;align-items:center;animation:pulse-glow 3s ease infinite}.navbar__logo-text[data-v-46aaed40]{font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--text-bright)}.navbar__links[data-v-46aaed40]{display:flex;align-items:center;gap:4px}.navbar__link[data-v-46aaed40]{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius);font-family:var(--font-head);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:all var(--t-fast);border:1px solid transparent}.navbar__link[data-v-46aaed40]:hover{color:var(--text-bright);background:var(--bg-3);border-color:var(--border)}.navbar__link.active[data-v-46aaed40]{color:var(--cyan);background:var(--cyan-dim);border-color:#00d4ff33}.navbar__link-dot[data-v-46aaed40]{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;transition:opacity var(--t-fast)}.navbar__link.active .navbar__link-dot[data-v-46aaed40]{opacity:1}.navbar__status[data-v-46aaed40]{margin-left:auto;display:flex;align-items:center;gap:8px}.status-dot[data-v-46aaed40]{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 2.5s ease infinite}.status-text[data-v-46aaed40]{font-size:10px;letter-spacing:.12em;color:var(--text-muted)}.navbar__hamburger[data-v-46aaed40]{display:none;background:none;border:none;cursor:pointer;width:28px;height:28px;position:relative;margin-left:auto}.navbar__hamburger span[data-v-46aaed40],.navbar__hamburger span[data-v-46aaed40]:before,.navbar__hamburger span[data-v-46aaed40]:after{display:block;width:20px;height:2px;background:var(--text);border-radius:1px;position:absolute;left:4px;transition:all .25s ease}.navbar__hamburger span[data-v-46aaed40]{top:13px}.navbar__hamburger span[data-v-46aaed40]:before{content:"";top:-6px}.navbar__hamburger span[data-v-46aaed40]:after{content:"";top:6px}.navbar__hamburger span.open[data-v-46aaed40]{background:transparent}.navbar__hamburger span.open[data-v-46aaed40]:before{top:0;transform:rotate(45deg)}.navbar__hamburger span.open[data-v-46aaed40]:after{top:0;transform:rotate(-45deg)}.navbar__mobile[data-v-46aaed40]{display:none}@media (max-width: 768px){.navbar[data-v-46aaed40]{padding:0 16px}.navbar__links[data-v-46aaed40],.navbar__status[data-v-46aaed40]{display:none}.navbar__hamburger[data-v-46aaed40]{display:block}.navbar__mobile[data-v-46aaed40]{display:flex;flex-direction:column;position:absolute;top:var(--nav-h);left:0;right:0;background:#030d1af7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:8px 16px;gap:2px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;z-index:99}.navbar__mobile.open[data-v-46aaed40]{transform:translateY(0);opacity:1;pointer-events:all}.navbar__mobile-link[data-v-46aaed40]{display:block;padding:10px 14px;font-family:var(--font-head);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;border-radius:var(--radius);transition:all var(--t-fast)}.navbar__mobile-link[data-v-46aaed40]:hover,.navbar__mobile-link.active[data-v-46aaed40]{color:var(--cyan);background:var(--cyan-dim)}}#layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#030d1a26,#030d1a8c),url(/Practicum/earth-night.jpg) center center / cover no-repeat fixed}#layout.no-earth-bg{background:var(--bg)}.main-content{flex:1;display:flex;flex-direction:column;padding-top:var(--nav-h);position:relative}.page-enter-active,.page-leave-active{transition:opacity .4s ease}.page-enter-from,.page-leave-to{opacity:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #030d1a;--bg-2: #071525;--bg-3: #0c1e35;--bg-4: #122840;--border: #122a45;--border-2: #1c3a5a;--surface: rgba(12, 30, 53, .8);--cyan: #00d4ff;--cyan-dim: rgba(0, 212, 255, .12);--cyan-glow: rgba(0, 212, 255, .25);--green: #00e5a0;--green-dim: rgba(0, 229, 160, .1);--amber: #ffaa00;--amber-dim: rgba(255, 170, 0, .1);--red: #ff4444;--color-hurricane: #ff6b6b;--color-earthquake: #c084fc;--text: #c8dff0;--text-muted: #4a6a8a;--text-dim: #2a4a6a;--text-bright:#e8f4ff;--font-head: "Chakra Petch", sans-serif;--font-body: "Jost", sans-serif;--font-mono: "JetBrains Mono", monospace;--nav-h: 52px;--radius: 4px;--radius-lg: 8px;--t-fast: .15s ease;--t-med: .25s ease;--t-slow: .4s cubic-bezier(.16, 1, .3, 1)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5{font-family:var(--font-head);letter-spacing:.02em;color:var(--text-bright);font-weight:600}a{color:var(--cyan);text-decoration:none;transition:color var(--t-fast)}a:hover{color:#fff}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mono{font-family:var(--font-mono)}.head{font-family:var(--font-head)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:2px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.tag--cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,212,255,.2)}.tag--green{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,229,160,.2)}.tag--amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(255,170,0,.2)}.tag--hurricane{background:#ff6b6b1a;color:#ff8a8a;border:1px solid rgba(255,107,107,.25)}.tag--earthquake{background:#c084fc1a;color:#c084fc;border:1px solid rgba(192,132,252,.25)}.grid-bg{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px}.glow-border{border:1px solid var(--border-2);box-shadow:0 0 0 1px var(--cyan-dim) inset,0 0 20px var(--cyan-dim)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--cyan-glow)}50%{box-shadow:0 0 16px var(--cyan-glow),0 0 32px var(--cyan-dim)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius);font-family:var(--font-head);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--t-fast);border:1px solid transparent;white-space:nowrap}.btn--primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.btn--primary:hover{background:#3df;box-shadow:0 0 20px var(--cyan-glow)}.btn--outline{background:transparent;color:var(--cyan);border-color:var(--border-2)}.btn--outline:hover{border-color:var(--cyan);background:var(--cyan-dim);color:#fff}.btn--ghost{background:var(--bg-3);color:var(--text);border-color:var(--border)}.btn--ghost:hover{background:var(--bg-4);border-color:var(--border-2);color:var(--text-bright)}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}