:root{--bg: #04060a;--bg-panel: #0a0f16;--bg-raised: #101725;--border: #1c2734;--border-strong: #2a3a4d;--text: #e8eef7;--text-dim: #9db0c6;--text-faint: #64788d;--primary: #60a5fa;--accent: #fbbf24;--up: #34d399;--down: #f87171;--glow-accent: 0 0 10px rgba(251, 191, 36, .35);--glow-primary: 0 0 10px rgba(96, 165, 250, .25);--font-mono: "Fira Code", ui-monospace, "Cascadia Code", monospace;--font-body: "Fira Sans", system-ui, sans-serif;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-lg: 1.125rem;--fs-xl: 1.75rem;--fs-hero: 2.5rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--radius: 10px;--radius-sm: 6px;--speed: .18s;--ease: cubic-bezier(.25, .9, .3, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}#root{display:contents}h1,h2,h3{margin:0;font-family:var(--font-mono)}p{margin:0}a{color:var(--primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60rem 30rem at 15% -10%,rgba(96,165,250,.06),transparent 60%),radial-gradient(50rem 25rem at 90% 110%,rgba(251,191,36,.04),transparent 60%)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.masthead__id{display:flex;align-items:baseline;gap:var(--sp-2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 8px #34d399b3;align-self:center}.masthead__title{font-size:var(--fs-lg);font-weight:700;letter-spacing:.18em;text-shadow:var(--glow-primary)}.masthead__sub{color:var(--text-faint);font-size:var(--fs-sm)}.masthead__meta{display:flex;align-items:center;gap:var(--sp-3)}.clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-base);color:var(--text-dim)}.refresh{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--speed) var(--ease),color var(--speed) var(--ease)}.refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.refresh:disabled{opacity:.5;cursor:default}.refresh.is-busy .refresh__icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);align-content:start;max-width:90rem;width:100%;margin:0 auto}.panel{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--speed) var(--ease)}.panel:hover{border-color:var(--border-strong)}.panel__head{padding:var(--sp-3) var(--sp-4) var(--sp-2);border-bottom:1px solid var(--border)}.panel__eyebrow{display:block;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-shadow:var(--glow-accent)}.panel__title{font-size:var(--fs-lg);font-weight:600}.panel__body{flex:1;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.panel__foot{padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);min-height:2rem}.panel__foot.is-error{color:var(--down)}.empty{color:var(--text-dim);font-size:var(--fs-sm)}.skeleton{height:1.25rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-raised) 25%,var(--border) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{to{background-position:-200% 0}}.wx{display:flex;align-items:center;gap:var(--sp-4)}.wx__glyph{color:var(--accent);flex-shrink:0}.wx__temp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-hero);font-weight:600;line-height:1.1}.wx__place{color:var(--text-dim);font-size:var(--fs-sm)}.wx__desc{color:var(--text-faint);font-size:var(--fs-sm)}.wx__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid var(--border)}.wx__stat-k{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.wx__stat-v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.wx__days{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);border-top:1px solid var(--border);padding-top:var(--sp-2)}.wx__day{text-align:center;display:grid;justify-items:center;gap:var(--sp-1)}.wx__day-name{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.wx__day-glyph{color:var(--primary)}.wx__day-temp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.wx__day-temp .lo{color:var(--text-faint)}.coin{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0}.coin__id{flex:1;display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.coin__sym{font-family:var(--font-mono);font-weight:600;text-transform:uppercase;color:var(--primary)}.coin__name{color:var(--text-faint);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coin__price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.coin__chg{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);min-width:4.5rem;justify-content:flex-end}.coin__chg.up{color:var(--up)}.coin__chg.down{color:var(--down)}.repo{padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.repo:last-child{border-bottom:0}.repo__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.repo__name{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--primary);text-decoration:none;overflow-wrap:anywhere}.repo__name:hover{text-decoration:underline;color:var(--accent)}.repo__stars{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--accent);white-space:nowrap}.repo__desc{color:var(--text-dim);font-size:var(--fs-sm);margin-top:var(--sp-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo__lang{margin-top:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}.colophon{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);text-align:center}.colophon__sep{color:var(--border-strong)}@media(max-width:420px){.masthead,.grid,.colophon{padding-left:var(--sp-3);padding-right:var(--sp-3)}.wx__temp{font-size:var(--fs-xl)}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--bg-raised)}.refresh.is-busy .refresh__icon{animation:none}*{transition-duration:.01ms!important}}