:root{--bg: #0a0a0f;--surface: #12121a;--surface-hover: #1a1a25;--border: #2a2a35;--border-subtle: #1e1e28;--text: #e0e0e8;--text-secondary: #9999aa;--text-dim: #80809a;--accent: #4488ff;--brand: #4fd1c5;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vig-vert: #22c55e;--vig-jaune: #eab308;--vig-orange: #f97316;--vig-rouge: #ef4444;--vig-violet: #a855f7}*,*:before,*:after{box-sizing:border-box}:root{--panel-item-padding: 8px 10px;--panel-item-gap: 4px;--panel-item-radius: 4px;--panel-item-border-width: 3px;--panel-section-gap: 6px}.panel-item{padding:var(--panel-item-padding);border-radius:var(--panel-item-radius);border-left:var(--panel-item-border-width) solid var(--border);background:#ffffff05;display:flex;flex-direction:column;gap:var(--panel-item-gap)}.panel-item+.panel-item{margin-top:var(--panel-item-gap)}.panel-item--severity-low{border-left-color:var(--vig-vert)}.panel-item--severity-medium{border-left-color:var(--vig-jaune)}.panel-item--severity-high{border-left-color:var(--vig-orange)}.panel-item--severity-critical{border-left-color:var(--vig-rouge)}.panel-item--severity-info{border-left-color:var(--accent)}.panel-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.panel-item-title{font-weight:600;color:var(--text);text-decoration:none}a.panel-item-title:hover{text-decoration:underline}.panel-item-meta{font-size:11px;color:var(--text-secondary)}.panel-item-body{font-size:11px;color:var(--text-secondary);line-height:1.45}.panel-stats{display:flex;flex-direction:column;gap:4px;padding:6px 8px;margin-bottom:8px;border-radius:4px;background:#ffffff08}.panel-stat-row{display:flex;align-items:center;gap:6px;font-size:11px;overflow:hidden;min-width:0}.panel-stat-label{font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:10px;min-width:55px}.panel-stat-value{font-family:var(--font-mono);font-weight:600;color:var(--text)}.panel-stat-value--min{color:#67b7f7}.panel-stat-value--max{color:#f97316}.panel-stat-value--info{color:var(--accent)}.panel-stat-value--low{color:var(--vig-vert)}.panel-stat-value--medium{color:var(--vig-jaune)}.panel-stat-value--high{color:var(--vig-orange)}.panel-stat-value--critical{color:var(--vig-rouge)}.panel-stat-value--muted,.panel-stat-sep{color:var(--text-dim)}.panel-stat-hint{font-size:9px;font-weight:400;color:var(--text-dim);margin-left:3px;font-family:var(--font-sans)}.water-metrics{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.water-metric{padding:2px 8px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;font-size:11px;line-height:1.4}.water-metric--ok{color:var(--vig-vert);border-color:#22c55e4d}.water-metric--warn{color:var(--vig-orange);border-color:#f973164d}.water-metric--critical{color:var(--vig-rouge);border-color:#ef44444d}.water-metric--muted{color:var(--text-dim)}.water-ars-anomaly{margin-top:6px;padding:8px 10px;border-radius:4px;background:#ef444414;border:1px solid rgba(239,68,68,.2);font-size:11px;color:var(--text-secondary);line-height:1.45}.water-ars-anomaly-head{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--vig-rouge);margin-bottom:4px}.water-ars-anomaly-icon{font-size:13px}.water-ars-params{margin-bottom:4px}.water-ars-params-label{color:var(--text-dim);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.3px}.water-ars-param{color:var(--vig-orange);font-weight:600}.water-ars-conclusion{color:var(--text);margin-bottom:4px}.water-ars-commentaire{color:var(--text-dim);font-style:italic;padding-top:4px;border-top:1px dashed var(--border-subtle);margin-top:4px}.water-ars-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;align-items:center}.water-ars-toggle{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;font-size:10px;text-decoration:underline}.water-ars-toggle:hover{color:var(--text)}.water-ars-bulletin{font-size:10px;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.water-ars-bulletin:hover{text-decoration:underline}.water-runeo-outage{margin-top:6px;padding:8px 10px;border-radius:4px;background:#f973160f;border:1px solid rgba(249,115,22,.2);font-size:11px;color:var(--text-secondary);line-height:1.45}.water-runeo-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.water-runeo-icon{font-size:13px}.water-runeo-type{font-weight:600;color:var(--vig-orange);text-transform:uppercase;font-size:10px;letter-spacing:.3px}.water-runeo-badge{padding:1px 7px;border-radius:8px;font-size:10px;font-weight:600;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:var(--vig-rouge)}.water-runeo-badge--scheduled{background:#4488ff1f;border-color:#4488ff4d;color:var(--accent)}.water-runeo-title{color:var(--text);margin-bottom:4px}.water-runeo-summary{color:var(--text-muted);font-size:.92em;margin-bottom:4px;line-height:1.35}.water-runeo-eta{margin-bottom:4px;color:var(--text)}.water-runeo-streets{margin-bottom:4px;display:flex;flex-direction:column;gap:2px}.beach-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.beach-metrics{font-size:11px;color:var(--text-secondary);margin-top:2px}.plages-pr2p{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;border-radius:4px;background:#ffffff05;border:1px solid var(--border-subtle);text-decoration:none;transition:background .15s}.plages-pr2p:hover{background:#ffffff0d}.plages-pr2p-link{margin-left:auto;font-size:10px;color:var(--accent)}.beach-bacterio{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:10px;color:var(--text);margin-top:3px}.beach-status-cause{margin-top:6px;padding:6px 8px;border-left:2px solid var(--vig-red, #ef4444);background:#ef44440f;border-radius:0 3px 3px 0;font-size:11px}.beach-status-cause-label{color:var(--text)}.beach-status-event-title{margin-top:4px;color:var(--text);font-weight:600;font-size:12px}.beach-status-event-summary{margin-top:3px;color:var(--text-dim);font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.beach-status-links{margin-top:6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.beach-related-signal{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px}.beach-samples{margin-top:6px}.beach-samples-title{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:3px}.beach-sample{display:flex;align-items:center;gap:8px;font-size:11px;font-family:var(--font-mono);padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.beach-sample:last-child{border-bottom:none}.beach-sample-date{min-width:60px;color:var(--text-dim)}.beach-sample-values{flex:1;color:var(--text)}.beach-sample-badge{font-size:9px!important;padding:1px 5px!important}.beach-samples-doc{display:inline-block;margin-top:4px;font-size:10px;color:var(--accent);text-decoration:none}.beach-samples-doc:hover{text-decoration:underline}.beach-bacterio strong{color:var(--vig-orange)}.beach-note{font-size:10px;color:var(--text-dim);font-style:italic;margin-top:3px}a.beach-name{text-decoration:none}a.beach-name:hover{color:var(--accent);text-decoration:underline}.water-bathing-site{margin-top:6px;padding:8px 10px;border-radius:4px;background:#4488ff0f;border:1px solid rgba(68,136,255,.2);font-size:11px;color:var(--text-secondary);line-height:1.45}.water-bathing-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.water-bathing-name{font-weight:600;color:var(--text);font-size:12px;text-decoration:none}a.water-bathing-name:hover{color:var(--accent);text-decoration:underline}.water-bathing-values{display:flex;gap:12px;font-family:var(--font-mono);color:var(--text);margin-bottom:3px}.water-bathing-values strong{color:var(--vig-orange)}.water-bathing-meta{font-size:10px;color:var(--text-dim)}.water-piezo-station{margin-top:6px;padding:8px 10px;border-radius:4px;background:#4488ff0d;border:1px solid rgba(68,136,255,.2);font-size:11px;color:var(--text-secondary);line-height:1.4}.water-piezo-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.water-piezo-name{font-weight:600;color:var(--text);font-size:12px}.water-piezo-trend{padding:1px 7px;border-radius:8px;font-size:10px;font-weight:600;background:#ffffff0d;border:1px solid var(--border-subtle)}.water-piezo-trend--ok{color:var(--vig-vert);border-color:#22c55e4d}.water-piezo-trend--warn{color:var(--vig-orange);border-color:#f973164d}.water-piezo-trend--critical{color:var(--vig-rouge);border-color:#ef44444d}.water-piezo-trend--muted{color:var(--text-dim)}.water-piezo-context{font-size:10px;color:var(--text-dim);margin-bottom:6px}.water-piezo-pct-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.water-piezo-pct{font-family:var(--font-mono);font-weight:600}.water-piezo-pct--ok{color:var(--vig-vert)}.water-piezo-pct--warn{color:var(--vig-orange)}.water-piezo-pct--critical{color:var(--vig-rouge)}.water-piezo-pct--muted{color:var(--text-secondary)}.water-piezo-pct-hint{font-size:10px;color:var(--vig-rouge);font-style:italic}.water-piezo-range{margin-top:4px}.water-piezo-range-bar{position:relative;height:6px;border-radius:3px;background:#ffffff0f;border:1px solid var(--border-subtle);overflow:hidden;margin-bottom:3px}.water-piezo-range-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ef444473,#eab30873,#22c55e73)}.water-piezo-range-cursor{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);transform:translate(-1px);box-shadow:0 0 0 1px #0006}.water-piezo-range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--text-dim);font-family:var(--font-mono)}.panel-source{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:6px;padding-top:4px;font-size:10px;color:var(--text-dim)}.panel-source a{color:var(--text-dim);text-decoration:none}.panel-source a:hover{color:var(--text-secondary);text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;padding:8px 14px;background:var(--accent);color:#fff;font-weight:600;font-size:13px;text-decoration:none;border-radius:0 0 6px}.skip-link:focus{left:0}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{height:44px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.header-title{font-family:var(--font-mono);font-size:15px;font-weight:900;letter-spacing:-.5px;color:var(--text);text-transform:uppercase}.header-fs{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:#ffffff0a;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.header-fs:hover{color:var(--text);background:var(--surface-hover)}.header-clock{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);letter-spacing:-.3px;white-space:nowrap;pointer-events:none}.header-badges{display:flex;align-items:center;gap:10px;margin-left:auto}.header-link{font-size:12px;color:var(--text-secondary);text-decoration:none;padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:#ffffff0a;transition:color .15s,background .15s;white-space:nowrap}.header-link:hover{color:var(--text);background:var(--surface-hover)}@media(max-width:768px){.header-link{display:none}}.badge{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#ffffff0d;border:1px solid var(--border)}.badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.badge-dot.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.header-update{font-size:11px;color:var(--text-dim)}.dashboard{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.map-area{position:relative;background:var(--surface);overflow:hidden}.map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:13px}.panels-scroll{overflow-y:auto;overflow-x:hidden}.panels-scroll::-webkit-scrollbar{width:6px}.panels-scroll::-webkit-scrollbar-track{background:var(--bg)}.panels-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:minmax(220px,380px);grid-auto-flow:row dense;gap:4px;padding:4px}.panel.span-2{grid-row:span 2}.panel.wide{grid-column:span 2}.panel{background:var(--surface);display:flex;flex-direction:column;overflow:hidden;min-height:0;border-radius:4px;position:relative;transition:box-shadow .15s}.panel:hover{box-shadow:0 0 0 1px var(--border)}.panel.dragging{opacity:.4}.panel-resize-handle{height:6px;cursor:ns-resize;flex-shrink:0;position:relative}.panel-resize-handle:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:32px;height:3px;border-radius:2px;background:var(--border);opacity:0;transition:opacity .15s}.panel:hover .panel-resize-handle:after{opacity:1}.panels-grid>div{display:flex;min-height:0}.panels-grid>div>.panel{flex:1;min-height:0}.panels-grid>div:has(.panel.wide){grid-column:span 2}.panel-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff05;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0;line-height:1.4;font-family:inherit}.panel-move-controls{display:flex;gap:2px;opacity:0;transition:opacity .15s}.panel:hover .panel-move-controls,.panel-move-controls:focus-within{opacity:1}.panel-move-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.panel-move-btn:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:var(--border)}.panel-move-btn:disabled{opacity:.3;cursor:not-allowed}.empty-state.error{color:var(--vig-rouge)}.panel-badge{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:600;background:#ffffff0f;color:var(--text-dim)}.panel-badge.live{color:var(--vig-vert)}.panel-badge.error{color:var(--vig-rouge)}.panel-badge.critical{background:#ef44442e;color:#ef4444}.panel-badge.degraded{background:#eab3082e;color:#eab308}.panel-badge.ok{background:#22c55e2e;color:#22c55e}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;min-height:0;min-width:0}.panel-content::-webkit-scrollbar{width:4px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.vig-zones{display:flex;flex-direction:column;gap:6px}.vig-footer-cta{margin-top:10px;display:flex;justify-content:flex-end}.vig-marine-section{margin-top:12px}.vig-marine-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:6px}.vig-marine-bounds{font-size:11px;color:var(--text-secondary);margin-top:2px}.vig-zone{flex-direction:row;align-items:center;gap:10px;cursor:pointer;transition:background .15s}.vig-zone:hover{background:var(--surface-hover)}.vig-zone-name{font-weight:600;font-size:12px;min-width:50px}.vig-zone-color{font-size:11px;font-weight:600;text-transform:uppercase}.vig-phenomena{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.vig-pill{font-size:10px;padding:1px 6px;border-radius:3px;background:#ffffff0f;color:var(--text-secondary)}.nautical-list{display:flex;flex-direction:column;gap:4px}.nautical-card{padding:8px 10px;border-radius:4px;border-left:3px solid;background:#ffffff05}.nautical-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.nautical-title{font-size:11px;font-weight:600;color:var(--text)}.nautical-time{font-size:10px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.nautical-hazard{font-size:11px;font-weight:600;margin-top:2px}.nautical-locality{font-size:10px;color:var(--text-secondary);margin-top:1px}.nautical-info{font-size:10px;color:var(--text-secondary);opacity:.7;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runeo-list{display:flex;flex-direction:column;gap:4px}.runeo-card{padding:8px 10px;border-radius:4px;border-left:3px solid;background:#ffffff05}.runeo-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.runeo-city{font-size:11px;font-weight:700;color:var(--text)}.runeo-date{font-size:10px;color:var(--text-secondary);flex-shrink:0}.runeo-type{font-size:10px;font-weight:600;margin-top:2px}.runeo-title{font-size:11px;color:var(--text);margin-top:2px}.runeo-details{font-size:10px;color:var(--text-secondary);margin-top:4px;cursor:pointer;line-height:1.4;overflow:hidden;max-height:2.8em}.runeo-details--expanded{max-height:none}.runeo-link{display:inline-block;font-size:10px;color:var(--accent);text-decoration:none;margin-top:4px}.runeo-link:hover{text-decoration:underline}.ship-list{display:flex;flex-direction:column;gap:4px;max-height:350px;overflow-y:auto}.ship-card{flex-direction:row;gap:8px;align-items:flex-start}.ship-card-body{flex:1;min-width:0}.ship-photo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;border-radius:4px;background:var(--surface);border:1px solid var(--border-subtle);overflow:hidden;color:var(--text-dim);text-decoration:none}.ship-photo img{width:100%;height:100%;object-fit:cover;display:block}.ship-photo.ship-photo-placeholder,.ship-photo.ship-photo-failed{font-size:24px;line-height:1}.ship-photo-emoji{font-size:22px;line-height:1;filter:grayscale(.3)}a.ship-photo:hover{border-color:var(--accent)}.ship-header{display:flex;justify-content:space-between;align-items:center;gap:6px}.ship-name-row{display:flex;align-items:center;gap:4px;min-width:0}.ship-emoji{font-size:12px;flex-shrink:0}.ship-name{font-size:11px;font-weight:700;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.ship-name:hover{color:var(--accent)}.ship-flag{font-size:10px;color:var(--text-secondary);flex-shrink:0}.ship-details{display:flex;gap:6px;font-size:10px;color:var(--text-secondary);margin-top:2px;flex-wrap:wrap}.ship-type{font-weight:500}.ship-meta{opacity:.7}.ship-info{display:flex;gap:6px;font-size:10px;color:var(--text-secondary);margin-top:2px;flex-wrap:wrap;opacity:.7}.airport-summary{display:flex;align-items:center;gap:10px;margin-bottom:8px}.airport-situation{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;border:1px solid;background:#ffffff08}.airport-sit-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.airport-sit-label{font-size:11px;font-weight:600;color:var(--text)}.airport-stats{display:flex;gap:8px;font-size:10px;color:var(--text-secondary);flex-wrap:wrap}.airport-next{margin-bottom:8px}.airport-next-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px}.airport-next .flight-card{background:#a855f70f;border-left-color:#a855f7}.airport-flights{display:flex;flex-direction:column;gap:3px;max-height:300px;overflow-y:auto}.flight-card{padding:6px 8px;border-radius:4px;border-left:3px solid var(--border);background:#ffffff05}.flight-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.flight-number{font-size:11px;font-weight:700;color:var(--text);font-family:monospace;text-decoration:none}.flight-number:hover{color:var(--accent)}.flight-status{font-size:10px;font-weight:600}.flight-details{display:flex;gap:6px;font-size:10px;color:var(--text-secondary);margin-top:1px}.flight-route{font-size:10px}.flight-airline{font-size:10px;opacity:.6}.flight-times{font-size:11px;color:var(--text);margin-top:2px}.flight-scheduled{font-family:monospace}.flight-actual{font-family:monospace;font-weight:600}.flight-delay{font-size:10px}.alert-list{display:flex;flex-direction:column;gap:4px}.alert-item{padding:8px 10px;border-radius:4px;border-left:3px solid var(--border);background:#ffffff05;cursor:pointer;transition:background .15s}.alert-item:hover{background:var(--surface-hover)}.alert-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-dim);margin-bottom:2px}.alert-source{font-weight:600;color:var(--text-secondary)}.alert-title{font-size:12px;color:var(--text);line-height:1.3}.alert-content{margin-top:6px;font-size:11px;color:var(--text-secondary);line-height:1.4;white-space:pre-wrap}.alert-empty{text-align:center;color:var(--text-dim);padding:24px;font-size:12px}.alert-load-more{display:block;width:100%;margin-top:8px;padding:6px;background:#ffffff0a;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:11px;cursor:pointer;text-align:center}.alert-load-more:hover{background:var(--surface-hover)}.marine-stat{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.marine-value{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--text)}.marine-unit{font-size:13px;color:var(--text-dim)}.marine-label{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.marine-detail{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;margin-bottom:4px}.marine-arrow{display:inline-block;font-size:14px;line-height:1}.bms-warning{margin-top:10px;padding:8px 10px;border-radius:4px;border:1px solid var(--vig-orange);background:#f9731614}.bms-warning-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--vig-orange);margin-bottom:4px}.bms-warning-text{font-size:12px;color:var(--text-secondary);line-height:1.4}.water-stats{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.water-stats-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:#ffffff05;border:1px solid transparent;border-radius:4px;color:var(--text);font-size:12px;font-family:inherit;text-align:left;cursor:pointer;transition:background .12s ease}.water-stats-toggle:hover{background:#ffffff0d}.water-stats-toggle-arrow{font-family:var(--font-mono);color:var(--text-dim);width:12px}.water-stats-toggle-hint{margin-left:auto;font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.water-stats-body{margin-top:10px}.water-stats-periods{display:flex;gap:4px;margin-bottom:12px}.water-stats-period{flex:1;padding:4px 8px;background:#ffffff08;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .12s ease}.water-stats-period:hover{background:#ffffff0f;color:var(--text)}.water-stats-period--active{background:#60a5fa26;border-color:#60a5fa66;color:#93c5fd}.water-stats-kpis{display:flex;gap:8px;margin-bottom:12px}.water-stats-kpi{flex:1;padding:8px;background:#ffffff08;border-radius:4px;text-align:center}.water-stats-kpi-value{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--text)}.water-stats-kpi-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.water-stats-block{margin-bottom:14px}.water-stats-heading{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.water-stats-rank{display:flex;flex-direction:column;gap:4px}.water-stats-rank-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;align-items:center;gap:8px;font-size:12px}.water-stats-rank-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.water-stats-rank-bar{height:6px;background:#60a5fa1a;border-radius:3px;overflow:hidden}.water-stats-rank-fill{display:block;height:100%;background:linear-gradient(90deg,#60a5fa8c,#60a5fad9)}.water-stats-rank-count{font-family:var(--font-mono);color:var(--text);font-size:12px;min-width:24px;text-align:right}.water-stats-chart{display:block;width:100%;height:auto}.water-stats-axis{display:flex;justify-content:space-between;margin-top:4px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.water-stats-dow{display:flex;align-items:flex-end;gap:4px;height:60px}.water-stats-dow-cell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.water-stats-dow-bar{width:100%;background:linear-gradient(180deg,#60a5fad9,#60a5fa73);border-radius:2px 2px 0 0;min-height:2px}.water-stats-dow-label{font-size:10px;color:var(--text-dim);margin-top:4px;font-family:var(--font-mono);text-transform:uppercase}.water-stats-dow-count{position:absolute;top:-14px;font-size:10px;font-family:var(--font-mono);color:var(--text-dim)}.water-stats-ops{display:flex;flex-wrap:wrap;gap:6px}.water-stats-op-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;font-size:11px}.water-stats-op-name{color:var(--text);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.4px}.water-stats-op-count{color:var(--text-dim);font-family:var(--font-mono)}.cyclone-stats{display:flex;gap:12px;margin:6px 0 10px}.cyclone-stat{flex:1;padding:8px;border-radius:4px;background:#ffffff08;text-align:center}.cyclone-stat-value{font-size:22px;font-weight:700;font-family:var(--font-mono)}.cyclone-stat-unit{font-size:12px;font-weight:400;color:var(--text-dim)}.cyclone-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;margin-top:2px}.cyclone-stat-hint{font-size:10px;color:var(--text-dim);text-transform:none;letter-spacing:0;font-family:var(--font-mono)}.cyclone-approach,.cyclone-position{margin-top:4px;font-size:.92em;color:var(--text)}.cyclone-image{margin-top:8px}.cyclone-image img{display:block;width:100%;border-radius:4px;border:1px solid var(--border);background:#ffffff08}.cyclone-meta{margin-top:6px;font-size:11px;color:var(--text-dim)}.cyclone-source{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.cyclone-focus-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-radius:4px;color:#fecaca;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:background .15s ease}.cyclone-focus-btn:hover{background:#ef444438}.cyclone-focus-btn:active{background:#ef444452}.lava-flow-list{display:flex;flex-direction:column;gap:4px;margin:6px 0}.lava-flow-row{display:flex;align-items:center;gap:8px;font-size:12px}.lava-flow-name{font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.4px;font-size:11px;min-width:76px}.lava-focus-btn{background:#f973161f;border-color:#f9731666;color:#fdba74}.lava-focus-btn:hover{background:#f9731638}.lava-focus-btn:active{background:#f9731652}.volcano-stats{display:flex;gap:12px;margin-bottom:10px}.volcano-stat{flex:1;padding:8px;border-radius:4px;background:#ffffff08;text-align:center}.volcano-stat-value{font-size:24px;font-weight:700;font-family:var(--font-mono)}.volcano-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;margin-top:2px}.volcano-stat-hint{font-size:10px;color:var(--text-dim);text-transform:none;letter-spacing:0;font-family:var(--font-mono)}.quake-list{display:flex;flex-direction:column;gap:3px}.ovpf-timeline{margin-bottom:10px}.ovpf-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:6px 0}.ovpf-list{display:flex;flex-direction:column;gap:4px}.ovpf-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.prefecture-list,.aqi-list{display:flex;flex-direction:column;gap:4px}.aqi-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.overview-banner{position:relative;background:#12121a99;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overview-scroll{position:relative;overflow:hidden;padding:12px 40px 12px 0;mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 40px),transparent 100%)}.overview-scroll-track{display:flex;width:max-content;animation:overview-scroll-marquee 40s linear infinite;will-change:transform}.overview-scroll:hover .overview-scroll-track{animation-play-state:paused}.overview-scroll-run{display:flex;flex-shrink:0;gap:8px;padding-right:8px}@keyframes overview-scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.overview-scroll{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.overview-scroll-track{animation:none;width:auto}.overview-scroll-run[aria-hidden=true]{display:none}}.overview-card{flex:0 0 220px;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--border-subtle);border-left-width:3px;border-radius:6px;background:#0a0a0f99;color:var(--text);text-align:left;font-family:inherit;font-size:inherit;min-width:0}button.overview-card{cursor:pointer;transition:background .15s,border-color .15s}button.overview-card:hover{background:#ffffff0a;border-color:var(--border)}button.overview-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.overview-card--ok{border-left-color:#22c55e}.overview-card--info{border-left-color:#3b82f6}.overview-card--warning,.overview-card--degraded{border-left-color:#eab308}.overview-card--alert{border-left-color:#f97316}.overview-card--critical{border-left-color:#ef4444}.overview-card--unknown{border-left-color:#6a6a78;opacity:.65}.overview-card-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.overview-card-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.overview-card-headline{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-card-detail{font-size:11px;color:var(--text-secondary);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-card-source{font-size:10px;color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-card-sep{margin:0 2px}.overview-card-sources-count{color:var(--text-secondary);font-weight:500}.overview-card--skeleton{cursor:default;pointer-events:none}.overview-skeleton{display:block;height:10px;background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;border-radius:2px;animation:situation-skeleton 1.4s infinite linear}.overview-skeleton--label{width:40%;height:8px;margin-bottom:4px}.overview-skeleton--headline{width:80%;height:12px;margin-bottom:3px}.overview-skeleton--detail{width:60%;height:10px}.overview-compact{display:flex;align-items:center;gap:12px;padding:6px 12px;font-size:12px;color:var(--text-secondary);min-height:32px}.overview-compact-prefix{flex-shrink:0;color:var(--text-dim);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--border-subtle);padding-right:12px}.overview-ticker{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}.overview-ticker-track{display:flex;width:max-content;animation:overview-scroll-marquee 60s linear infinite;will-change:transform}.overview-ticker:hover .overview-ticker-track{animation-play-state:paused}.overview-ticker-run{display:flex;flex-shrink:0}.overview-ticker-item{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:12px;cursor:pointer;white-space:nowrap;border-radius:3px}.overview-ticker-item:disabled{cursor:default}.overview-ticker-item:not(:disabled):hover{background:#ffffff0a;color:var(--text)}.overview-ticker-item--warning,.overview-ticker-item--degraded{color:#eab308}.overview-ticker-item--alert{color:#f97316}.overview-ticker-item--critical{color:#ef4444}.overview-ticker-item--unknown{color:var(--text-dim)}.overview-ticker-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.overview-ticker-label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.overview-ticker-sep{color:var(--text-dim);margin:0 2px}.overview-ticker-headline{color:var(--text)}@media(prefers-reduced-motion:reduce){.overview-ticker{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.overview-ticker-track{animation:none}.overview-ticker-run[aria-hidden=true]{display:none}}.overview-toggle{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.overview-toggle:hover{color:var(--text);border-color:var(--border)}.overview-toggle--corner{position:absolute;top:10px;right:10px;padding:2px 8px;font-size:12px;line-height:1;z-index:2}@media(max-width:900px){.overview-card{flex:0 0 80%}}.app-footer{margin-top:20px;padding:24px 16px 40px;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;line-height:1.55}.app-footer-positioning{color:var(--text);margin-bottom:14px;font-weight:500}.app-footer-producers{margin-bottom:14px}.app-footer-label{display:block;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.app-footer-list{color:var(--text-dim);font-size:11px}.app-footer-links{display:flex;gap:16px;flex-wrap:wrap}.app-footer-links a{color:var(--brand);text-decoration:none;font-size:12px}.app-footer-links a:hover{text-decoration:underline}.transport-list{display:flex;flex-direction:column;gap:4px}.transport-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.transport-desc{font-size:11px;color:var(--text-secondary);line-height:1.45;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.transport-late-section{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-subtle)}.transport-section-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:6px}.transport-section-hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-dim)}.transport-late-stop{font-size:11px;color:var(--text-secondary);margin-top:4px}.news-list{display:flex;flex-direction:column;gap:4px}.news-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.news-desc{font-size:11px;color:var(--text-secondary);line-height:1.45;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-cluster-badge{padding:2px 8px;border-radius:10px;font-size:11px;line-height:1.4;font-weight:600;white-space:nowrap;border:1px solid transparent}.news-cluster-badge--mature{color:var(--vig-orange);background:#f973161a;border-color:#f973164d}.news-cluster-badge--confirmed{color:var(--vig-jaune, #facc15);background:#facc1514;border-color:#facc1540}.news-cluster-badge--candidate{color:var(--text-dim);background:#ffffff0a;border-color:var(--border-subtle)}.news-cluster-sources{font-size:11px;color:var(--text-dim);margin-top:4px;line-height:1.4}.news-cluster-toggle{margin-top:6px;padding:4px 0;background:none;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--border-subtle)}.news-cluster-toggle:hover{color:var(--text-primary)}.news-cluster-list{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.news-cluster-list-item{display:flex;flex-direction:column;gap:2px}.news-cluster-list-link{font-size:12px;color:var(--text-primary);line-height:1.4;text-decoration:none}.news-cluster-list-link:hover{text-decoration:underline}.news-cluster-list-meta{font-size:10px;color:var(--text-dim)}.edf-list{display:flex;flex-direction:column;gap:4px}.edf-date{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.edf-time{font-size:11px;color:var(--text-secondary);margin-top:2px}.edf-streets{font-size:11px;color:var(--text-dim);margin-top:4px;line-height:1.4}.edf-nature{font-size:11px;color:var(--text-secondary);font-style:italic;margin-top:2px}.edf-horizon-hint{font-size:11px;color:var(--text-dim);padding:6px 4px 4px;border-bottom:1px solid var(--border-subtle);margin-bottom:8px}.edf-horizon-hint strong{color:var(--vig-orange);font-weight:600}.tide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tide-card{padding:6px 8px;border-radius:4px;background:#ffffff0a;border:1px solid var(--border-subtle)}.tide-card-name{font-size:11px;font-weight:600;color:var(--text);margin-bottom:4px}.tide-card-events{display:flex;flex-direction:column;gap:2px;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary)}.tide-event-arrow{font-weight:700}.tide-event--high .tide-event-arrow{color:#3b82f6}.tide-event--low .tide-event-arrow{color:#f97316}.tide-event-height{color:var(--text-dim);font-size:10px}.quake-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:3px;font-size:12px}.quake-mag{font-weight:700;font-family:var(--font-mono);min-width:36px;text-align:center;padding:2px 4px;border-radius:3px;font-size:11px}.quake-depth{color:var(--text-dim);font-size:11px}.quake-time{margin-left:auto;color:var(--text-dim);font-size:10px}.obs-extremes{display:flex;flex-direction:column;gap:4px;padding:6px 8px;margin-bottom:8px;border-radius:4px;background:#ffffff08}.obs-extreme-row{display:flex;align-items:center;gap:6px;font-size:11px;overflow:hidden;min-width:0}.obs-extreme-label{font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:10px;min-width:55px}.obs-extreme-min{color:#67b7f7;font-family:var(--font-mono);font-weight:600}.obs-extreme-max{color:#f97316;font-family:var(--font-mono);font-weight:600}.obs-extreme-sep{color:var(--text-dim)}.obs-extreme-station{font-size:9px;font-weight:400;color:var(--text-dim);margin-left:3px;font-family:var(--font-sans)}.obs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.obs-card{padding:8px;border-radius:4px;background:#ffffff05;overflow:hidden;min-width:0}.obs-station{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.obs-station-link{color:var(--text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-station-link:hover{color:var(--accent);text-decoration:underline}.obs-alt{font-size:9px;font-weight:400;color:var(--text-dim);flex-shrink:0}.obs-values{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.obs-val{display:flex;align-items:center;gap:3px;color:var(--text-dim)}.obs-val strong{color:var(--text);font-family:var(--font-mono)}.panel-tabs,.webcam-tabs{display:flex;gap:4px;padding-bottom:8px;overflow-x:auto;flex-shrink:0}.panel-tabs::-webkit-scrollbar,.webcam-tabs::-webkit-scrollbar{height:3px}.panel-tabs::-webkit-scrollbar-thumb,.webcam-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.panel-tab,.webcam-tab{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid var(--border);color:var(--text-secondary);transition:background .15s,color .15s}.panel-tab:hover,.webcam-tab:hover{background:var(--surface-hover)}.panel-tab.active,.webcam-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.panel-tab-count{font-size:10px;opacity:.75;padding:1px 5px;border-radius:6px;background:#ffffff1a}.panel-tab.active .panel-tab-count{background:#ffffff38;opacity:.9}.webcam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;overflow-y:auto;flex:1;min-height:0}.webcam-thumb{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;aspect-ratio:16 / 10;background:#ffffff08}.webcam-thumb .webcam-media-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.webcam-media-wrap{width:100%;height:100%;position:relative}.webcam-media-wrap img,.webcam-media-wrap video{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.webcam-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff08}.webcam-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--text-dim);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.webcam-unavailable{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-dim);background:#ffffff08}.webcam-thumb-label{position:absolute;bottom:0;left:0;right:0;padding:2px 6px;background:#000000b3;font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webcam-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.webcam-modal{max-width:90vw;max-height:85vh;position:relative;cursor:default}.webcam-modal img,.webcam-modal video{max-width:100%;max-height:80vh;border-radius:6px;display:block}.webcam-modal-info{padding:8px 0;font-size:13px;color:var(--text)}.webcam-modal-meta{font-size:11px;color:var(--text-dim)}.map-panel-header{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#0a0a0fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--border-subtle)}.map-header-actions{display:flex;align-items:center;gap:6px}.map-fs-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:#ffffff0f;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s}.map-fs-btn:hover{color:var(--text);background:#ffffff1f}.map-fs-btn--active{color:#3b82f6;border-color:#3b82f699;background:#3b82f61f}.map-fs-btn--active:hover{color:#60a5fa;background:#3b82f633}.map-area:fullscreen{background:var(--bg)}.map-area:fullscreen .map-container{height:calc(100vh - 32px)}.map-container{width:100%;height:100%}.map-area .maplibregl-ctrl-top-right{top:34px}.maplibregl-ctrl-group{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:4px!important}.maplibregl-ctrl-group button{width:28px!important;height:28px!important;background:transparent!important;border:none!important;color:var(--text-secondary)!important}.maplibregl-ctrl-group button:hover{background:var(--surface-hover)!important}.maplibregl-ctrl-group button+button{border-top:1px solid var(--border)!important}.maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(.8)}.map-layers{position:absolute;top:40px;left:12px;z-index:2}.map-layers-btn{display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:11px;transition:color .15s,background .15s}.map-layers-btn:hover{color:var(--text);background:var(--surface-hover)}.map-layers-count{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.map-layers-panel{position:absolute;top:32px;left:0;min-width:180px;padding:6px 0;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:0 8px 24px #00000080}.map-layers-title{padding:4px 12px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.map-layers-item{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;font-size:12px;color:var(--text);transition:background .1s}.map-layers-item:hover{background:var(--surface-hover)}.map-layers-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .15s}.map-layers-label{flex:1}.map-layers-check{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.rain-marker{position:relative;width:60px;height:60px;pointer-events:none}.rain-marker-inner{width:60px;height:60px;position:relative;transition:transform .1s linear}.rain-drop{position:absolute;background:#60a5facc;clip-path:polygon(50% 0%,0% 60%,0% 75%,15% 95%,50% 100%,85% 95%,100% 75%,100% 60%);animation:rain-fall .5s linear infinite}@keyframes rain-fall{0%{opacity:0;transform:translateY(-20px)}10%{opacity:.9}90%{opacity:.6}to{opacity:0;transform:translateY(30px)}}.rain-label{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;color:#60a5fa;white-space:nowrap;text-shadow:0 0 4px rgba(10,10,15,.9),0 0 2px rgba(10,10,15,.9)}.marine-marker{cursor:pointer;width:30px;height:28px}.marine-marker-inner{display:flex;flex-direction:column;pointer-events:auto;align-items:center;animation:marine-float var(--float-dur, 3s) ease-in-out infinite}.marine-wave-svg{display:block}.marine-w{animation:marine-drift var(--wd, 2.5s) ease-in-out infinite}.marine-w1{animation-direction:normal}.marine-w2{animation-direction:reverse}.marine-w3{animation-delay:-.6s}.marine-marker-label{font-size:10px;font-weight:700;margin-top:-2px;text-shadow:0 0 4px rgba(10,10,15,.9),0 0 2px rgba(10,10,15,.9)}@keyframes marine-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes marine-drift{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.maplibregl-ctrl-attrib{font-size:8px!important;opacity:.3;transition:opacity .2s}.maplibregl-ctrl-attrib:hover{opacity:1}.maplibregl-popup-content{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:6px!important;padding:0!important;box-shadow:0 8px 32px #00000080!important;max-width:320px}.maplibregl-popup-tip{border-top-color:var(--surface)!important}.maplibregl-popup-close-button{color:var(--text-dim)!important;font-size:18px;padding:4px 8px}.map-popup{padding:8px}.map-popup img{width:100%;border-radius:4px;margin-bottom:6px}.map-popup-ship-photo{max-height:120px;object-fit:cover;background:var(--surface)}.map-popup-ship-photo-link{display:block;line-height:0;border-radius:4px;overflow:hidden;margin-bottom:6px;transition:opacity .15s}.map-popup-ship-photo-link:hover{opacity:.85}.map-popup-ship-photo-link img{margin-bottom:0}.map-popup-title{font-size:12px;font-weight:600;color:var(--text)}.map-popup-title--severity-info{color:var(--accent)}.map-popup-title--severity-low{color:var(--vig-vert)}.map-popup-title--severity-medium{color:var(--vig-jaune)}.map-popup-title--severity-high{color:var(--vig-orange)}.map-popup-title--severity-critical{color:var(--vig-rouge)}.map-popup-meta{font-size:10px;color:var(--text-dim);margin-top:2px}.map-popup-kv{display:flex;gap:6px;align-items:baseline}.map-popup-kv-label{color:var(--text-dim);flex-shrink:0}.map-popup-kv-value{color:var(--text)}.map-popup-source{display:block;margin-top:6px;padding-top:4px;font-size:10px;color:var(--text-dim)}.map-popup-source a{color:var(--accent);text-decoration:none}.map-popup-source a:hover{text-decoration:underline}.map-popup-values{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:11px;color:var(--text-secondary)}.map-popup-link{display:block;margin-top:6px;font-size:10px;color:var(--accent);text-decoration:none}.map-popup-link:hover{text-decoration:underline}.loading-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:var(--text-dim);padding:24px;font-size:12px}.live-header{gap:8px}.live-header-left{display:flex;align-items:center;gap:10px}.live-header-right{display:flex;align-items:center;gap:6px;margin-left:auto}.live-header-controls{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text)}.live-header-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-news{display:flex;flex-direction:column;gap:4px}.live-channels{display:flex;flex-direction:column;gap:2px}.live-channel{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:background .15s;text-align:left;color:var(--text);font-size:12px}.live-channel:hover{background:var(--surface-hover)}.live-channel.active{background:#4488ff1a;border-color:var(--accent)}.live-channel-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.live-channel-play{font-size:8px;color:var(--text-dim)}.live-channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-channel:disabled{opacity:.55;cursor:default}.live-channel-text{display:flex;flex-direction:column;min-width:0;flex:1}.live-channel-meta{font-size:10px;color:var(--text-dim);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-channel-spinner{width:10px;height:10px;border:1.5px solid rgba(255,255,255,.18);border-top-color:var(--accent);border-radius:50%;animation:live-placeholder-spin .9s linear infinite}.live-replays{display:flex;flex-direction:column;gap:2px;margin-top:10px}.live-replays-title{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;padding:0 8px;margin-bottom:2px}.live-eq-mini{display:flex;align-items:flex-end;gap:1px;height:12px}.live-eq-mini .live-eq-bar{width:2px}.live-stop{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:0 2px;line-height:1}.live-stop:hover{color:var(--vig-rouge)}.live-placeholder,.live-tap-to-play{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 16px;margin-top:6px;border-radius:4px;background:#000;border:none;color:inherit;width:100%;font:inherit;cursor:pointer;transition:background .15s;min-height:160px}.live-placeholder:hover:not(.loading):not(:disabled),.live-tap-to-play:hover{background:#111}.live-placeholder.loading,.live-placeholder:disabled{cursor:wait}.live-placeholder-spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#ffffffbf;animation:live-placeholder-spin .9s linear infinite}@keyframes live-placeholder-spin{to{transform:rotate(360deg)}}.live-placeholder-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.35);font-size:22px;color:#fff;padding-left:4px;transition:background .15s,border-color .15s,transform .15s}.live-placeholder:hover .live-placeholder-icon{background:#ffffff2e;border-color:#fff9;transform:scale(1.05)}.live-placeholder-text{font-size:13px;color:var(--text-secondary);font-weight:500}.live-tap-hint{padding:10px 12px;margin-bottom:6px;border-radius:4px;background:#4488ff1f;border:1px solid rgba(68,136,255,.3);color:var(--text);font-size:12px;text-align:center;animation:pulse 2.5s ease-in-out infinite}.live-tap-hint strong{color:var(--accent)}.live-tap-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);font-size:20px;color:#fff;padding-left:4px}.live-tap-text{font-size:12px;color:var(--text-dim)}.live-error{margin-top:4px;padding:6px 10px;border-radius:4px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);font-size:11px;color:var(--vig-rouge)}.live-video{width:100%;border-radius:4px;margin-top:6px;background:#000;max-height:200px}.live-video::-webkit-media-controls-time-remaining-display,.live-video::-webkit-media-controls-current-time-display,.live-video::-webkit-media-controls-timeline,.live-video::-webkit-media-controls-overflow-button{display:none!important}.live-iframe{width:100%;height:200px;border:none;border-radius:4px;margin-top:6px;background:#000}.live-eq-bar{width:3px;background:var(--accent);border-radius:1px;animation:eq-bounce .6s ease-in-out infinite alternate}@keyframes eq-bounce{0%{height:3px}to{height:12px}}@media(max-width:1024px){.dashboard{grid-template-columns:1fr;overflow-y:auto}.map-area{height:40vh;min-height:250px;position:relative}.panels-scroll{overflow-y:visible}.panels-grid{grid-auto-rows:auto}.header-clock{font-size:10px}.header-clock.hide-mobile{display:none}}@media(max-width:768px){.header{gap:8px;padding:0 10px}.header-title{font-size:13px}.badge{font-size:9px;padding:2px 6px;gap:4px}.panels-grid{grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row}.panel.wide{grid-column:span 1}.panels-grid>div{grid-column:span 1!important}.panel{max-height:none;min-height:0}.panel-content{overflow-y:visible;max-height:none}.webcam-grid{grid-template-columns:repeat(2,1fr)}.webcam-thumb{aspect-ratio:16 / 9}.obs-grid{grid-template-columns:1fr}.header-fs,.map-fs-btn--fullscreen{display:none}.webcam-tabs{flex-wrap:wrap}.live-video{max-height:150px}}@media(max-width:600px){.webcam-grid{grid-template-columns:1fr}.panel-move-btn{width:32px;height:32px}.panel-move-btn svg{width:16px;height:16px}.panel-header{padding:10px 12px}.skip-link{padding:12px 16px;font-size:14px}.map-area{min-height:280px}}@media(hover:none){.panel-move-controls{opacity:1}}@media(min-width:1920px){.panels-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:6px;padding:6px}.webcam-grid{grid-template-columns:repeat(4,1fr)}}.onb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:onb-fade-in .18s ease-out}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}.onb-card{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 24px 20px;display:flex;flex-direction:column;gap:18px;animation:onb-rise .22s ease-out}@keyframes onb-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onb-indicator{display:flex;justify-content:center;gap:6px}.onb-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--border);transition:width .25s,background .25s}.onb-dot.active{width:22px;background:var(--brand)}.onb-body{display:flex;flex-direction:column;gap:14px;min-height:320px}.onb-title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.01em}.onb-subtitle{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.45}.onb-stats{list-style:none;margin:8px 0 0;padding:14px;background:#ffffff06;border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;gap:12px}.onb-stat{display:flex;align-items:center;gap:12px}.onb-stat-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}.onb-stat-text{display:flex;flex-direction:column}.onb-stat-text strong{font-size:14px;font-weight:600}.onb-stat-text span{font-size:12px;color:var(--text-dim)}.onb-profiles{display:flex;flex-direction:column;gap:8px}.onb-profile-card{text-align:left;background:#ffffff06;border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--text);font-family:inherit;transition:background .12s,border-color .12s}.onb-profile-card:hover{background:var(--surface-hover)}.onb-profile-card.selected{border-color:var(--brand);background:#4fd1c514}.onb-profile-head{display:flex;align-items:center;gap:8px}.onb-profile-name{font-size:14px;font-weight:600}.onb-profile-desc{font-size:12px;color:var(--text-dim);line-height:1.4}.onb-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.onb-tag{font-size:10px;padding:2px 6px;background:#ffffff0d;border-radius:4px;color:var(--text-secondary)}.onb-badge{font-size:10px;font-weight:600;padding:2px 6px;background:#4fd1c526;color:var(--brand);border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.onb-locate{width:100%;padding:12px;background:#4fd1c51f;border:1px solid rgba(79,209,197,.3);border-radius:10px;color:var(--brand);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s}.onb-locate:hover:not(:disabled){background:#4fd1c533}.onb-locate:disabled{opacity:.5;cursor:default}.onb-select{width:100%;padding:11px 12px;background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:14px}.onb-err{margin:0;font-size:12px;color:var(--vig-rouge)}.onb-note{margin:0;font-size:11px;color:var(--text-dim);line-height:1.45}.onb-more{margin:-4px 0 0;font-size:11px;color:var(--text-dim);line-height:1.5}.onb-more strong{color:var(--brand);font-weight:600}.onb-privacy-hint{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.45;padding:8px 10px;background:#ffffff06;border-left:2px solid var(--brand);border-radius:4px}.onb-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid var(--border-subtle)}.onb-actions-right{display:flex;gap:8px}.onb-skip,.onb-back{background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:13px;cursor:pointer;padding:8px 12px;border-radius:6px}.onb-skip:hover,.onb-back:hover{color:var(--text)}.onb-next,.onb-finish{background:var(--brand);color:#062a16;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .12s}.onb-next:hover,.onb-finish:hover{opacity:.9}.onb-finish{background:var(--vig-vert);color:#062a16}@media(max-width:600px){.onb-card{max-height:100vh;height:100%;max-width:100%;border-radius:0;border:none}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080c99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1900;display:flex;align-items:center;justify-content:center;padding:20px;animation:onb-fade-in .15s ease-out}.settings-modal{width:100%;max-width:640px;max-height:85vh;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;animation:onb-rise .22s ease-out}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.settings-header h2{margin:0;font-size:16px;font-weight:600}.settings-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0 6px;font-size:22px;line-height:1;border-radius:6px}.settings-close:hover{background:var(--surface-hover);color:var(--text)}.settings-tabs{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.settings-tab{background:transparent;border:none;padding:12px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .12s,border-color .12s}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.settings-tab-panels{flex:1;overflow-y:auto}.settings-tab-panel{padding:18px;display:flex;flex-direction:column;gap:14px}.settings-search{position:sticky;top:0;z-index:1;background:var(--surface);padding-bottom:8px;margin-bottom:-4px}.settings-search input{width:100%;padding:8px 10px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px}.settings-search input::placeholder{color:var(--text-dim)}.settings-tab-footer{display:flex;align-items:center;gap:14px;padding-top:10px;border-top:1px solid var(--border-subtle);font-size:12px;flex-wrap:wrap}.settings-counter{color:var(--text-dim);margin-right:auto}.settings-link{background:transparent;border:none;color:var(--brand);cursor:pointer;font-family:inherit;font-size:12px;padding:4px 6px;border-radius:4px}.settings-link:hover{background:#4fd1c514}.settings-empty{list-style:none;padding:16px;text-align:center;color:var(--text-dim);font-size:12px}.settings-row-actions{display:flex;gap:8px;margin-top:8px}.settings-row-actions .settings-btn-secondary{margin-top:0;flex:1}@media(max-width:600px){.settings-overlay{padding:0}.settings-modal{max-width:100vw;max-height:100vh;height:100vh;border-radius:0;border:none}}.settings-section h3{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.settings-hint{margin:0 0 10px;font-size:11px;color:var(--text-dim);line-height:1.45}.settings-profiles{display:flex;flex-direction:column;gap:6px}.settings-profile{text-align:left;background:#ffffff06;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-family:inherit;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:background .12s,border-color .12s}.settings-profile:hover{background:var(--surface-hover)}.settings-profile.selected{border-color:var(--brand);background:#4fd1c514}.settings-profile strong{font-size:13px;font-weight:600}.settings-profile-head{display:flex;align-items:center;gap:8px}.settings-profile-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.settings-profile-tag{font-size:10px;padding:2px 6px;background:#ffffff0d;border-radius:4px;color:var(--text-secondary)}.settings-profile.selected .settings-profile-tag{background:#4fd1c51f;color:var(--brand)}.settings-select{width:100%;padding:9px 10px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;margin-bottom:8px}.settings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid var(--border-subtle);font-size:13px;cursor:pointer}.settings-row:last-child{border-bottom:none}.settings-row-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.settings-row-label{flex:1;color:var(--text)}.settings-row--with-desc{align-items:flex-start;padding:9px 4px}.settings-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.settings-row-desc{font-size:11px;color:var(--text-dim);line-height:1.4}.settings-row input[type=checkbox]{cursor:pointer;accent-color:var(--brand)}.settings-btn-secondary{width:100%;padding:9px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;cursor:pointer;margin-top:6px}.settings-btn-secondary:hover:not(:disabled){background:var(--border)}.settings-btn-secondary:disabled{opacity:.5;cursor:default}.settings-btn-danger{width:100%;padding:9px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--vig-rouge);font-family:inherit;font-size:13px;cursor:pointer;margin-top:6px}.settings-btn-danger:hover{background:#ef444426}.settings-err{margin:6px 0 0;font-size:11px;color:var(--vig-rouge)}.snapshot-watermark{position:absolute;bottom:0;left:0;right:0;background:#08080ceb;border-top:2px solid var(--brand);padding:10px 18px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text);z-index:9999;pointer-events:none}.snapshot-watermark strong{color:var(--brand);font-size:14px}.snapshot-watermark span{color:var(--text-secondary);font-size:11px}.snapshot-watermark span:last-child{color:var(--vig-rouge);font-weight:500}.wall-shell{display:flex;flex-direction:column;height:100vh;background:var(--bg);font-size:16px}.wall-header{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.wall-brand{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--brand)}.wall-mode-badge{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;background:#ef444426;color:var(--vig-rouge);border:1px solid rgba(239,68,68,.3);border-radius:4px}.wall-clock{margin-left:auto;font-size:18px;color:var(--text);font-variant-numeric:tabular-nums;text-transform:capitalize}.wall-header-actions{display:flex;gap:8px}.wall-header-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:6px;font-family:inherit;font-size:13px;cursor:pointer}.wall-header-btn:hover{background:var(--border)}.wall-header-btn--exit{border-color:#ef44444d;color:var(--vig-rouge)}.wall-header-btn--exit:hover{background:#ef44441a}.wall-main{flex:1;display:grid;grid-template-columns:1.6fr 1fr;gap:12px;padding:12px;min-height:0}.wall-map{position:relative;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.wall-map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.wall-panels{display:grid;grid-template-rows:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-height:0;overflow:hidden}.wall-panel-slot{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.wall-panel-slot .panel{border:none;border-radius:0;margin:0;height:100%;display:flex;flex-direction:column}.wall-panel-slot .panel-header{padding:10px 14px;font-size:14px}.wall-panel-slot .panel-title{font-size:14px;font-weight:600}.wall-panel-slot .panel-content{flex:1;overflow-y:auto;font-size:13px}.wall-panel-slot .panel-move-controls,.wall-panel-slot .panel-resize-handle{display:none!important}.wall-shell .situation-banner,.wall-shell .overview-banner{font-size:15px;border-radius:0;border-left:0;border-right:0}@media(min-width:2400px){.wall-main{grid-template-columns:2.2fr 1fr}.wall-shell{font-size:18px}.wall-clock{font-size:22px}.wall-brand{font-size:26px}}@media(max-width:1024px){.wall-main{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.post-skip-toast{position:fixed;bottom:16px;right:16px;z-index:1500;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--brand);border-radius:10px;box-shadow:0 6px 24px #0006;font-size:13px;color:var(--text);max-width:380px;animation:post-skip-rise .25s ease-out}@keyframes post-skip-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post-skip-toast-text strong{color:var(--brand)}.post-skip-toast-cta{background:var(--brand);color:#062a16;border:none;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.post-skip-toast-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.post-skip-toast-close:hover{color:var(--text)}@media(max-width:600px){.post-skip-toast{left:16px;right:16px;max-width:none}}