:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827;background:#f3f4f6;line-height:1.45;--green:#16a34a;--blue:#2563eb;--amber:#d97706;--red:#dc2626;--ink:#111827;--muted:#6b7280}
*{box-sizing:border-box}body{margin:0;background:#f3f4f6}.page{max-width:980px;margin:0 auto;padding:18px}.narrow{max-width:720px}.hero,.card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 8px 28px rgba(0,0,0,.055)}.hero{overflow:hidden}.hero-copy{padding:26px}.compact-hero{text-align:center}.eyebrow{font-size:14px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#6b7280}.open-line{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.open-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.06em}.open-badge.open{background:#dcfce7;color:#166534}.open-badge.closed{background:#fee2e2;color:#991b1b}.live-clock{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#111827;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.hours-note{color:#4b5563;font-weight:700}.hours-main{font-size:17px;font-weight:850;margin-top:6px}.live-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:22px}.live-card,.typical-card{border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:#fafafa}.mini-label{text-transform:uppercase;letter-spacing:.07em;color:#6b7280;font-size:11px;font-weight:850}.live-number{font-size:76px;line-height:1;font-weight:950;letter-spacing:-.05em;margin:9px 0}.typical-number{font-size:48px;line-height:1;font-weight:950;margin:15px 0 12px}.muted-number{color:#9ca3af}.status{display:inline-block;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em}.status.small{padding:6px 9px;font-size:10px}.status.green,.forecast-label.green{background:#dcfce7;color:#166534}.status.blue,.forecast-label.blue{background:#dbeafe;color:#1d4ed8}.status.amber,.forecast-label.amber{background:#fef3c7;color:#92400e}.status.red,.forecast-label.red{background:#fee2e2;color:#991b1b}.tiny-note,.timestamp,.muted,.section-subtitle{color:#6b7280;font-size:13px}.tiny-note{margin-top:10px}.timestamp{margin-top:14px}.card{margin-top:18px;padding:20px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.section-title{font-size:21px;font-weight:950}.small-title{font-size:17px}.section-subtitle{margin-top:2px}.day-tabs{display:flex;gap:7px;overflow-x:auto;padding:15px 0 6px;scrollbar-width:none}.day-tabs::-webkit-scrollbar{display:none}.day-tab{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:999px;padding:9px 14px;font-weight:850;cursor:pointer;min-width:54px}.day-tab.active{background:#111827;color:#fff;border-color:#111827}.day-panel{display:none}.day-panel.active{display:block}.day-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px 10px}.day-heading strong,.day-heading span{display:block}.day-heading strong{font-size:19px}.day-heading span{font-size:12px;color:#6b7280;margin-top:2px}.peak-chip{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:7px 10px;border-radius:999px;font-weight:850;font-size:11px;white-space:nowrap}.forecast-list{border-top:1px solid #eef0f2}.forecast-row{display:grid;grid-template-columns:78px 1fr 118px;gap:12px;align-items:center;padding:12px 6px;border-bottom:1px solid #eef0f2}.forecast-row.current-hour{background:#f8fafc;border-radius:12px}.forecast-time{font-weight:850;font-variant-numeric:tabular-nums}.now-tag{display:block;width:max-content;margin-top:3px;background:#111827;color:#fff;font-size:8px;padding:2px 5px;border-radius:5px;letter-spacing:.08em}.bar-track{position:relative;height:14px;background:#e5e7eb;border-radius:999px;overflow:visible}.bar-fill{height:100%;border-radius:999px}.bar-fill.green{background:#22c55e}.bar-fill.blue{background:#3b82f6}.bar-fill.amber{background:#f59e0b}.bar-fill.red{background:#ef4444}.comfort-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:#111827;border-radius:2px;opacity:.6}.forecast-value{text-align:right}.forecast-value strong{font-size:18px;display:block}.forecast-label{display:inline-block;margin-top:3px;padding:3px 6px;border-radius:6px;font-size:9px;font-weight:900;letter-spacing:.04em}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.recommend{background:#f8fafc;border-radius:14px;padding:14px}.recommend span,.recommend strong{display:block}.recommend span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;font-weight:800}.recommend strong{margin-top:4px;font-size:16px}.forecast-legend{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#6b7280;font-size:11px;margin-top:14px;padding-top:12px;border-top:1px solid #eef0f2}.legend-line{display:inline-block;width:2px;height:12px;background:#111827;margin-right:6px;vertical-align:-2px}.methodology-card p{margin-bottom:10px}.forecast-explainer{font-weight:700;color:#374151}.forecast-caveat{color:#6b7280;margin-top:-2px}.data-meta{display:flex;gap:8px;flex-wrap:wrap}.data-meta span{background:#f3f4f6;padding:7px 9px;border-radius:9px;font-size:11px;color:#4b5563}.data-meta strong{color:#111827}footer{text-align:center;color:#6b7280;font-size:12px;padding:22px 8px}.admin-topline{display:flex;justify-content:space-between;align-items:flex-start}.admin-topline h1{margin:4px 0}.text-link{color:#4b5563;font-size:13px}.admin-open{justify-content:flex-start}.admin-current{text-align:center;padding:18px}.admin-current span{display:block;font-size:70px;font-weight:950;line-height:1}.admin-current small{display:block;color:#6b7280;margin-top:7px}.row-form{display:grid;grid-template-columns:54px 1fr 54px auto;gap:9px}.row-form button,.button{border:0;background:#111827;color:#fff;border-radius:13px;padding:12px 15px;font-weight:850;cursor:pointer}.row-form input{min-width:0;border:1px solid #d1d5db;border-radius:13px;padding:10px;text-align:center;font-size:20px}.secondary{display:inline-block;text-decoration:none;background:#e5e7eb!important;color:#111827!important}.settings-form{display:grid;gap:14px}.settings-form label{display:grid;gap:6px;font-weight:800;font-size:13px;position:relative}.settings-form input{padding:11px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;background:#fff}.settings-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-note{position:absolute;right:12px;bottom:12px;color:#6b7280;font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-stats div{background:#f8fafc;border-radius:13px;padding:12px}.admin-stats span,.admin-stats strong{display:block}.admin-stats span{font-size:10px;text-transform:uppercase;color:#6b7280;font-weight:800;letter-spacing:.06em}.admin-stats strong{font-size:14px;margin-top:4px}hr{border:0;border-top:1px solid #eef0f2;margin:20px 0}
@media(max-width:700px){.page{padding:10px}.hero,.card{border-radius:18px}.hero-copy,.card{padding:16px}.live-grid{grid-template-columns:1fr 1fr;gap:9px}.live-card,.typical-card{padding:14px 10px}.live-number{font-size:58px}.typical-number{font-size:38px}.forecast-row{grid-template-columns:62px 1fr 86px;gap:8px;padding:11px 2px}.forecast-value strong{font-size:16px}.forecast-label{font-size:8px}.peak-chip{font-size:10px}.recommend-grid{grid-template-columns:1fr}.forecast-legend{display:grid}.row-form{grid-template-columns:48px 1fr 48px}.row-form .secondary{grid-column:1/-1}.settings-two{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr}}
@media(max-width:390px){.open-line{gap:7px}.live-clock,.open-badge{font-size:11px;padding:6px 9px}.hours-note{width:100%;font-size:13px}.live-grid{grid-template-columns:1fr}.forecast-row{grid-template-columns:58px 1fr 78px}.day-tab{padding:8px 12px;min-width:50px}.hours-main{font-size:16px}}
.admin-notice{margin-bottom:14px;padding:11px 13px;border-radius:12px;background:#ecfdf5;color:#166534;font-size:13px;font-weight:800;border:1px solid #bbf7d0}.past-count-form{display:grid;gap:14px;margin-top:14px}.past-count-form label{display:grid;gap:6px;font-weight:800;font-size:13px}.past-count-form input{padding:11px;border:1px solid #d1d5db;border-radius:10px;font-size:16px;background:#fff;min-width:0}.past-history{margin-top:20px;padding-top:16px;border-top:1px solid #eef0f2}.past-history>.mini-label{margin-bottom:8px}.past-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eef0f2}.past-history-row strong,.past-history-row span{display:block}.past-history-row strong{font-size:14px}.past-history-row span{font-size:11px;color:#6b7280;margin-top:2px}.past-history-count{font-weight:950;font-size:20px;text-align:right;font-variant-numeric:tabular-nums}.past-history-count small{display:block;font-weight:700;font-size:10px;color:#6b7280}.remove-button{border:1px solid #fecaca;background:#fff;color:#b91c1c;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:850;cursor:pointer}.past-help{margin-bottom:0}
@media(max-width:520px){.past-history-row{grid-template-columns:1fr auto}.past-history-row form{grid-column:1/-1}.remove-button{width:100%}.past-count-form .settings-two{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.past-count-form .settings-two{grid-template-columns:1fr}}

/* SINGLE LIVE CARD */
.live-grid > .live-card {
    grid-column: 1 / -1;
    text-align: center;
}