body,html{height:100%}*,:after,:before{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);font-size:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--sp-4);gap:var(--sp-4)}@media (max-width:1024px) and (min-width:641px){.grid{grid-template-columns:repeat(2,1fr)}}.card{border:1px solid var(--card-border);border-radius:var(--radius);padding:var(--sp-4);background:var(--card-bg);transition:border-color .2s ease,background-color .2s ease,transform .1s ease;min-width:0}.card:hover{border-color:var(--card-border-hover)}.muted{color:var(--text-muted)}:root{--bg:#fff;--text:#111827;--text-muted:#6b7280;--card-bg:#fff;--card-border:#e5e7eb;--card-border-hover:#d1d5db;--divider:#f3f4f6;--bg-muted:#f9fafb;--brand-primary:#3b82f6;--brand-accent:#1d4ed8;--brand-neutral:#111827;--radius:0.5rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--fs-sm:0.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem}.dark{--bg:#0f172a;--text:#e5e7eb;--text-muted:#94a3b8;--card-bg:#0b1220;--card-border:#1f2937;--card-border-hover:#334155;--divider:#1f2937;--bg-muted:#1e293b;--brand-primary:#60a5fa;--brand-accent:#93c5fd;--brand-neutral:#e5e7eb}.card.stat{border:1.5px solid var(--brand-primary);background:var(--card-bg)}.section-title{font-size:var(--fs-sm);font-weight:600;color:var(--text);letter-spacing:.2px;margin:var(--sp-3) 0}.divider{height:1px;background:var(--divider);margin:var(--sp-4) 0}.skeleton{position:relative;overflow:hidden;background:var(--card-bg);height:17.5rem;border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.18),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.container{max-width:80rem;margin:0 auto;padding:var(--sp-4)}.header{position:-webkit-sticky;position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--divider);z-index:50}.header,.subheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.subheader{padding:var(--sp-3);border:1px solid var(--divider);border-radius:var(--radius);background:var(--card-bg)}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand-badge{width:2rem;height:2rem;border-radius:50%;background:var(--brand-primary);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.875rem}.nav{display:flex;align-items:center;gap:var(--sp-3)}.nav a{color:var(--text);text-decoration:none;padding:.375rem .625rem;border-radius:var(--radius)}.nav a:hover{background:rgba(0,0,0,.03)}.dark .nav a:hover{background:hsla(0,0%,100%,.06)}.actions{display:flex;align-items:center;gap:var(--sp-3)}.badge,.pill{border-radius:999px}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:var(--fs-sm);color:var(--brand-neutral);background:rgba(59,130,246,.12)}.dark .badge{color:var(--text);background:rgba(96,165,250,.18)}.panel{position:absolute;right:0;top:calc(100% + .375rem);z-index:50;width:20rem;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-bg);box-shadow:none;padding:var(--sp-3);max-height:80vh;overflow-y:auto}.title{font-size:var(--fs-lg);font-weight:700;color:var(--brand-neutral)}.btn{padding:.375rem .625rem;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);cursor:pointer;transition:background-color .15s ease,transform .05s ease}.btn:hover{background:rgba(0,0,0,.03)}.btn:active{transform:scale(.98)}.btn-range{display:inline-flex;align-items:center;gap:var(--sp-2);max-width:22rem;overflow:hidden}.btn-range span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0;text-align:left}.icon-btn{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--card-border);border-radius:999px;background:var(--card-bg);color:var(--text);cursor:pointer;transition:background-color .15s ease,transform .05s ease}.icon-btn:hover{background:rgba(0,0,0,.03)}.icon-btn:active{transform:scale(.98)}.footer{margin-top:var(--sp-5);border-top:1px solid var(--divider)}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0}.footer-links{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.footer-links a{color:var(--text);text-decoration:none;border:1px solid var(--card-border);border-radius:var(--radius);padding:.375rem .625rem;transition:background-color .15s ease,transform .05s ease}.footer-links a:hover{background:rgba(0,0,0,.03)}.dark .footer-links a:hover{background:hsla(0,0%,100%,.06)}.footer-copy,.footer-links a:visited{color:var(--text-muted)}.footer-copy{font-size:var(--fs-sm)}@media (max-width:640px){.footer-content{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}.card{padding:var(--sp-3);grid-column:auto!important}}.mobile-menu-btn,.mobile-nav{display:none}@media (max-width:640px){.desktop-nav{display:none}.mobile-menu-btn{display:grid}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border-bottom:1px solid var(--divider);padding:var(--sp-2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);z-index:49;animation:fadeIn .2s ease-out;max-height:calc(100vh - 4rem);overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{display:flex;align-items:center;padding:var(--sp-3);border-radius:var(--radius);color:var(--text);text-decoration:none;font-weight:500;min-height:48px}.mobile-nav-item:active{background:rgba(0,0,0,.05)}.dark .mobile-nav-item:active{background:hsla(0,0%,100%,.05)}.header{padding:var(--sp-3)}.brand .title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.subheader{flex-direction:column;align-items:stretch;gap:var(--sp-3)}.subheader .muted{text-align:center;font-size:.875rem}.actions{justify-content:space-between;width:100%;flex-wrap:wrap}.actions>*{flex:1 1;min-width:0}.actions .icon-btn{flex:0 0 48px;min-width:48px;max-width:48px}.panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;border-radius:1rem 1rem 0 0;border:1px solid var(--card-border);border-bottom:none;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1);padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:80vh;overflow-y:auto;z-index:50}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.btn,.icon-btn{min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}.btn-range{width:100%;justify-content:flex-start}}.meta-list{display:flex;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--divider);border-radius:var(--radius);background:var(--card-bg)}.meta-item{display:inline-flex;align-items:center;gap:var(--sp-2)}.meta-title{font-size:var(--fs-sm);color:var(--text-muted)}.meta-value{font-size:var(--fs-md);font-weight:600;color:var(--text)}.range-picker-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.625rem;gap:.625rem}@media (max-width:640px){.range-picker-grid{grid-template-columns:1fr}}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.2);z-index:40}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn[disabled],.icon-btn[disabled]{opacity:.6;cursor:not-allowed}.share-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;width:90%;max-width:26rem;border:1px solid rgba(0,0,0,.05);border-radius:1.5rem;background:var(--card-bg);padding:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);animation:modalPop .3s cubic-bezier(.16,1,.3,1)}.dark .share-modal{border:1px solid var(--card-border);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.share-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;animation:fadeIn .3s ease-out}.stat-value-large{font-size:2.5rem;font-weight:700;color:var(--brand-accent);text-align:center;margin-bottom:.25rem}.stat-description{font-size:.9rem;line-height:1.6;background:var(--bg-muted);padding:1.25rem;border-radius:1rem;color:var(--text-muted)}@media (max-width:640px){.share-modal{top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;border-radius:1rem 1rem 0 0;border-bottom:none;padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));animation:slideUp .3s cubic-bezier(.16,1,.3,1)}}.reduce-motion .skeleton:after{animation:none}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}