:root{--navy:#16233a;--navy-2:#1f3252;--amber:#ffb400;--bg:#fff;--page-bg:#f4f6f9;--ink:#1c2530;--muted:#5c6b7a;--card:#fffffff0;--panel:#fff;--border:#e3e8ee;--border-2:#eef2f6;--input-border:#cfd8e0;--hover:#f7fafc;--chip:#eef2f6;--chip-ink:#5c6b7a;--accent:#1971c2;--accent-hover:#155a9c;--shadow:0 2px 14px #0f192838;--shadow-sm:0 1px 6px #0f192814;--radius:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#0e1626;--navy-2:#16233a;--bg:#151c26;--page-bg:#0f141b;--ink:#e6ebf1;--muted:#93a2b2;--card:#171e29f0;--panel:#1a222e;--border:#2a3542;--border-2:#232d39;--input-border:#3a4757;--hover:#202a37;--chip:#242f3c;--chip-ink:#93a2b2;--accent:#3b8de0;--accent-hover:#62a5e8;--shadow:0 2px 16px #0000008c;--shadow-sm:0 1px 6px #0006}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--bg);flex-direction:column;transition:background-color .15s,color .15s;display:flex}#topbar{background:linear-gradient(90deg, var(--navy), var(--navy-2));color:#fff;align-items:baseline;gap:14px;padding:10px 16px;display:flex}#topbar h1{letter-spacing:.2px;margin:0;font-size:1.25rem;font-weight:700}#topbar h1 span{color:var(--amber)}#topbar .tagline{opacity:.75;flex:1;margin:0;font-size:.8rem}.header-actions{align-self:center;gap:8px;margin-left:auto;display:flex}#menu-toggle,.theme-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;padding:5px 12px;font-size:.85rem;line-height:1.2}#menu-toggle:hover,.theme-btn:hover{background:#ffffff38}#menu-toggle{display:none}.theme-btn{padding:5px 9px}.theme-btn svg{fill:currentColor;width:16px;height:16px;display:block}.site-nav{align-self:center;gap:4px;display:flex}.site-nav a{color:#ffffffbf;border-radius:6px;padding:4px 11px;font-size:.85rem;text-decoration:none}.site-nav a:hover{color:#fff;background:#ffffff1a}.site-nav a.active{color:#fff;background:#ffffff29}#main{flex:1;min-height:0;position:relative}#map{position:absolute;inset:0}#layer-menu{background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius);width:252px;max-height:calc(100% - 24px);box-shadow:var(--shadow);padding:12px 14px;display:none;position:absolute;top:12px;left:12px;overflow-y:auto}html.dark #layer-menu{border:1px solid var(--border)}body.menu-open #layer-menu{display:block}#layer-menu h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin:4px 0 6px;font-size:.72rem;font-weight:700;display:flex}#layer-menu h2:not(:first-child){margin-top:14px}.badge{background:var(--chip);color:var(--chip-ink);text-transform:none;letter-spacing:0;border-radius:999px;padding:2px 7px;font-size:.62rem}.layer-list{margin:0;padding:0;list-style:none}.layer-list li{padding:5px 0}.layer-list label{cursor:pointer;align-items:center;gap:9px;font-size:.9rem;display:flex}.layer-list label.disabled{cursor:not-allowed;color:var(--muted);opacity:.6}.layer-list input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:0}.layer-status{color:var(--muted);margin:1px 0 0 25px;font-size:.72rem;display:block}.layer-legend{margin:4px 0 2px 25px}.traffic-bar{background:linear-gradient(90deg,#2f9e44,#f5c542,#e8590c,#c92a2a,#7d1a1a);border-radius:3px;max-width:150px;height:6px;display:block}.traffic-bar-labels{max-width:150px;color:var(--muted);justify-content:space-between;font-size:.62rem;display:flex}.layer-status:empty{display:none}.menu-footer{border-top:1px solid var(--border);color:var(--muted);margin:14px 0 2px;padding-top:10px;font-size:.68rem;line-height:1.5}.menu-footer a{color:var(--accent)}#map .maplibregl-popup-content{background:var(--panel);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;font-family:inherit}#map .maplibregl-popup-anchor-top .maplibregl-popup-tip,#map .maplibregl-popup-anchor-top-left .maplibregl-popup-tip,#map .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--panel)}#map .maplibregl-popup-anchor-bottom .maplibregl-popup-tip,#map .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,#map .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--panel)}#map .maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--panel)}#map .maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--panel)}#map .maplibregl-popup-close-button{color:var(--muted);font-size:1.15rem}.te-popup{max-width:340px}.te-popup h3{margin:8px 0 6px;font-size:.95rem}.te-popup .desc{margin:0 0 8px;font-size:.82rem;line-height:1.45}.te-popup dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:.78rem;display:grid}.te-popup dt{color:var(--muted);font-weight:600}.te-popup dd{margin:0}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{letter-spacing:.03em;border-radius:4px;padding:2px 9px;font-size:.7rem;font-weight:700}.pill.road{color:#ffd800;background:#04703c;border:1.5px solid #ffd800}.pill.road.motorway{color:#fff;background:#0d5aa7;border-color:#fff}.pill.current{color:#b3251e;background:#fdecea}.pill.future{color:#b35a00;background:#fef1e3}.pill.unplanned{color:#a61e4d;background:#fce4ec}.pill.diversion{color:#40640a;background:#f1f8e5}html.dark .pill.current{color:#ff8787;background:#e0313129}html.dark .pill.future{color:#ffa94d;background:#e8790c29}html.dark .pill.unplanned{color:#faa2c1;background:#c2255c2e}html.dark .pill.diversion{color:#a9e34b;background:#5c940d2e}.diversion-symbol{flex-shrink:0;display:block}.muted-note{color:var(--muted);margin-top:8px;font-size:.72rem}.vms-sign{background:#101418;border:2px solid #495057;border-radius:6px;flex-direction:column;align-items:center;gap:2px;margin:6px 0 8px;padding:10px 14px;display:flex}.vms-sign span{letter-spacing:.06em;color:#ffb400;text-transform:uppercase;white-space:pre;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;font-weight:600}.lane-diagram{background:#101418;border:2px solid #495057;border-radius:6px;gap:5px;width:fit-content;margin:6px 0 8px;padding:8px 10px;display:flex}.lane{flex-direction:column;align-items:center;width:30px;font-size:1.05rem;font-weight:800;line-height:1.2;display:flex}.lane small{color:#868e96;margin-top:2px;font-size:.58rem;font-weight:600}.lane-closed{color:#ff4d4f}.lane-divert{color:#ffb400}.lane-open{color:#51cf66}.sma-head{align-items:center;gap:12px;margin-top:6px;display:flex}.sma-head h3{margin:0}.speed-roundel{color:#111;background:#fff;border:6px solid #d0342c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.05rem;font-weight:800;display:flex}.speed-roundel.advisory{border-style:dashed;border-color:#e8790c}.cam-popup .cam-img{background:var(--chip);border-radius:6px;width:330px;max-width:100%;height:auto;margin-top:4px;display:block}.cam-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:.72rem;display:flex}.cam-refresh{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:4px 10px;font-size:.72rem}.cam-refresh:hover{background:var(--accent-hover)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0f1899;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);color:var(--ink);box-shadow:var(--shadow);border-radius:14px;width:100%;max-width:440px;padding:24px 26px;font-size:.92rem;line-height:1.55}html.dark .modal{border:1px solid var(--border)}.modal h2{margin:0 0 10px;font-size:1.25rem}.modal h2 span{color:var(--amber)}.modal p{margin:0 0 12px}.modal a{color:var(--accent);font-weight:600}.modal-warning{background:var(--chip);border-left:4px solid var(--amber);border-radius:6px;padding:10px 12px}.modal-dismiss{width:100%;font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:6px;padding:11px 16px;font-size:.95rem;font-weight:600;display:block}.modal-dismiss:hover{background:var(--accent-hover)}html.dark .maplibregl-ctrl-group{background:var(--panel);box-shadow:0 0 0 1px #ffffff1a, var(--shadow-sm)}html.dark .maplibregl-ctrl-group button+button{border-top-color:var(--border)}html.dark .maplibregl-ctrl button .maplibregl-ctrl-icon{filter:invert(.88)hue-rotate(180deg)}html.dark .maplibregl-ctrl-attrib{color:var(--muted);background:#0f141bbf}html.dark .maplibregl-ctrl-attrib a{color:var(--muted)}html.dark .maplibregl-ctrl-scale{color:var(--ink);border-color:var(--muted);background:#0f141b99}.report-page{background:var(--page-bg);height:auto;min-height:100%}#report-main{width:100%;max-width:1100px;margin:0 auto;padding:20px 16px 40px}.report-intro h2{margin:6px 0 4px;font-size:1.3rem}.report-intro p{color:var(--muted);margin:0 0 16px;font-size:.9rem}.filters{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:14px 16px;display:flex}.filters label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:4px;font-size:.72rem;font-weight:600;display:flex}.filters .grow{flex:1;min-width:160px}.filters input,.filters select{font:inherit;border:1px solid var(--input-border);background:var(--bg);color:var(--ink);border-radius:6px;padding:6px 9px;font-size:.88rem}.filters input:focus,.filters select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}#csv-btn{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600}#csv-btn:hover{background:var(--accent-hover)}.report-count{color:var(--muted);margin:14px 2px 8px;font-size:.8rem}.table-wrap{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}#report-table{border-collapse:collapse;width:100%;font-size:.83rem}#report-table th{text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;background:var(--panel);padding:10px 12px;font-size:.7rem;position:sticky;top:0}#report-table th[data-sort]{cursor:pointer}#report-table th[data-sort]:hover{color:var(--ink)}#report-table th.sort-asc:after{content:" ▲";font-size:.6rem}#report-table th.sort-desc:after{content:" ▼";font-size:.6rem}#report-table td{border-bottom:1px solid var(--border-2);vertical-align:top;padding:9px 12px}#report-table tr:hover td{background:var(--hover)}.cell-desc{min-width:260px;line-height:1.4}.cell-sub{color:var(--muted);font-size:.74rem}.nowrap{white-space:nowrap}.cell-current{color:#b3251e;font-weight:600}html.dark .cell-current{color:#ff8787}@media (width<=640px){.report-page #topbar .site-nav{margin-left:auto}#topbar .tagline{display:none}#menu-toggle{display:block}body:not(.menu-open) #layer-menu{display:none}#layer-menu{width:min(78vw,280px)}}