*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;color:#e2e2e2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.wrap{max-width:1000px;margin:0 auto;padding:3rem 1.5rem}header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}h1{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.offline-badge{font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:.2rem .5rem;border-radius:9999px}.unit-toggle{margin-left:auto;display:inline-flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:9999px;padding:2px}.unit-toggle button{background:transparent;border:0;color:#6b7280;font:inherit;font-size:.7rem;font-weight:500;letter-spacing:.04em;padding:.25rem .7rem;border-radius:9999px;cursor:pointer;transition:color .15s,background .15s}.unit-toggle button.active{background:#ffffff14;color:#e2e2e2}.current{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.current-col{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1}.delta-col{border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.current-temp{font-size:2rem;font-weight:300;letter-spacing:-.02em;line-height:1}.current-temp.attic{color:#f97316}.current-temp.outdoor{color:#38bdf8}.current-delta{font-size:1.5rem;font-weight:300;letter-spacing:-.02em;line-height:1;color:#9ca3af;transition:color .3s}.current-delta.danger{color:#ef4444}.current-label{font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#4b5563}.status{padding:4rem 0;text-align:center;color:#4b5563;font-size:.875rem}.status.error{color:#ef4444}.footer{margin-top:.75rem;font-size:.7rem;color:#374151;text-align:right}