@font-face{font-family:outfit;src:url(../media/outfit_latin_300_normal-s.p.04tn~wqllu6vq.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:outfit;src:url(../media/outfit_latin_400_normal-s.p.083ong9g9b2cd.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:outfit;src:url(../media/outfit_latin_500_normal-s.p.13fyct9ilpzi7.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:outfit;src:url(../media/outfit_latin_600_normal-s.p.13rw4wrscyoep.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:outfit;src:url(../media/outfit_latin_700_normal-s.p.09yrc~1esl~ll.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:outfit;src:url(../media/outfit_latin_800_normal-s.p.07x4jgjoh8_.~.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:outfit Fallback;src:local(Arial);ascent-override:99.94%;descent-override:25.98%;line-gap-override:0.0%;size-adjust:100.06%}.outfit_634951ce-module__6_ViRq__className{font-family:outfit,outfit Fallback}.outfit_634951ce-module__6_ViRq__variable{--font-outfit:"outfit", "outfit Fallback"}
@font-face{font-family:spaceMono;src:url(../media/space_mono_latin_400_normal-s.p.0-jau7~ksv-8p.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:spaceMono;src:url(../media/space_mono_latin_700_normal-s.p.0.8rp-r1~zo07.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:spaceMono Fallback;src:local(Arial);ascent-override:83.51%;descent-override:26.92%;line-gap-override:0.0%;size-adjust:134.12%}.spacemono_489a09fc-module__rYAsca__className{font-family:spaceMono,spaceMono Fallback}.spacemono_489a09fc-module__rYAsca__variable{--font-space-mono:"spaceMono", "spaceMono Fallback"}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--text-xs:.694rem;--text-sm:.833rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--font-body:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--glass-depth-1-blur:blur(8px) saturate(1.1);--glass-depth-1-border:#ffffff0d;--glass-depth-1-glow:0 0 0 transparent;--glass-depth-1-inner:inset 0 1px 0 #ffffff05;--glass-depth-2-blur:blur(20px) saturate(1.3);--glass-depth-2-border:#ffffff1a;--glass-depth-2-glow:0 0 20px #ffffff05;--glass-depth-2-inner:inset 0 1px 0 #ffffff0d;--glass-depth-3-blur:blur(32px) saturate(1.5);--glass-depth-3-border:#ffffff29;--glass-depth-3-glow:0 0 40px #ffffff0a;--glass-depth-3-inner:inset 0 1px 0 #ffffff17, inset 0 -1px 0 #ffffff08;--gold-glow-strong:#e8d08066;--gold-glow-soft:#e8d08033;--warning-bg:#c7923a1a;--warning-border:#c7923a38;--focus-ring:0 0 0 2px var(--surface-base), 0 0 0 4px var(--focus-color)}[data-theme=dark]{--gold-200:#f0e4b8;--gold-300:#e8d080;--gold-400:#d4b850;--gold-500:#b8a040;--gold-600:#907828;--silver-200:#d8dae0;--silver-300:#b0b4be;--silver-400:#8a8f9c;--silver-500:#6b7080;--silver-600:#4a4e5a;--purple-200:#d4b8ff;--purple-300:#b07aff;--purple-400:#9254f0;--purple-500:#7638d8;--purple-600:#5a20b0;--blue-200:#a8cfff;--blue-300:#60a0f0;--blue-400:#3878e0;--blue-500:#2060c8;--blue-600:#1048a0;--green-200:#a0f0c4;--green-300:#4ade80;--green-400:#2abb5e;--green-500:#1a9a48;--green-600:#107838;--red-200:#ffbaba;--red-300:#f87171;--red-400:#e04848;--red-500:#c83030;--red-600:#a01818;--amber-200:#d4a870;--amber-300:#c7923a;--amber-400:#a8742a;--amber-500:#865c1f;--amber-600:#6a4818;--grey-900:#0d0e12;--grey-800:#181a24;--grey-700:#22252f;--grey-600:#2e3240;--grey-500:#3a3f50;--grey-400:#6b7186;--grey-300:#8e94a8;--grey-200:#b0b6c8;--grey-100:#d0d4e0;--surface-base:var(--grey-900);--surface-raised:#14151c;--surface-glass:#ffffff0f;--surface-glass-solid:#1a1c26;--surface-glass-border:#ffffff1a;--surface-glass-hover:#ffffff17;--surface-glass-hover-border:#ffffff26;--surface-overlay:#00000080;--text-primary:#e4e6ee;--text-secondary:#b0b6c8;--text-muted:#8e94a8;--text-disabled:#5a5f70;--text-inverse:#0d0e12;--accent-gold:#e8d080;--accent-purple:#d4b8ff;--accent-blue:#a8cfff;--accent-green:#a0f0c4;--accent-red:#ffbaba;--accent-amber:#d4a870;--value-gold:#e8d080;--value-purple:#d4b8ff;--value-blue:#a8cfff;--value-green:#a0f0c4;--value-red:#ffbaba;--value-amber:#d4a870;--focus-color:var(--accent-gold);--glow-strength:1}[data-theme=light]{--gold-200:#f0e4b8;--gold-300:#d4a020;--gold-400:#b08418;--gold-500:#8c6810;--gold-600:#6a4e08;--silver-200:#d8dae0;--silver-300:#9498a4;--silver-400:#6b7080;--silver-500:#4a4e5a;--silver-600:#2e3240;--purple-200:#d4b8ff;--purple-300:#7638d8;--purple-400:#6428c0;--purple-500:#5020a0;--purple-600:#3a1080;--blue-200:#a8cfff;--blue-300:#2060c8;--blue-400:#1850b0;--blue-500:#104098;--blue-600:#083080;--green-200:#a0f0c4;--green-300:#1a9a48;--green-400:#127838;--green-500:#0a6028;--green-600:#044818;--red-200:#ffbaba;--red-300:#c83030;--red-400:#a82020;--red-500:#881818;--red-600:#681010;--amber-200:#d4a870;--amber-300:#7a5818;--amber-400:#644210;--amber-500:#4e3408;--amber-600:#382400;--grey-900:#f6f7fa;--grey-800:#edeef3;--grey-700:#dfe1e8;--grey-600:#ced1da;--grey-500:#b0b4c0;--grey-400:#7a8098;--grey-300:#5a6078;--grey-200:#3a4058;--grey-100:#1a2038;--surface-base:#f2f3f8;--surface-raised:#fff;--surface-glass:#ffffffa6;--surface-glass-solid:#f0f1f6;--surface-glass-border:#00000014;--surface-glass-hover:#fffc;--surface-glass-hover-border:#0000001f;--surface-overlay:#0000004d;--text-primary:#1a1e2e;--text-secondary:#3a4058;--text-muted:#5a6078;--text-disabled:#a0a4b0;--text-inverse:#e4e6ee;--accent-gold:#6e6020;--accent-purple:#6428c0;--accent-blue:#1850b0;--accent-green:#127838;--accent-red:#a82020;--accent-amber:#7a5818;--value-gold:#6e6020;--value-purple:#6428c0;--value-blue:#1850b0;--value-green:#127838;--value-red:#a82020;--value-amber:#7a5818;--focus-color:var(--accent-gold);--glow-strength:.3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--surface-base);color:var(--text-primary);min-height:100vh;transition:background var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);overflow-x:hidden}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}:focus:not(:focus-visible){outline:none}@keyframes nebulaDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(-2%,1.5%)scale(1.02)}to{transform:translate(1%,-1%)scale(.99)}}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 4px}50%{transform:scale(1.15);box-shadow:0 0 10px}}@keyframes progressSweep{0%{left:-60%}to{left:160%}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeAreaIn{to{opacity:.25}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--space-6))}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes badgeBreathe{0%,to{box-shadow:0 0 6px rgba(212,192,88,calc(.1 * var(--glow-strength)))}50%{box-shadow:0 0 16px rgba(212,192,88,calc(.2 * var(--glow-strength)))}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes auroraSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.animate-in{animation:fadeInUp .6s var(--ease-out) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}.delay-7{animation-delay:.56s}body:before{content:"";background:radial-gradient(ellipse 70% 50% at 25% 15%, rgba(212,192,88,calc(.08 * var(--glow-strength))) 0%, transparent 60%), radial-gradient(ellipse 55% 45% at 75% 75%, rgba(56,120,224,calc(.06 * var(--glow-strength))) 0%, transparent 60%), radial-gradient(ellipse 45% 35% at 50% 45%, rgba(146,84,240,calc(.03 * var(--glow-strength))) 0%, transparent 60%);pointer-events:none;z-index:0;animation:30s ease-in-out infinite alternate nebulaDrift;position:fixed;inset:-20%}.page{z-index:1;padding:var(--space-8) var(--space-6) var(--space-12);max-width:1200px;margin:0 auto;position:relative}.grid{gap:var(--space-6);margin-bottom:var(--space-9);display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:var(--space-6) var(--space-4) var(--space-12)}}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.glass{background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-depth-2-blur);backdrop-filter:var(--glass-depth-2-blur);border:1px solid var(--glass-depth-2-border);border-radius:var(--radius-lg);box-shadow:var(--glass-depth-2-glow), var(--glass-depth-2-inner);transition:all var(--duration-normal) var(--ease-out)}.glass:hover{background:var(--surface-glass-hover);border-color:var(--glass-depth-3-border);-webkit-backdrop-filter:var(--glass-depth-3-blur);backdrop-filter:var(--glass-depth-3-blur);box-shadow:var(--glass-depth-3-glow), var(--glass-depth-3-inner)}.glass-depth-1{-webkit-backdrop-filter:var(--glass-depth-1-blur);backdrop-filter:var(--glass-depth-1-blur);border-color:var(--glass-depth-1-border);box-shadow:var(--glass-depth-1-glow), var(--glass-depth-1-inner)}.glass-depth-3{-webkit-backdrop-filter:var(--glass-depth-3-blur);backdrop-filter:var(--glass-depth-3-blur);border-color:var(--glass-depth-3-border);box-shadow:var(--glass-depth-3-glow), var(--glass-depth-3-inner)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.glass-depth-1,.glass-depth-3{background:var(--surface-glass-solid)}}.header{text-align:center;margin-bottom:var(--space-10);padding:var(--space-9) 0 var(--space-8)}.header-badge{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--accent-gold);background:rgba(212,192,88,calc(.08 * var(--glow-strength)));padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-5);transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);border:1px solid #d4c05833;animation:4s ease-in-out infinite badgeBreathe;display:inline-flex}.header-badge:hover{box-shadow:0 0 20px rgba(212,192,88,calc(.2 * var(--glow-strength)));border-color:#d4c05859}.header-badge:before{content:"";background:var(--accent-gold);width:6px;height:6px;color:var(--accent-gold);border-radius:50%;animation:2s ease-in-out infinite dotPulse}.header h1{font-size:var(--text-3xl);letter-spacing:-.5px;font-weight:700;line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-3)}.header p{color:var(--text-secondary);font-size:var(--text-base);max-width:520px;font-weight:300;line-height:var(--leading-relaxed);margin:0 auto}.theme-toggle-row{justify-content:center;gap:var(--space-6);margin-top:var(--space-5);align-items:center;display:flex}.theme-toggle-btn{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-glass);border:1px solid var(--surface-glass-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:500}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--surface-glass-hover-border)}.theme-toggle-btn.active{color:var(--accent-gold);border-color:var(--accent-gold)}.section-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-6);padding-left:var(--space-1)}.stat-card{padding:var(--space-6);position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:2px;transition:height var(--duration-normal) var(--ease-out), filter var(--duration-normal) var(--ease-out);position:absolute;top:0;left:0;right:0}.stat-card:hover:after{filter:blur(1px)brightness(1.3);height:3px}.stat-aura{filter:blur(35px);width:100px;height:70px;opacity:calc(.1 * var(--glow-strength));transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;top:-30px;left:-15px}.stat-card:hover .stat-aura{opacity:calc(.2 * var(--glow-strength))}.stat-card.gold:after{background:linear-gradient(90deg, var(--gold-400), transparent)}.stat-card.gold .stat-aura{background:var(--gold-400)}.stat-card.purple:after{background:linear-gradient(90deg, var(--purple-400), transparent)}.stat-card.purple .stat-aura{background:var(--purple-400)}.stat-card.blue:after{background:linear-gradient(90deg, var(--blue-400), transparent)}.stat-card.blue .stat-aura{background:var(--blue-400)}.stat-card.silver:after{background:linear-gradient(90deg, var(--silver-400), transparent)}.stat-card.silver .stat-aura{background:var(--silver-300)}.stat-card.green:after{background:linear-gradient(90deg, var(--green-400), transparent)}.stat-card.green .stat-aura{background:var(--green-400)}.stat-card.red:after{background:linear-gradient(90deg, var(--red-400), transparent)}.stat-card.red .stat-aura{background:var(--red-400)}.stat-card.amber:after{background:linear-gradient(90deg, var(--amber-400), transparent)}.stat-card.amber .stat-aura{background:var(--amber-400);opacity:.03;filter:blur(25px)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:var(--space-2);font-weight:500;position:relative}.stat-value{font-size:var(--text-2xl);letter-spacing:-.5px;margin-bottom:var(--space-1);font-weight:700;position:relative}.stat-card.gold .stat-value{color:var(--value-gold)}.stat-card.purple .stat-value{color:var(--value-purple)}.stat-card.blue .stat-value{color:var(--value-blue)}.stat-card.silver .stat-value{color:var(--text-primary)}.stat-card.green .stat-value{color:var(--value-green)}.stat-card.red .stat-value{color:var(--value-red)}.stat-card.amber .stat-value{color:var(--value-amber)}.stat-change{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);position:relative}.stat-change .up{color:var(--accent-green)}.stat-change .down{color:var(--accent-red)}.stat-card.loading .stat-value,.stat-card.loading .stat-change{background:var(--grey-700);border-radius:var(--radius-sm);color:#0000;-webkit-user-select:none;user-select:none;background-size:200% 100%;background-image:linear-gradient(90deg, var(--grey-700) 25%, var(--grey-600) 50%, var(--grey-700) 75%);animation:2s linear infinite shimmer}.btn-row{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.btn{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);line-height:var(--leading-tight);cursor:pointer;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);letter-spacing:.2px;align-items:center;gap:var(--space-2);border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn-label{z-index:1;position:relative}.btn-icon-slot{z-index:1;justify-content:center;align-items:center;display:inline-flex;position:relative}.btn-spinner{z-index:1;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite auroraSpin;position:relative}.btn-loading .btn-label{opacity:.92}.btn:before{content:"";border-radius:inherit;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background:linear-gradient(#ffffff0f 0%,#0000 60%);position:absolute;inset:0}.btn:hover:before{opacity:1.4}.btn:disabled:before,.btn.disabled:before{display:none}.btn:disabled,.btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{background:linear-gradient(135deg, var(--gold-300), var(--gold-500));color:#0d0e12;border-color:var(--gold-500);box-shadow:inset 0 1px 0 #ffffff2e, 0 0 18px var(--gold-glow-soft)}.btn-primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff38, 0 0 28px var(--gold-glow-strong);border-color:#e8d08080;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--accent-purple);background:#9254f01f;border-color:#9254f033;box-shadow:inset 0 1px #ffffff0a}.btn-secondary:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff0f, 0 0 18px rgba(146,84,240,calc(.12 * var(--glow-strength)));background:#9254f033;border-color:#9254f059}.btn-tertiary{background:var(--surface-glass);color:var(--text-primary);border-color:var(--surface-glass-border);box-shadow:inset 0 1px #ffffff0a}.btn-tertiary:hover:not(:disabled){background:var(--surface-glass-hover);border-color:var(--surface-glass-hover-border);box-shadow:inset 0 1px 0 #ffffff0f, 0 0 14px rgba(255,255,255,calc(.04 * var(--glow-strength)))}.btn-ghost{color:var(--accent-blue);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){box-shadow:0 0 14px rgba(56,120,224,calc(.08 * var(--glow-strength)));background:#3878e014;border-color:#3878e033}.btn-success{color:var(--accent-green);background:#2abb5e1f;border-color:#2abb5e33;box-shadow:inset 0 1px #ffffff0a}.btn-success:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff0f, 0 0 16px rgba(42,187,94,calc(.1 * var(--glow-strength)));background:#2abb5e33;border-color:#2abb5e66}.btn-warning{background:var(--warning-bg);color:var(--accent-amber);border-color:var(--warning-border);box-shadow:none}.btn-warning:hover:not(:disabled){background:#c7923a29;border-color:#c7923a59}.btn-danger{color:var(--accent-red);background:#e048481a;border-color:#e0484833;box-shadow:inset 0 1px #ffffff0a}.btn-danger:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff0f, 0 0 16px rgba(224,72,72,calc(.1 * var(--glow-strength)));background:#e048482e;border-color:#e0484866}.btn-icon{border-radius:var(--radius-md);background:var(--surface-glass);border:1px solid var(--surface-glass-border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-size:var(--text-md);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.btn-icon:hover{background:var(--surface-glass-hover);color:var(--text-primary);border-color:var(--surface-glass-hover-border);box-shadow:0 0 16px rgba(255,255,255,calc(.06 * var(--glow-strength)));transform:translateY(-1px)}.btn-icon:active{transform:scale(.95)}.btn-icon.glow-gold:hover{box-shadow:0 0 18px rgba(212,192,88,calc(.12 * var(--glow-strength)));color:var(--accent-gold);border-color:#d4c0584d}.btn-icon:focus-visible{box-shadow:var(--focus-ring)}.input-group{margin-bottom:var(--space-4)}.input-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:500;display:block}.input-field{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-md);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);outline:none}.input-field::placeholder{color:var(--text-disabled)}.input-field:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #d4c0581f}.input-field.error{border-color:var(--accent-red)}.input-field.error:focus{box-shadow:0 0 0 3px #e048481f}.input-field:disabled{opacity:.4;cursor:not-allowed}.input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.input-hint.error{color:var(--accent-red)}.input-search{padding-left:var(--space-9);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E94A8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat}.toggle-row{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.toggle-text{font-size:var(--text-base);color:var(--text-secondary)}.toggle{cursor:pointer;width:52px;height:30px;position:relative}.toggle input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.toggle-track{background:var(--grey-600);border-radius:var(--radius-full);border:1px solid var(--surface-glass-border);transition:all var(--duration-slow) var(--ease-out);position:absolute;inset:0;overflow:hidden}.toggle-track:before{content:"";transition:all var(--duration-slow) var(--ease-out);background:radial-gradient(circle at 20%,#ffffff0f,#0000 60%);position:absolute;inset:0}.toggle input:checked~.toggle-track:before{background:radial-gradient(circle at 80%,#d4c05833,#0000 60%)}.toggle-thumb{background:var(--text-primary);width:24px;height:24px;transition:left var(--duration-slow) var(--ease-spring), transform var(--duration-slow) var(--ease-spring), background var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-thumb:after{content:"";transition:border-color var(--duration-normal) var(--ease-out);border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:-3px}.toggle-thumb.morphing{transform:scaleX(1.25)scaleY(.85)}.toggle input:checked~.toggle-track{background:linear-gradient(135deg, var(--purple-500), var(--blue-500));border-color:#9254f04d}.toggle input:checked~.toggle-thumb{box-shadow:0 0 10px rgba(146,84,240,calc(.5 * var(--glow-strength))), 0 1px 3px #00000026;background:#fff;left:25px}.toggle input:checked~.toggle-thumb:after{border-color:rgba(212,192,88,calc(.2 * var(--glow-strength)))}.toggle input:focus-visible~.toggle-track{box-shadow:var(--focus-ring)}.toggle input:disabled{cursor:not-allowed}.toggle input:disabled~.toggle-track,.toggle input:disabled~.toggle-thumb{opacity:.4}.slider-group{padding:var(--space-3) 0}.slider-header{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.slider-label{font-size:var(--text-base);color:var(--text-secondary)}.slider-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-gold);transition:all var(--duration-fast) var(--ease-out)}.slider-value.flash{text-shadow:0 0 14px}.slider-wrap{align-items:center;height:28px;display:flex;position:relative}.slider-track{background:var(--grey-700);border-radius:var(--radius-full);border:1px solid #ffffff0a;height:8px;position:absolute;left:0;right:0;overflow:hidden}.slider-fill{border-radius:var(--radius-full);height:100%;transition:width 50ms linear;position:relative}.slider-fill.gold-fill{background:linear-gradient(90deg, var(--gold-600), var(--gold-400), var(--gold-300))}.slider-fill.purple-fill{background:linear-gradient(90deg, var(--purple-600), var(--purple-400), var(--purple-300))}.slider-fill.blue-fill{background:linear-gradient(90deg, var(--blue-600), var(--blue-400), var(--blue-300))}.slider-fill:after{content:"";background:inherit;filter:blur(3px);width:16px;height:calc(100% + 4px);opacity:calc(.6 * var(--glow-strength));border-radius:50%;position:absolute;top:-2px;right:-6px}.slider-fill:before{content:"";mix-blend-mode:soft-light;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:50%;animation:4s ease-in-out infinite progressSweep;position:absolute;top:0;bottom:0;left:-80%}.slider-input{-webkit-appearance:none;z-index:2;cursor:pointer;background:0 0;outline:none;width:100%;height:28px;position:relative}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:var(--text-primary);width:20px;height:20px;box-shadow:0 0 10px rgba(212,192,88,calc(.2 * var(--glow-strength))), 0 1px 3px #00000040;transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring), border-color var(--duration-normal) var(--ease-out);border:2px solid #ffffff26;border-radius:50%}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 18px rgba(212,192,88,calc(.4 * var(--glow-strength))), 0 0 0 4px rgba(212,192,88,calc(.06 * var(--glow-strength))), 0 2px 5px #0000004d;border-color:#d4c05866;transform:scale(1.1)}.slider-input:active::-webkit-slider-thumb{box-shadow:0 0 22px rgba(212,192,88,calc(.5 * var(--glow-strength))), 0 0 0 6px rgba(212,192,88,calc(.04 * var(--glow-strength))), 0 1px 2px #0000004d;transform:scale(.9)}.slider-input.purple-thumb::-webkit-slider-thumb{box-shadow:0 0 10px rgba(146,84,240,calc(.2 * var(--glow-strength))), 0 1px 3px #00000040}.slider-input.purple-thumb::-webkit-slider-thumb:hover{box-shadow:0 0 18px rgba(146,84,240,calc(.4 * var(--glow-strength))), 0 0 0 4px rgba(146,84,240,calc(.06 * var(--glow-strength))), 0 2px 5px #0000004d;border-color:#9254f066}.slider-input.purple-thumb:active::-webkit-slider-thumb{box-shadow:0 0 22px rgba(146,84,240,calc(.5 * var(--glow-strength))), 0 0 0 6px rgba(146,84,240,calc(.04 * var(--glow-strength))), 0 1px 2px #0000004d}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.slider-input:disabled{opacity:.4;cursor:not-allowed}.select-wrap{position:relative}.select-field{width:100%;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-md);cursor:pointer;appearance:none;transition:border-color var(--duration-normal) var(--ease-out);outline:none}.select-field:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #d4c0581f}.select-field option{background:var(--surface-raised);color:var(--text-primary)}.select-arrow{pointer-events:none;color:var(--text-muted);font-size:var(--text-sm);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.3px;transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);cursor:default;font-weight:500;display:inline-flex}.badge-dot{width:6px;height:6px;transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-spring);border-radius:50%;flex-shrink:0}.badge-gold{color:var(--accent-gold);background:#d4c0581f;border:1px solid #d4c05833}.badge-purple{color:var(--accent-purple);background:#9254f01f;border:1px solid #9254f033}.badge-blue{color:var(--accent-blue);background:#3878e01f;border:1px solid #3878e033}.badge-green{color:var(--accent-green);background:#2abb5e1f;border:1px solid #2abb5e33}.badge-amber{color:var(--accent-amber);background:#c7923a1f;border:1px solid #c7923a33}.badge-red{color:var(--accent-red);background:#e048481a;border:1px solid #e0484833}.badge-silver{color:var(--text-muted);background:#b0b4be14;border:1px solid #b0b4be1f}.badge-gold .badge-dot{background:var(--accent-gold);box-shadow:0 0 5px var(--accent-gold)}.badge-green .badge-dot{background:var(--accent-green);box-shadow:0 0 5px var(--accent-green)}.badge-red .badge-dot{background:var(--accent-red);box-shadow:0 0 5px var(--accent-red)}.badge-amber .badge-dot{background:var(--accent-amber)}.badge-purple .badge-dot{background:var(--accent-purple);box-shadow:0 0 5px var(--accent-purple)}.badge-blue .badge-dot{background:var(--accent-blue);box-shadow:0 0 5px var(--accent-blue)}.badge-gold:hover{box-shadow:0 0 12px rgba(212,192,88,calc(.1 * var(--glow-strength)));border-color:#d4c05859}.badge-gold:hover .badge-dot{box-shadow:0 0 12px var(--accent-gold);transform:scale(1.3)}.badge-purple:hover{box-shadow:0 0 12px rgba(146,84,240,calc(.1 * var(--glow-strength)));border-color:#9254f059}.badge-purple:hover .badge-dot{box-shadow:0 0 12px var(--accent-purple);transform:scale(1.3)}.badge-blue:hover{box-shadow:0 0 12px rgba(56,120,224,calc(.1 * var(--glow-strength)));border-color:#3878e059}.badge-blue:hover .badge-dot{box-shadow:0 0 12px var(--accent-blue);transform:scale(1.3)}.badge-green:hover{box-shadow:0 0 12px rgba(42,187,94,calc(.1 * var(--glow-strength)));border-color:#2abb5e59}.badge-green:hover .badge-dot{box-shadow:0 0 12px var(--accent-green);transform:scale(1.3)}.badge-amber:hover{border-color:#c7923a4d}.badge-amber:hover .badge-dot{transform:scale(1.2)}.badge-red:hover{box-shadow:0 0 12px rgba(224,72,72,calc(.1 * var(--glow-strength)));border-color:#e0484859}.badge-red:hover .badge-dot{box-shadow:0 0 12px var(--accent-red);transform:scale(1.3)}.badge-silver:hover{border-color:#b0b4be40}.progress-bar{border-radius:var(--radius-full);background:var(--grey-700);height:6px;position:relative;overflow:hidden}.progress-bar.gold-track{background:#d4c0581f}.progress-bar.purple-track{background:#9254f01f}.progress-bar.blue-track{background:#3878e01f}.progress-bar.green-track{background:#2abb5e1f}.progress-bar.red-track{background:#e048481f}.progress-bar.amber-track{background:#c7923a1f}.slider-track.gold-track{background:#d4c0581a}.slider-track.blue-track{background:#3878e01a}.slider-track.purple-track{background:#9254f01a}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width 1.2s var(--ease-out);position:relative}.progress-fill.gold{background:linear-gradient(90deg, var(--gold-600), var(--gold-400), var(--gold-300))}.progress-fill.purple{background:linear-gradient(90deg, var(--purple-600), var(--purple-400), var(--purple-300))}.progress-fill.blue{background:linear-gradient(90deg, var(--blue-600), var(--blue-400), var(--blue-300))}.progress-fill.green{background:linear-gradient(90deg, var(--green-600), var(--green-400), var(--green-300))}.progress-fill.red{background:linear-gradient(90deg, var(--red-600), var(--red-400), var(--red-300))}.progress-fill.amber{background:linear-gradient(90deg, var(--amber-600), var(--amber-400), var(--amber-300))}.progress-fill:after{content:"";background:inherit;filter:blur(3px);width:10px;height:10px;opacity:calc(.5 * var(--glow-strength));border-radius:50%;position:absolute;top:-2px;right:0}.progress-fill:before{content:"";mix-blend-mode:soft-light;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60%;animation:3s ease-in-out infinite progressSweep;position:absolute;top:0;bottom:0;left:-60%}.message-item{gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--surface-glass-border);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);display:flex}.message-item:last-child{border-bottom:none}.message-item:hover{background:#ffffff05}.message-avatar{border-radius:var(--radius-sm);width:36px;height:36px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar-gold{color:var(--accent-gold);background:#d4c0581f}.avatar-purple{color:var(--accent-purple);background:#9254f026}.avatar-blue{color:var(--accent-blue);background:#3878e026}.avatar-green{color:var(--accent-green);background:#2abb5e1f}.message-content{flex:1;min-width:0}.message-name{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:1px;font-weight:600}.message-text{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.message-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.chart-container{padding:var(--space-6)}.chart-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.chart-title{font-size:var(--text-lg);font-weight:600}.chart-period{gap:var(--space-1);display:flex}.chart-period-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500}.chart-period-btn.active{color:var(--accent-gold);background:#d4c0581f}.chart-period-btn:hover:not(.active){color:var(--text-secondary)}.chart-period-btn:focus-visible{box-shadow:var(--focus-ring)}.chart-svg{width:100%;height:180px}.chart-grid-line{stroke:var(--grey-700);stroke-width:.5px}.chart-line-gold{fill:none;stroke:var(--gold-400);stroke-width:2px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:drawLine 2s var(--ease-out) forwards}.chart-line-purple{fill:none;stroke:var(--purple-400);stroke-width:2px;stroke-linecap:round;opacity:.6;stroke-dasharray:600;stroke-dashoffset:600px;animation:drawLine 2s var(--ease-out) .3s forwards}.chart-area-gold{fill:url(#goldGrad);opacity:0;animation:1s 1s forwards fadeAreaIn}.chart-dot{fill:var(--accent-gold);filter:drop-shadow(0 0 5px rgba(212,192,88,calc(.5 * var(--glow-strength))))}.chart-legend{gap:var(--space-4);margin-top:var(--space-3);display:flex}.chart-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);cursor:default;transition:color var(--duration-fast) var(--ease-out);display:flex}.chart-legend-item:hover{color:var(--text-secondary)}.chart-legend-line{width:16px;height:3px;transition:box-shadow var(--duration-normal) var(--ease-out);border-radius:2px}.chart-legend-item:hover .chart-legend-line{box-shadow:0 0 10px}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);animation:slideInLeft var(--duration-slow) var(--ease-out);transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);font-weight:500;display:flex}.toast-success{color:var(--accent-green);background:#2abb5e1a;border:1px solid #2abb5e33}.toast-warning{color:var(--accent-amber);background:#c7923a1a;border:1px solid #c7923a33}.toast-error{color:var(--accent-red);background:#e048481a;border:1px solid #e0484833}.toast-icon{transition:filter var(--duration-normal) var(--ease-out);flex-shrink:0}.toast-success .toast-icon{filter:drop-shadow(0 0 4px rgba(42,187,94,calc(.4 * var(--glow-strength))))}.toast-error .toast-icon{filter:drop-shadow(0 0 4px rgba(224,72,72,calc(.4 * var(--glow-strength))))}.toast-success:hover{box-shadow:0 0 16px rgba(42,187,94,calc(.1 * var(--glow-strength)));border-color:#2abb5e59}.toast-success:hover .toast-icon{filter:drop-shadow(0 0 10px rgba(42,187,94,calc(.6 * var(--glow-strength))))}.toast-warning:hover{border-color:#c7923a59}.toast-error:hover{box-shadow:0 0 16px rgba(224,72,72,calc(.1 * var(--glow-strength)));border-color:#e0484859}.toast-error:hover .toast-icon{filter:drop-shadow(0 0 10px rgba(224,72,72,calc(.6 * var(--glow-strength))))}.gauge-wrap{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.gauge{width:100px;height:100px;position:relative}.gauge svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:var(--grey-700);stroke-width:6px}.gauge-fill{fill:none;stroke-width:6px;stroke-linecap:round}.gauge-fill.gold{stroke:url(#gaugeGoldGrad);filter:drop-shadow(0 0 6px rgba(212,192,88,calc(.4 * var(--glow-strength))))}.gauge-fill.blue{stroke:url(#gaugeBlueGrad);filter:drop-shadow(0 0 6px rgba(56,120,224,calc(.4 * var(--glow-strength))))}.gauge-fill.green{stroke:url(#gaugeGreenGrad);filter:drop-shadow(0 0 6px rgba(42,187,94,calc(.4 * var(--glow-strength))))}.gauge-value{font-size:var(--text-xl);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.gauge-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}.tab-bar{background:var(--surface-glass);border-radius:var(--radius-md);border:1px solid var(--surface-glass-border);gap:0;padding:3px;display:inline-flex}.tab-item{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-weight:500;font-family:var(--font-body);background:0 0;border:none}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{background:var(--surface-glass-hover);color:var(--text-primary);border:1px solid var(--glass-depth-1-border)}.tab-item:focus-visible{box-shadow:var(--focus-ring)}.avatar-stack{display:flex}.avatar-stack-item{border:2px solid var(--surface-base);width:32px;height:32px;font-size:var(--text-xs);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-weight:600;display:flex}.avatar-stack-item:first-child{margin-left:0}.avatar-stack-item:hover{z-index:2;transform:translateY(-2px)}.avatar-stack-more{background:var(--grey-600);color:var(--text-secondary)}.nav-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-depth-3-blur);backdrop-filter:var(--glass-depth-3-blur);border:1px solid var(--glass-depth-3-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--glass-depth-3-glow), var(--glass-depth-3-inner);z-index:100;border-bottom:none;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:1024px){.nav-bar{display:none}}.nav-item{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.nav-item svg{width:20px;height:20px}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent-gold)}.nav-item.active:before{content:"";background:var(--accent-gold);border-radius:0 0 var(--radius-sm) var(--radius-sm);width:20px;height:3px;box-shadow:0 2px 8px rgba(212,192,88,calc(.4 * var(--glow-strength)));transition:box-shadow var(--duration-normal) var(--ease-out), width var(--duration-normal) var(--ease-out);position:absolute;top:-10px;left:50%;transform:translate(-50%)}.nav-item.active:hover:before{box-shadow:0 2px 14px rgba(212,192,88,calc(.6 * var(--glow-strength)));width:28px}.nav-item:focus-visible{box-shadow:var(--focus-ring)}.token-swatch{aspect-ratio:1;border-radius:var(--radius-sm);padding:var(--space-1);font-family:var(--font-mono);color:#ffffffb3;transition:transform var(--duration-fast) var(--ease-out);border:1px solid #ffffff0d;align-items:flex-end;font-size:9px;display:flex}.token-swatch:hover{z-index:2;transform:scale(1.06)}.token-swatch.light-text{color:#00000080}.divider{background:linear-gradient(90deg, transparent, var(--surface-glass-border), transparent);height:1px;margin:var(--space-2) 0;border:none}.card-panel{padding:var(--space-6)}.card-panel-title{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:600}.doc-panel{padding:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.doc-panel h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600}.doc-panel h4{font-size:var(--text-base);color:var(--text-primary);margin-top:var(--space-5);margin-bottom:var(--space-2);font-weight:600}.doc-table{border-collapse:collapse;width:100%;margin:var(--space-4) 0;font-size:var(--text-sm)}.doc-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--text-primary);border-bottom:2px solid var(--surface-glass-border);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px}.doc-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--surface-glass-border);color:var(--text-secondary);vertical-align:top}.doc-table code{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--accent-gold);background:#ffffff0f;padding:2px 6px}.doc-note{padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-4) 0;background:#d4c0580f}
body{--font-body:var(--font-outfit), system-ui, -apple-system, sans-serif;--font-mono:var(--font-space-mono), ui-monospace, monospace}html{scroll-behavior:smooth}body{min-width:320px}button,input{font:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.weather-shell{z-index:1;width:min(1180px, calc(100% - (var(--space-4) * 2)));padding:var(--space-7) 0 var(--space-12);margin:0 auto;position:relative}.weather-header{gap:var(--space-7);margin-bottom:var(--space-6);padding-top:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:end;display:grid}.weather-header__copy{gap:var(--space-4);display:grid}.weather-header h1{max-width:720px;font-size:clamp(var(--text-2xl), 7vw, 4.6rem);letter-spacing:-.06em;color:var(--text-primary);line-height:.95}.weather-header p{max-width:620px;color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-md)}.weather-controls{padding:var(--space-5);border-radius:var(--radius-xl)}.weather-search{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.weather-search .btn{min-height:calc(var(--text-base) * var(--leading-normal) + var(--space-3) * 2 + 2px)}.weather-search__input{margin-bottom:0}.weather-search__input-wrap{min-width:0;position:relative}.weather-search__results{z-index:20;left:0;right:0;top:calc(100% + var(--space-2));gap:var(--space-1);padding:var(--space-2);background:var(--surface-glass-solid);border:1px solid var(--glass-depth-3-border);border-radius:var(--radius-lg);box-shadow:var(--glass-depth-3-glow), var(--glass-depth-3-inner);-webkit-backdrop-filter:var(--glass-depth-3-blur);display:grid;position:absolute}.weather-search__result{justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:flex}.weather-search__result:hover,.weather-search__result:focus-visible{color:var(--text-primary);background:var(--surface-glass-hover);border-color:var(--surface-glass-hover-border)}.weather-search__result .mono{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.weather-toggle-wrap{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--surface-glass-border)}.weather-status-row{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.weather-alert-slot{margin-bottom:var(--space-5)}.weather-grid{gap:var(--space-6);display:grid}.weather-grid--hero{margin-bottom:var(--space-8);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:stretch}.weather-side-stack{gap:var(--space-4);display:grid}.weather-hero,.weather-card,.hourly-well,.forecast-panel,.skeleton-card{padding:var(--space-6)}.weather-hero{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent-gold) 18%, transparent), transparent 38%), linear-gradient(140deg, color-mix(in srgb, var(--accent-gold) 9%, var(--surface-glass)), var(--surface-glass));border-color:color-mix(in srgb, var(--accent-gold) 38%, var(--glass-depth-3-border));min-height:100%;position:relative;overflow:hidden}.weather-hero:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--accent-gold) 14%, transparent), transparent 46%);opacity:.6;position:absolute;inset:0}.weather-hero>*{position:relative}.weather-hero__topline{justify-content:space-between;gap:var(--space-5);align-items:flex-start;display:flex}.weather-hero h2{font-size:clamp(var(--text-lg), 4vw, var(--text-xl));line-height:var(--leading-tight);margin-top:var(--space-1);max-width:520px}.weather-hero__icon{min-width:84px;min-height:84px;padding:var(--space-3);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--accent-gold) 10%, var(--surface-glass));border:1px solid color-mix(in srgb, var(--accent-gold) 30%, var(--surface-glass-border));box-shadow:0 0 var(--space-8) color-mix(in srgb, var(--accent-gold) 18%, transparent);place-items:center;font-size:clamp(2.4rem,8vw,4.4rem);display:inline-grid}.weather-hero__condition{gap:var(--space-3);color:var(--text-secondary);margin-top:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.weather-hero__condition .mono{color:var(--text-muted);font-size:var(--text-xs)}.weather-hero__temp{margin-top:var(--space-3);letter-spacing:-.08em;color:var(--accent-gold);text-shadow:0 0 var(--space-8) color-mix(in srgb, var(--accent-gold) 30%, transparent);font-size:clamp(4.4rem,17vw,9.2rem);line-height:.95}.weather-hero__feel{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-lg)}.weather-hero__feel span{color:var(--text-primary)}.weather-metric-grid{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.weather-metric{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-glass) 75%, transparent);border:1px solid var(--surface-glass-border);display:grid}.weather-metric span{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em}.weather-metric strong{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-md);font-weight:700;display:inline-flex}.wind-arrow{color:var(--text-secondary);display:inline-flex}.wind-arrow svg{transition:transform var(--duration-normal) var(--ease-out);display:block}.weather-card{position:relative;overflow:hidden}.weather-card__copy{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.weather-card--matte{border-color:color-mix(in srgb, var(--accent-amber) 22%, var(--surface-glass-border))}.weather-hi-low{align-items:baseline;gap:var(--space-3);color:var(--accent-purple);font-size:clamp(var(--text-2xl), 5vw, 3.2rem);letter-spacing:-.05em;line-height:var(--leading-tight);display:flex}.weather-hi-low__divider{color:var(--text-disabled);font-size:var(--text-xl)}.weather-sun-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.weather-sun-countdown{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--surface-glass-border);color:var(--text-secondary);font-size:var(--text-sm)}.weather-sun-countdown .mono{color:var(--text-primary);font-weight:700}.weather-section{margin-bottom:var(--space-8)}.weather-section__heading{justify-content:space-between;gap:var(--space-4);align-items:center;display:flex}.weather-section__hint{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.hourly-well{background:linear-gradient(180deg, color-mix(in srgb, var(--grey-700) 18%, transparent), transparent), var(--surface-glass);overflow:hidden}.hourly-strip{gap:var(--space-3);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:var(--space-1) var(--space-1) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--surface-glass-hover-border) transparent;grid-auto-columns:minmax(92px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.hourly-cell{scroll-snap-align:start;justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--surface-glass-border);background:color-mix(in srgb, var(--surface-glass) 80%, transparent);min-height:136px;display:grid}.hourly-cell--now{border-color:color-mix(in srgb, var(--accent-gold) 38%, var(--surface-glass-border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent-gold) 12%, transparent), transparent 60%), color-mix(in srgb, var(--surface-glass) 80%, transparent);box-shadow:0 0 var(--space-6) color-mix(in srgb, var(--accent-gold) 14%, transparent)}.hourly-cell--now .hourly-cell__time{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.hourly-cell__time,.hourly-cell__precip{color:var(--text-muted);font-size:var(--text-xs)}.hourly-cell__icon{font-size:var(--text-2xl)}.hourly-cell__temp{color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.forecast-panel{overflow:hidden}.forecast-list{gap:var(--space-2);display:grid}.forecast-row{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-purple) 11%, transparent), transparent 60%);border:1px solid color-mix(in srgb, var(--accent-purple) 18%, var(--surface-glass-border));grid-template-columns:minmax(118px,1fr) minmax(190px,1.3fr) minmax(100px,auto) minmax(64px,auto);align-items:center;display:grid}.forecast-row__day,.forecast-row__condition,.forecast-row__temps{align-items:center;gap:var(--space-3);display:flex}.forecast-row__day{align-items:flex-start;gap:var(--space-1);color:var(--text-primary);flex-direction:column;font-weight:600}.forecast-row__day .mono{color:var(--text-muted);font-size:var(--text-xs);font-weight:400}.forecast-row__condition{color:var(--text-secondary)}.forecast-row__condition span:first-child{font-size:var(--text-xl)}.forecast-row__temps{color:var(--accent-purple);font-size:var(--text-lg);justify-content:end;font-weight:700}.forecast-row__temps span:last-child{color:var(--text-muted)}.forecast-row__precip{color:var(--text-secondary);font-size:var(--text-sm);justify-self:end}.skeleton-layout{gap:var(--space-6);display:grid}.skeleton-card{min-height:240px}.skeleton-line,.skeleton-box,.skeleton-orb{background-image:linear-gradient(90deg, var(--grey-700) 25%, var(--grey-600) 50%, var(--grey-700) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:2s linear infinite shimmer}.skeleton-line{width:100%;height:14px}.skeleton-line--label{width:160px;height:12px;margin-bottom:var(--space-4)}.skeleton-line--title{width:min(520px,88%);height:28px;margin-bottom:var(--space-7)}.skeleton-line--temp{width:min(420px,72%);height:clamp(84px,15vw,150px);margin-bottom:var(--space-5)}.skeleton-box{height:74px}.skeleton-orb{border-radius:var(--radius-full);width:46px;height:46px}.hourly-cell--skeleton{align-content:center}@media (max-width:980px){.weather-header,.weather-grid--hero{grid-template-columns:1fr}.weather-header{align-items:stretch}}@media (max-width:720px){.weather-shell{width:min(100% - (var(--space-3) * 2), 1180px);padding-top:var(--space-5)}.weather-header{gap:var(--space-5)}.weather-header p{font-size:var(--text-base)}.weather-search{grid-template-columns:1fr}.weather-search .btn{justify-content:center;width:100%}.weather-hero,.weather-card,.hourly-well,.forecast-panel,.skeleton-card{padding:var(--space-4)}.weather-hero__topline{flex-direction:column-reverse}.weather-hero__icon{min-width:70px;min-height:70px}.weather-metric-grid{grid-template-columns:1fr 1fr}.weather-sun-row{grid-template-columns:1fr}.hourly-strip{grid-auto-columns:minmax(86px,34vw)}.forecast-row{gap:var(--space-3);grid-template-columns:1fr auto}.forecast-row__condition{order:3;grid-column:1/-1}.forecast-row__temps,.forecast-row__precip{justify-self:end}}@media (max-width:420px){.weather-metric-grid{grid-template-columns:1fr}.weather-status-row{gap:var(--space-1)}.forecast-row{padding:var(--space-3)}}