:root{--bg:#0b1220;--surface:#131c2e;--surface-2:#1b2740;--border:#26334d;--text:#e8eefc;--text-muted:#9aa8c4;--accent:#4da3ff;--info:#3b82f6;--minor:#eab308;--major:#f97316;--critical:#dc2626;--ok:#22c55e;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--accent)}.app{flex-direction:column;min-height:100%;display:flex}.header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220f2;position:sticky;top:0}.header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 auto;padding:12px 20px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand__mark{letter-spacing:.5px;background:linear-gradient(135deg,#1d4ed8,#4da3ff);border-radius:10px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.brand__text{flex-direction:column;line-height:1.2;display:flex}.brand__text small{color:var(--text-muted);font-size:12px}.nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav__link{color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.nav__link:hover{background:var(--surface-2);color:var(--text)}.nav__link--active{background:var(--surface-2);color:var(--text);font-weight:600}.nav__select{align-items:center;gap:8px;width:100%;min-width:0;display:none}.nav__select-text{color:var(--text-muted);flex:none;font-size:13px}.nav__select-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:0;min-height:44px;color:var(--text);font:inherit;flex:1;padding:8px 12px;font-size:15px}.nav__select-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=480px){.nav{width:100%}.nav>.nav__link{display:none}.nav__select{display:flex}}.main{flex:1;width:100%;margin:0 auto;padding:24px 20px 48px}.page__title{margin:0 0 6px;font-size:28px}.page__lead{max-width:80%;margin:0 0 20px;font-weight:700}.page__lead-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.page__note{color:var(--text-muted);max-width:70ch;margin-top:24px;font-size:13px}.page--map .map{margin-top:12px}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px;margin-bottom:24px;display:grid}.tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.tile:hover{border-color:var(--accent)}.tile--total{background:linear-gradient(135deg,#16233c,#1d3358)}.tile__value{font-size:26px;font-weight:700}.tile__label{color:var(--text-muted);font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px;display:grid}.state{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);text-align:center;padding:20px}.state--error{border-color:var(--critical);color:#fca5a5}.state--info{border-color:var(--accent);color:var(--text);border-style:solid}.state__retry{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;margin-top:10px;padding:6px 14px;font-size:13px}.state__retry:hover:not(:disabled){border-color:var(--accent)}.state__retry:disabled{cursor:default;opacity:.6}.state__detail{opacity:.8;font-size:12px}.table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px;font-size:14px}.table th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:12px}.table tr:last-child td{border-bottom:none}.table__muted{color:var(--text-muted);font-size:12px}.table__error{color:#fca5a5;margin-top:4px;font-size:12px}.badge{background:var(--surface-2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge--ok{color:#86efac;background:#22c55e2e}.badge--error{color:#fca5a5;background:#dc26262e}.badge--stale{color:#fde68a;background:#eab3082e}.badge--disabled{color:#cbd5e1;background:#94a3b82e}.map{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:60vh;min-height:380px;overflow:hidden}.marker{cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000080}.vehicle-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.vehicle-toolbar__modes{gap:6px;display:flex}.vehicle-toolbar__info{color:var(--text-muted);font-size:12px}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:13px}.chip:hover{border-color:var(--accent)}.chip--active{border-color:var(--accent);background:#4da3ff40;font-weight:700}.map-shell{margin-top:12px;position:relative}.map-shell .map{margin-top:0}.nysse-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:12px;display:grid}.nysse-layout .map-shell{margin-top:12px}.transit-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:8px;max-height:60vh;margin-top:12px;padding:12px;display:flex}.transit-panel__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.transit-panel__title{color:var(--text);margin:0;font-size:14px;font-weight:600;line-height:1.3}.transit-panel__count{background:var(--surface);min-width:22px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;flex:none;padding:1px 6px;font-size:12px}.transit-panel__state{color:var(--text-muted);margin:0;font-size:13px}.transit-panel__state--error{color:#fca5a5}.transit-panel__list{flex:auto;min-height:0;max-height:none;margin:0;padding:0;list-style:none;overflow-y:auto}.transit-panel__item{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 0;display:flex}.transit-panel__item:first-child{border-top:none;padding-top:0}.transit-panel__item-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.35;display:block}.transit-panel__item-time{color:var(--text-muted);font-size:12px}.transit-panel__item-desc{-webkit-line-clamp:2;line-clamp:2;color:var(--text-muted);-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.transit-panel__more{color:var(--accent);flex:none;align-self:flex-start;font-size:13px;font-weight:600;text-decoration:none}.transit-panel__more:hover{text-decoration:underline}@media (width<=1100px){.nysse-layout{grid-template-columns:minmax(0,1fr)}}.checkbox{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.checkbox:hover{border-color:var(--accent)}.checkbox input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.stop-panel{border:1px solid var(--border);border-radius:var(--radius);background:#131c2ef7;flex-direction:column;width:min(340px,100%);max-height:100%;display:flex;position:absolute;top:0;right:0;overflow:hidden;box-shadow:-6px 0 20px #00000059}.stop-panel__head{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.stop-panel__title{margin:0;font-size:16px;line-height:1.3}.stop-panel__id{color:var(--text-muted);margin:2px 0 0;font-size:12px}.stop-panel__close{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;font-size:18px;line-height:1}.stop-panel__close:hover{border-color:var(--accent)}.stop-panel__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stop-panel__body{flex:auto;padding:12px 14px;overflow-y:auto}.stop-panel__warn{color:#fde68a;margin:0 0 8px;font-size:12px}.stop-panel__notice{color:var(--text-muted);margin:0 0 8px;font-size:13px;line-height:1.5}.departures{margin:0;padding:0;list-style:none}.departures__row{border-bottom:1px solid var(--border);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;display:grid}.departures__row:last-child{border-bottom:none}.departures__line{border:1px solid var(--border);background:var(--surface-2);text-align:center;border-radius:6px;padding:2px 4px;font-size:13px;font-weight:700}.departures__destination{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.departures__time{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.departures__row--now .departures__time{color:var(--ok)}.departures__row--soon .departures__time{color:var(--text)}.stop-panel__foot{border-top:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);padding:10px 14px;font-size:12px}.stop-panel__foot p{margin:0}.stop-panel__foot .stop-panel__note{margin-top:2px}.maplibregl-popup .maplibregl-popup-content{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);max-width:280px;color:var(--text);padding:14px 16px;font-size:13px;line-height:1.45;box-shadow:0 14px 30px #00000073}.maplibregl-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip,.maplibregl-popup.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.maplibregl-popup.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--surface-2)}.maplibregl-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.maplibregl-popup.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.maplibregl-popup.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--surface-2)}.maplibregl-popup.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--surface-2)}.maplibregl-popup.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--surface-2)}.maplibregl-popup .maplibregl-popup-close-button{border-radius:0 var(--radius) 0 0;width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;line-height:1}.maplibregl-popup .maplibregl-popup-close-button:hover{color:var(--text);background:#ffffff14}.maplibregl-popup .maplibregl-popup-close-button:focus{outline:none}.maplibregl-popup .maplibregl-popup-close-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;color:var(--text)}.map-popup__title{color:var(--text);margin:0 22px 6px 0;font-size:15px;font-weight:600}.map-popup__delay{margin:0 0 4px;font-size:14px;font-weight:700}.map-popup__delay.is-ontime{color:var(--ok)}.map-popup__delay.is-late{color:var(--major)}.map-popup__delay.is-early{color:var(--accent)}.map-popup__delay.is-unknown{color:var(--text-muted)}.map-popup__row{color:var(--text-muted);margin:0}.map-popup__label{color:var(--text-muted)}.map-popup__value{color:var(--text)}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin:0 auto;padding:20px;font-size:12px}.footer p{margin:0 0 6px}.footer__note{opacity:.75}.summary-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;padding:14px 16px;display:flex}.summary-card--police,.situation-row--police{background:navy}.summary-card--traffic,.situation-row--traffic{background:#4d5438}.summary-card--public-transport,.situation-row--public-transport{background:#701c1c}.summary-card--weather,.situation-row--weather{background:#2f384c}.summary-card__head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.summary-card__title{text-transform:uppercase;letter-spacing:.4px;color:var(--accent);margin:0;font-size:13px;font-weight:600}.summary-card__count{color:var(--accent);background:#4da3ff26;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.summary-card__list{flex-direction:column;flex:1;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.summary-card__item{flex-direction:column;gap:1px;display:flex}.summary-card__item-title{font-size:13px;font-weight:700;line-height:1.3}.summary-card__item-time{color:var(--text-muted);font-size:11px}.summary-card__more{color:var(--accent);font-size:12px;font-weight:700;text-decoration:none}.summary-card__more:hover{text-decoration:underline}.now-backdrop{z-index:-1;pointer-events:none;opacity:.75;background-image:url(/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}@media (width<=760px){.now-backdrop{display:none}}.now-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;margin-bottom:24px;display:flex}.now-head__text{min-width:min(240px,100%)}.now-head .page__lead{margin-bottom:0}.weather-card{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#131c2ed9;flex-direction:column;flex:none;gap:3px;min-width:min(210px,100%);max-width:260px;margin-left:auto;padding:12px 16px;display:flex}.weather-card__main{align-items:center;gap:10px;display:flex}.weather-card__icon{font-size:30px;line-height:1}.weather-card__temp{font-size:26px;font-weight:700}.weather-card__condition{margin:0;font-size:14px}.weather-card__meta{color:var(--text-muted);margin:0;font-size:13px}.weather-card__source{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.weather-card--loading{color:var(--text-muted);font-size:13px}@media (width<=760px){.weather-card{width:100%;max-width:none;margin-left:0}}.summary-card__item+.summary-card__item{border-top:1px solid var(--border);padding-top:8px}.summary-card__item-desc{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.summary-card__item-link{color:var(--accent);margin-top:2px;font-size:11px;text-decoration:none;display:inline-block}.summary-card__item-link:hover{text-decoration:underline}@media (width<=760px){.summary-card__item-desc{display:none}}.situation-list{flex-direction:column;gap:12px;display:flex}.situation-row{border:1px solid var(--border);border-radius:var(--radius);max-width:1000px;padding:14px 16px}.situation-row__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 100px;margin-bottom:6px;display:flex}.situation-row__title{margin:0;font-size:13px;line-height:1.3}.situation-row__time{color:var(--text-muted);white-space:nowrap;margin:0;font-size:11px}.situation-row__desc{color:var(--text);margin:0;font-size:12px}.situation-row__link{color:var(--accent);margin-top:6px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.situation-row__link:hover{text-decoration:underline}.severity-dot{vertical-align:middle;background:var(--info);border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.severity-dot--info{background:var(--info)}.severity-dot--minor{background:var(--minor)}.severity-dot--major{background:var(--major)}.severity-dot--critical{background:var(--critical)}.button{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:#4da3ff26;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600}.button:hover:not(:disabled){background:#4da3ff4d}.button:disabled{opacity:.6;cursor:progress}.button--secondary{border-color:var(--border);background:var(--surface-2)}.button--secondary:hover:not(:disabled){background:var(--surface)}.camera-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.camera-toolbar__info{color:var(--text-muted);font-size:12px}.camera-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;display:grid}.camera-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.camera-card__link{aspect-ratio:16/9;background:var(--surface-2);display:block}.camera-card__img{object-fit:cover;width:100%;height:100%;display:block}.camera-card__error{aspect-ratio:16/9;background:var(--surface-2);color:var(--text-muted);text-align:center;place-items:center;margin:0;font-size:12px;display:grid}.camera-card__body{padding:10px 12px 12px}.camera-card__title{margin:0;font-size:13px;font-weight:600}.camera-card__meta{color:var(--text-muted);margin:2px 0 0;font-size:11px}.camera-card__presets{align-items:center;gap:4px;margin-top:8px;display:flex}.camera-card__presets-label{color:var(--text-muted);font-size:11px}.camera-chip{border:1px solid var(--border);background:var(--surface-2);min-width:24px;color:var(--text);cursor:pointer;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:11px}.camera-chip--active{border-color:var(--accent);background:#4da3ff40;font-weight:700}.tms-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;display:grid}.tms-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:12px 14px;font-family:inherit;display:flex}.tms-card:hover{border-color:var(--accent)}.tms-card--selected{border-color:var(--accent);background:var(--surface-2)}.tms-card__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tms-card__title{font-size:14px;font-weight:600}.tms-card__road{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;border-radius:6px;padding:1px 6px;font-size:11px}.tms-card__meta{color:var(--text-muted);font-size:11px}.tms-card__directions{flex-direction:column;gap:6px;display:flex}.tms-direction{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding-top:6px;display:flex}.tms-direction__head{align-items:center;gap:6px;display:flex}.tms-direction__name{color:var(--text-muted);font-size:11px}.tms-direction__values{align-items:baseline;gap:8px;font-size:13px;display:flex}.tms-direction__sub{color:var(--text-muted);font-size:11px}.tms-level{white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700}.tms-level--sujuvaa{color:var(--ok);background:#22c55e2e}.tms-level--hidastunut{color:var(--minor);background:#eab3082e}.tms-level--ruuhkautunut{color:#ff8a8a;background:#dc262633}.tms-level--tuntematon{background:var(--surface-2);color:var(--text-muted)}.tms-card__hint{color:var(--text-muted);font-size:11px}.tms-history{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:20px;padding:16px}.tms-history__title{margin:0 0 12px;font-size:16px}.tms-chart+.tms-chart{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.tms-chart__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tms-chart__title{margin:0;font-size:14px}.tms-chart__subtitle,.tms-chart__summary{color:var(--text-muted);font-size:12px}.tms-chart__summary{margin:6px 0 0}.tms-bars{align-items:flex-end;gap:2px;height:120px;margin-top:8px;display:flex}.tms-bars__item{flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:4px;min-width:0;height:100%;display:flex}.tms-bars__bar{background:var(--accent);border-radius:2px 2px 0 0;display:block}.tms-bars__label{color:var(--text-muted);text-align:center;white-space:nowrap;font-size:9px}.tms-bars--hours .tms-bars__label{font-size:8px}.tms-speed-list{margin:8px 0 0;padding:0;list-style:none}.tms-speed-list__row{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;display:flex}.tms-speed-list__row:first-child{border-top:0}.tms-speed-list__name{font-size:13px}.tms-speed-list__values{flex-direction:column;align-items:flex-end;font-size:13px;display:flex}.tms-speed-list__sub{color:var(--text-muted);font-size:11px}.tms-history__note{color:var(--text-muted);margin-top:12px;font-size:12px}.sauna-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px;display:grid}.sauna-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.sauna-card__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sauna-card__title{margin:0;font-size:15px;font-weight:600}.sauna-card__address{color:var(--text-muted);margin:0;font-size:12px}.sauna-card__rows{flex-direction:column;gap:6px;margin:0;display:flex}.sauna-card__row{flex-direction:column;gap:1px;display:flex}.sauna-card__label{color:var(--text-muted);font-size:11px}.sauna-card__value{margin:0;font-size:13px}.sauna-card__value--open{color:var(--ok);font-weight:600}.sauna-card__value--closed{color:var(--critical);font-weight:600}.sauna-card__info{color:var(--text-muted);margin:0;font-size:12px}.sauna-card__meta{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:2px;padding-top:8px;display:flex}.sauna-card__badges{gap:6px;display:flex}.sauna-card__link{font-size:12px}.sauna-badge{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:11px}.sauna-badge--new{border-color:var(--ok);color:var(--ok);font-weight:700}.sauna-water{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:4px 0 16px;padding:8px 12px;display:flex}.sauna-water__label{color:var(--text-muted);font-size:12px}.sauna-water__value{color:var(--accent);font-size:18px;font-weight:700}.sauna-water__meta{color:var(--text-muted);font-size:12px}.detection-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px;display:grid}.detection-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.detection-card__frame{background:var(--surface-2);position:relative}.detection-card__link{display:block}.detection-card__img{background:var(--bg);width:100%;height:auto;display:block}.detection-card__image-missing{color:var(--text-muted);text-align:center;margin:0;padding:32px 16px;font-size:13px}.detection-box{border:2px solid var(--accent);pointer-events:none;border-radius:3px;position:absolute}.detection-box--person{border-color:var(--critical)}.detection-box--animal{border-color:var(--ok)}.detection-card__body{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.detection-card__title{margin:0;font-size:15px;font-weight:600}.detection-card__camera,.detection-card__time{color:var(--text-muted);margin:0;font-size:12px}.detection-card__classes{flex-wrap:wrap;gap:6px;display:flex}.detection-badge{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:2px 8px;font-size:12px}.detection-badge--person{border-color:var(--critical)}.detection-badge--animal{border-color:var(--ok)}.detection-badge--unknown{color:var(--text-muted)}.detection-card__details{border-top:1px solid var(--border);grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0 0;padding-top:8px;font-size:12px;display:grid}.detection-card__details dt{color:var(--text-muted)}.detection-card__details dd{overflow-wrap:anywhere;margin:0}.detection-more{margin-top:16px}