@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap";.moon-calendar{flex-direction:column;gap:20px;display:flex}.calendar-header{justify-content:center;align-items:center;gap:28px;display:flex;position:relative}.calendar-header h2{color:var(--text-primary);text-align:center;letter-spacing:2px;min-width:90px;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:400}.calendar-header button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:8px;transition:all .2s;display:flex}.calendar-header button:hover{color:var(--text-primary);border-color:var(--border-strong)}.header-actions{gap:8px;display:flex;position:absolute;right:0}.today-btn,.next-moon-btn{letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:11px;border:none!important;padding:6px 14px!important}.today-btn{box-shadow:inset 0 0 0 1px #d4a05333;color:var(--accent)!important}.today-btn:hover{box-shadow:inset 0 0 0 1px #d4a05366;background:var(--accent-glow)!important}.next-moon-btn{box-shadow:inset 0 0 0 1px #93c5fd33;color:var(--blue)!important}.next-moon-btn:hover{box-shadow:inset 0 0 0 1px #93c5fd66;background:#93c5fd0d!important}.location-bar{justify-content:center;display:flex}.location-display{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s;display:flex}.location-display:hover{color:var(--text-secondary);border-color:var(--border-strong)}.location-editor{color:var(--text-muted);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.location-editor label{align-items:center;gap:4px;display:flex}.location-editor input{background:var(--bg-secondary);border:1px solid var(--border-strong);width:52px;color:var(--text-primary);text-align:center;border-radius:3px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.location-editor input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.location-editor button{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:3px;align-items:center;gap:3px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .15s;display:flex}.location-editor button[type=submit]{color:var(--accent);border-color:#d4a05333}.location-editor button:hover{border-color:var(--border-strong);color:var(--text-primary)}.calendar-legend{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.legend-label{white-space:nowrap}.legend-gradient{border:1px solid var(--border);border-radius:2px;width:100px;height:10px}.legend-gradient-brown{background:linear-gradient(90deg,#3c2d1e40,#64412880);border:1px solid #96785026;border-radius:2px;width:40px;height:10px}.legend-sep{background:var(--border);width:1px;height:12px;margin:0 6px}.info-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:4px;padding:0;transition:all .2s;display:flex}.info-btn:hover{color:var(--accent);border-color:var(--accent)}.info-panel{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);z-index:100;border-radius:6px;padding:20px 24px;font-size:13px;line-height:1.7;position:relative;box-shadow:0 4px 24px #0000004d}.info-panel h3{color:var(--text-primary);margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600}.info-panel h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.info-panel p{margin-bottom:8px}.info-panel ul{margin:0 0 8px;padding-left:18px}.info-panel li{margin-bottom:4px}.info-refs li{color:var(--text-muted);font-size:11px}.info-refs em{font-style:italic}.calendar-layout-container{align-items:flex-start;gap:20px;display:flex;position:relative}.months-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=1200px){.months-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.calendar-layout-container{flex-direction:column}.months-grid{grid-template-columns:repeat(3,1fr);width:100%}}@media (width<=768px){.months-grid{grid-template-columns:repeat(2,1fr)}.calendar-header{flex-direction:column;gap:12px}.header-actions{position:static}}@media (width<=480px){.months-grid{grid-template-columns:1fr}}.month-card{background:0 0;border:none;padding:12px 8px;position:relative}.month-card h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.day-headers{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:3px;display:grid}.day-headers span{color:var(--text-muted);text-align:center;opacity:.6;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:400}.days-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.day-cell{aspect-ratio:1;cursor:pointer;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:all .15s;display:flex;position:relative}.day-cell.empty{cursor:default}.day-cell:not(.empty):hover{z-index:1;transform:scale(1.12);box-shadow:0 2px 12px #00000080}.day-cell.selected{outline:1.5px solid var(--accent);outline-offset:1px;z-index:2}.day-num{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:400;line-height:1}.day-cell.new-moon{border:1px dashed #ffffff40}.day-cell.full-moon{border:1.5px solid #ff6464b3}.day-cell.selected.new-moon,.day-cell.selected.full-moon{border:none}.top-pick-indicator{position:absolute;top:2px;right:2px}.day-cell.top-pick{box-shadow:inset 0 0 0 1px #d4a05326}.legend-marker-dot{border-radius:2px;width:10px;height:10px;display:inline-block}.legend-marker-dot.new-marker{background:0 0;border:1px dashed #ffffff59}.legend-marker-dot.full-marker{background:0 0;border:1.5px solid #ff6464cc}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:radial-gradient(ellipse at 0% 0%, #d4a0530f, transparent 55%), radial-gradient(ellipse at 100% 100%, #6478b40d, transparent 55%), var(--bg-card);border:1px solid var(--border-strong);border-radius:14px;width:100%;max-width:820px;max-height:95vh;padding:28px 32px 32px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-in;position:relative;overflow:hidden auto;box-shadow:0 24px 64px #000000b3}.night-detail{width:100%}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:16px 16px 0 0;max-width:none;max-height:95vh;padding:16px 16px 32px;animation:.3s ease-out modal-up}}@keyframes modal-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.detail-nav button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s;display:flex}.detail-nav button:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-secondary)}.detail-nav button:disabled{opacity:.25;cursor:not-allowed}.detail-scroll-btn{color:var(--text-muted)!important;font-size:10px!important}.detail-close{background:var(--bg-secondary);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-muted);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.detail-close:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--text-muted)}.day-tooltip-fixed{z-index:1000;pointer-events:none;animation:.1s ease-out tooltip-in;position:fixed;transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(-3px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.day-tooltip{background:#181a26;border:1px solid #ffffff24;border-radius:6px;min-width:200px;padding:10px 12px;box-shadow:0 12px 40px #000000b3}.night-detail-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.night-detail-heading{flex:1;min-width:0}.night-detail-header h3{color:var(--text-primary);letter-spacing:-.2px;font-family:DM Sans,sans-serif;font-size:19px;font-weight:600;line-height:1.25}.moon-phase-label{color:var(--text-muted);letter-spacing:.3px;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.status-pill{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border:1px solid;border-radius:999px;flex-shrink:0;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.night-empty{border:1px dashed var(--border-strong);text-align:center;color:var(--text-secondary);background:#ffffff04;border-radius:8px;padding:24px 20px;font-size:13px}.night-empty.small{padding:16px 20px;font-size:12px}.night-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px;display:grid}.stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex}.stat:hover{border-color:var(--border-strong)}.stat-icon{background:var(--bg-card);width:26px;height:26px;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.9px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;line-height:1.25}.stat-sub{color:var(--text-muted);font-size:11px;line-height:1.35}.stat-ruined-row{align-items:center;gap:10px;display:flex}.ruined-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.ruined-fill{border-radius:3px;height:100%;transition:width .25s}.night-chart-section{margin-top:24px}.section-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}@media (width<=640px){.night-stats{grid-template-columns:1fr}.night-detail-header{gap:12px;margin-bottom:18px;padding-bottom:14px}.night-detail-header h3{font-size:16px}.status-pill{padding:4px 8px;font-size:9px}}.legend-dot{border-radius:2px;width:8px;height:8px;display:inline-block}.twilight-dot{background:#93c5fd26;border:1px solid #93c5fd4d}.dark-dot{background:#05060af2;border:1px solid #93c5fd33}.moon-dot{background:#d4a05340;border:1px solid #d4a05366}.now-dot{background:var(--accent);border:1px solid var(--accent);box-shadow:0 0 4px var(--accent)}.night-chart{margin-top:0}.nc-bar{background:var(--bg-secondary);border-radius:4px;width:100%;height:18px;position:relative;overflow:hidden}.nc-twilight{background:#93c5fd14;height:100%;position:absolute;top:0}.nc-dark{background:#05060ae6;border-left:1px solid #93c5fd40;border-right:1px solid #93c5fd40;height:100%;position:absolute;top:0}.nc-moon{background:#d4a05333;height:100%;position:absolute;top:0}.nc-now-indicator{background:var(--accent);width:2px;height:100%;box-shadow:0 0 8px var(--accent);z-index:5;position:absolute;top:0}.nc-bar-legend{letter-spacing:.3px;color:var(--text-muted);flex-wrap:wrap;gap:12px;margin:8px 0 12px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.nc-bar-legend span{align-items:center;gap:5px;display:flex}.nc-chart-svg{width:100%;height:auto;display:block}.nc-chart-legend{letter-spacing:.3px;color:var(--text-muted);align-items:center;gap:5px;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.now-page{flex-direction:column;gap:28px;display:flex}.now-page h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.verdict-hero{background:radial-gradient(ellipse at 0% 0%, #d4a0530a, transparent 60%), var(--bg-card);border:1px solid var(--border-strong);border-left-width:4px;border-radius:8px;flex-direction:column;gap:18px;padding:22px 24px;display:flex;box-shadow:0 8px 32px #0006}.verdict-main{align-items:center;gap:18px;display:flex}.verdict-icon{border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.verdict-content{flex:1;min-width:0}.verdict-status-row{align-items:baseline;gap:10px;margin-bottom:2px;display:flex}.verdict-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.verdict-status{letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:600}.verdict-message{color:var(--text-secondary);font-size:14px;line-height:1.5}.verdict-chips{border-top:1px dashed var(--border);flex-wrap:wrap;gap:6px;padding-top:14px;display:flex}.verdict-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:2px;min-width:72px;padding:8px 12px;display:flex}.verdict-chip-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.verdict-chip-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500}.tonight-section .night-detail{background:radial-gradient(ellipse at 100% 0%, #d4a05309, transparent 55%), var(--bg-card);border:1px solid var(--border-strong);border-radius:8px;padding:24px 26px;box-shadow:0 4px 24px #0000004d}.astro-weather-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=768px){.astro-weather-grid{grid-template-columns:repeat(2,1fr)}.verdict-hero{gap:14px;padding:16px}.verdict-main{gap:14px}.verdict-status{font-size:18px}.verdict-message{font-size:13px}.verdict-chip{min-width:64px;padding:6px 10px}.verdict-chip-value{font-size:13px}}@media (width<=480px){.astro-weather-grid{grid-template-columns:1fr}.verdict-main{flex-direction:column;align-items:flex-start}.verdict-icon{width:44px;height:44px}.verdict-chips{gap:4px}.verdict-chip{flex:auto;min-width:0}}.aw-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:6px;padding:14px}.aw-card-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;display:flex}.condition-card{flex-direction:column;align-items:center;display:flex}.condition-ring{width:100px;height:100px;position:relative}.ring-svg{width:100%;height:100%}.ring-value{justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:500;display:flex;position:absolute;inset:0}.deepsky-card{text-align:center}.deepsky-rating{color:var(--text-primary);text-transform:capitalize;font-size:18px;font-weight:600}.deepsky-pct{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:28px;font-weight:500}.deepsky-desc{color:var(--text-muted);margin-top:4px;font-size:11px}.cloud-layers{flex-direction:column;gap:5px;display:flex}.cloud-bar-row{align-items:center;gap:8px;display:flex}.cloud-bar-label{color:var(--text-muted);flex-shrink:0;width:48px;font-family:JetBrains Mono,monospace;font-size:10px}.cloud-bar-track{background:var(--bg-secondary);border-radius:2px;flex:1;height:4px;overflow:hidden}.cloud-bar-fill{border-radius:2px;height:100%;transition:width .3s}.cloud-bar-value{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;width:32px;font-family:JetBrains Mono,monospace;font-size:10px}.aw-metrics{flex-direction:column;gap:6px;display:flex}.aw-metric{justify-content:space-between;align-items:center;display:flex}.aw-metric-label{color:var(--text-secondary);font-size:12px}.aw-metric-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.forecast-timeline{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:8px;padding:16px 18px 14px;overflow-x:auto}.ft-header,.ft-axis,.ft-grid-wrap{grid-template-columns:56px 1fr;align-items:stretch;min-width:640px;display:grid}.ft-row-labels{flex-direction:column;justify-content:space-around;padding-right:10px;display:flex}.ft-row-title{color:var(--text-muted);letter-spacing:.5px;text-align:right;text-transform:uppercase;height:22px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:22px}.ft-row-title.ft-sub{color:var(--text-muted);font-size:9px}.ft-day-headers{border-radius:4px 4px 0 0;height:22px;display:grid;position:relative;overflow:hidden}.ft-day-cell{border-right:1px solid #0000;height:22px;position:relative}.ft-day-cell.astro{background:#05060cbf}.ft-day-cell.civil{background:#93c5fd0f}.ft-day-cell.day{background:#ffffff05}.ft-day-cell.day-start{border-left:1px solid var(--border-strong)}.ft-day-label{white-space:nowrap;color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;z-index:1;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.ft-grid{background:var(--bg-secondary);border-radius:0;grid-auto-rows:22px;gap:1px;display:grid}.ft-cell{color:#ffffffb3;justify-content:center;align-items:center;min-width:0;font-family:JetBrains Mono,monospace;font-size:9px;transition:filter .15s;display:flex;position:relative}.ft-cell:hover{filter:brightness(1.3);outline:1px solid var(--accent);outline-offset:-1px;z-index:3}.ft-cell.astro:before{content:"";pointer-events:none;background:#05060c8c;position:absolute;inset:0}.ft-cell.civil:before{content:"";pointer-events:none;background:#93c5fd0a;position:absolute;inset:0}.ft-cell.now{box-shadow:inset 0 0 0 1.5px var(--accent);z-index:2}.ft-cell-val{z-index:1;font-variant-numeric:tabular-nums;position:relative}.ft-cell.ft-numeric .ft-cell-val{color:#ffffffd9;font-weight:500}.ft-axis{margin-top:6px}.ft-time-ticks{display:grid}.ft-tick{text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:0;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:9px;position:relative}.ft-tick.now{color:var(--accent);font-weight:600}.ft-tick span{padding-left:0;display:inline-block;transform:translate(-50%)}.ft-legend{border-top:1px dashed var(--border);letter-spacing:.3px;color:var(--text-muted);flex-wrap:wrap;gap:18px;margin-top:14px;padding-top:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.ft-legend-group{align-items:center;gap:8px;display:flex}.ft-legend-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:500}.ft-legend-scale{border:1px solid var(--border);border-radius:3px;gap:0;display:inline-flex;overflow:hidden}.ft-legend-scale span{width:18px;height:10px;display:block}.ft-legend-axis{color:var(--text-muted);font-size:9px}.ft-legend-band{border:1px solid var(--border);border-radius:2px;width:16px;height:10px;display:inline-block}.ft-legend-band.astro{background:#05060ce6;border-color:#93c5fd33}.ft-legend-band.civil{background:#93c5fd26}.ft-legend-band.day{background:#ffffff08}.ft-now-marker{width:12px;height:10px;box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:2px;display:inline-block}@media (width<=640px){.forecast-timeline{padding:12px}.ft-header,.ft-axis,.ft-grid-wrap{grid-template-columns:42px 1fr;min-width:540px}.ft-row-title{font-size:9px}.ft-cell-val{font-size:8px}}.weather-unavailable{background:var(--bg-card);border:1px solid var(--border);text-align:center;color:var(--text-muted);border-radius:6px;padding:24px;font-size:13px}.weather-unavailable span{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}:root{--bg-primary:#08090f;--bg-secondary:#12141c;--bg-card:#181a24;--bg-hover:#222530;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#d4a053;--accent-dim:#d4a05326;--accent-glow:#d4a05314;--border:#ffffff14;--border-strong:#ffffff24;--green:#4ade80;--yellow:#facc15;--orange:#fb923c;--red:#f87171;--blue:#60a5fa;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}[data-theme=light]{--bg-primary:#f5f3ef;--bg-secondary:#eae6dc;--bg-card:#fff;--bg-hover:#e2ddd2;--text-primary:#1a1917;--text-secondary:#525048;--text-muted:#828078;--accent:#926224;--accent-dim:#9262241a;--accent-glow:#9262240d;--border:#00000014;--border-strong:#00000026;--green:#166534;--yellow:#854d0e;--orange:#9a3412;--red:#991b1b;--blue:#1e40af}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";mix-blend-mode:screen;opacity:.4;pointer-events:none;z-index:0;background:url(/moon-bg-dark.jpg) 50%/cover no-repeat;position:fixed;inset:0}[data-theme=light] body:before{mix-blend-mode:multiply;opacity:.04;filter:invert()}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#d4a0530a 0%,#0000 60%),radial-gradient(at 80% 100%,#64648c0a 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}.app{max-width:1400px;margin:0 auto;padding:0 24px}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 0;display:flex}nav{gap:4px;display:flex}nav a{color:var(--text-muted);letter-spacing:.2px;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}nav a:hover{color:var(--text-primary);background:var(--bg-secondary)}nav a.active{color:var(--accent);background:var(--accent-glow);border-color:var(--accent-dim)}main{padding-bottom:80px}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-toggle:hover{color:var(--accent);background:var(--bg-hover);transform:translateY(-1px)}.loading{min-height:300px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.loading:after{content:"";border:2px solid var(--accent-dim);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--red);background:#f871710d;border:1px solid #f8717133;border-radius:8px;margin:20px 0;padding:20px;font-size:14px}