:root{--bg:#f0f9ff;--text:#0f172a;--muted:#6b7280;--accent:#38bdf8;--container-width:1100px;--radius:10px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{max-width:var(--container-width);margin:0 auto;padding:clamp(16px,4vw,32px)}h1{font-size:clamp(1.5rem,3.5vw,2.25rem);margin:0 0 .5rem}p{margin:0 0 1rem;color:var(--muted)}.page{display:flex;flex-direction:column;gap:1rem}.card{background:#f8fafc;padding:16px;border-radius:var(--radius);box-shadow:0 1px 2px rgba(16,24,40,.03)}.header{align-items:center;justify-content:space-between;padding:12px 0}.header,.nav{display:flex;gap:12px}.nav{flex-wrap:wrap}.site-header{background:linear-gradient(90deg,rgba(56,189,248,.12),rgba(14,165,233,.08));border-bottom:1px solid rgba(2,6,23,.04)}.header-inner{max-width:var(--container-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,32px)}.logo{font-weight:700;color:var(--accent)}.logo,.nav a{text-decoration:none}.nav a{color:var(--text);padding:8px;border-radius:8px}.nav a:hover{background:rgba(56,189,248,.08)}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:0;cursor:pointer;padding:6px}.hamburger-box{display:inline-block;position:relative;width:24px;height:16px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:24px;height:2px;background:var(--text);display:block;border-radius:2px;position:absolute;left:0;transition:transform .25s ease,opacity .2s ease}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{content:"";top:-8px}.hamburger-inner:after{content:"";top:8px}.hamburger[aria-expanded=true] .hamburger-inner{transform:rotate(45deg)}.hamburger[aria-expanded=true] .hamburger-inner:before{transform:rotate(90deg);top:0}.hamburger[aria-expanded=true] .hamburger-inner:after{opacity:0}.nav{display:none}.nav.open{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:8px}@media(min-width:768px){.hamburger{display:none}.nav{flex-direction:row}.nav,.nav.open{display:flex}}.layout{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.layout{flex-direction:row}.sidebar{width:260px}.content{flex:1 1}}.site-footer{border-top:1px solid rgba(2,6,23,.04);background:transparent}.footer-inner{max-width:var(--container-width);margin:0 auto;padding:18px clamp(16px,4vw,32px);color:var(--muted);font-size:.95rem}.speedometer{position:static;display:flex;justify-content:center;margin:22px 0}.speed-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 24px;border-radius:14px;background:linear-gradient(180deg,hsla(0,0%,100%,.7),rgba(240,249,255,.95));box-shadow:0 10px 30px rgba(2,6,23,.08);min-width:220px}.speed-value{font-size:clamp(2.4rem,6vw,4rem);line-height:1;font-weight:800;color:var(--text)}.speed-unit{font-size:clamp(1rem,2.2vw,1.1rem);color:var(--accent);font-weight:700}.speed-sub{font-size:.95rem;color:var(--muted)}@media(max-width:520px){.speed-inner{min-width:160px;padding:12px 14px}.speed-value{font-size:clamp(1.6rem,6vw,2.2rem)}.speed-unit{font-size:.95rem}}.speed-center{display:flex;justify-content:center}.center{text-align:center}