:root{--bg: #090e14;--panel: #0d1520;--border: #1a2e44;--cyan: #00e5c8;--cyan-dim: rgba(0,229,200,.15);--cyan-mid: rgba(0,229,200,.4);--amber: #f5a623;--amber-dim: rgba(245,166,35,.15);--red: #ff3d57;--red-dim: rgba(255,61,87,.15);--green: #39ff6e;--green-dim: rgba(57,255,110,.1);--text: #c8dde8;--text-dim: #4a6070;--text-mid: #7a9aaa;--mono: "Share Tech Mono", monospace;--display: "Oswald", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{background:#060a0f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:40px 20px;font-family:var(--mono)}.page-nav{width:820px;max-width:100%;margin-bottom:10px}.nav-back{font-size:9px;letter-spacing:1.5px;color:var(--text-dim);text-decoration:none}.nav-back:hover{color:var(--text-mid)}.card{width:820px;max-width:100%;background:var(--bg);border:1px solid var(--border);box-shadow:0 0 40px #00e5c80d,0 0 1px var(--cyan);position:relative}.card:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:100}.header{background:var(--panel);border-bottom:1px solid var(--border);padding:0;display:grid;grid-template-columns:auto 1fr auto}.header-left{padding:14px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.atd-logo{font-family:var(--display);font-weight:600;font-size:22px;color:var(--cyan);letter-spacing:4px;line-height:1;text-shadow:0 0 20px rgba(0,229,200,.5)}.atd-sub{font-size:9px;color:var(--text-dim);letter-spacing:2px;margin-top:4px;text-transform:uppercase}.header-center{padding:14px 20px;display:flex;flex-direction:column;justify-content:center}.bulletin-label{font-size:9px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.bulletin-title{font-family:var(--display);font-weight:300;font-size:13px;color:var(--text-mid);letter-spacing:2px;text-transform:uppercase}.header-right{padding:14px 20px;border-left:1px solid var(--border);text-align:right;display:flex;flex-direction:column;justify-content:center;gap:4px}.live-indicator{display:flex;align-items:center;gap:6px;justify-content:flex-end}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.live-text{font-size:9px;color:var(--green);letter-spacing:2px}.timestamp{font-size:9px;color:var(--text-dim);letter-spacing:1px}.status-bar{background:#00e5c80a;border-bottom:1px solid var(--border);padding:7px 20px;display:flex;gap:32px;align-items:center}.status-item{display:flex;gap:8px;align-items:center;font-size:9px}.status-label{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.status-value{color:var(--cyan);letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.status-value.amber{color:var(--amber)}.status-value.red{color:var(--red)}.status-value.beached{color:#3a4a40}.status-divider{width:1px;height:14px;background:var(--border);margin:0 4px}.beached-bar{background:#3a4a402e;border-bottom:1px solid rgba(58,74,64,.5);border-left:3px solid #3a4a40;padding:10px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.beached-icon{font-size:18px;color:#3a4a40;line-height:1}.beached-body{display:flex;flex-direction:column;gap:3px}.beached-label{font-family:var(--display);font-weight:600;font-size:11px;color:#5a7a60;letter-spacing:3px;text-transform:uppercase}.beached-note{font-size:9px;color:var(--text-dim);letter-spacing:.5px;line-height:1.4}.beached-date{font-size:9px;color:#4a5a50;letter-spacing:1.5px;white-space:nowrap;text-align:right}.station-identity{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.station-id-tag{font-size:9px;color:var(--text-dim);letter-spacing:2px;margin-bottom:8px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-name{font-family:var(--display);font-weight:600;font-size:34px;color:var(--text);letter-spacing:1px;line-height:1.05;text-transform:uppercase;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.station-name span{color:var(--cyan)}.station-descriptor{font-size:10px;color:var(--text-mid);letter-spacing:1.5px;margin-top:8px;text-transform:uppercase;line-height:1.6;max-width:520px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.station-coords{text-align:right;font-size:9px;color:var(--text-dim);letter-spacing:1px;line-height:2;min-width:0;overflow:hidden}.station-coords>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-coords .hi{color:var(--text-mid)}.what-is-this{background:var(--cyan-dim);border-bottom:1px solid var(--border);border-left:3px solid var(--cyan);padding:12px 20px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.wit-label{font-size:8px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;padding-top:2px;white-space:nowrap}.wit-text{font-size:11px;color:var(--text);line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin:0}.chart-area{padding:20px;border-bottom:1px solid var(--border)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.chart-title{font-size:9px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.chart-legend{display:flex;gap:16px;font-size:8px;color:var(--text-dim);letter-spacing:1px}.legend-item{display:flex;gap:6px;align-items:center}.legend-line-cyan{width:16px;height:1.5px;background:var(--cyan);box-shadow:0 0 4px var(--cyan)}.legend-line-amber{width:16px;height:1.5px;background:var(--amber);border-top:1px dashed var(--amber)}.chart-wrap{position:relative;height:200px;margin-left:36px}svg.chart{width:100%;height:100%;overflow:visible}.y-labels{position:absolute;left:-36px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:var(--text-dim);text-align:right;width:30px;padding:0}.x-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:8px;color:var(--text-dim);letter-spacing:.5px}.x-today{color:#fff6}.conditions{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.condition-cell{padding:16px 20px;border-right:1px solid var(--border);position:relative}.condition-cell:last-child{border-right:none}.condition-cell:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.condition-cell.cyan:before{background:var(--cyan)}.condition-cell.amber:before{background:var(--amber)}.condition-cell.red:before{background:var(--red)}.condition-cell.green:before{background:var(--green)}.cond-label{font-size:8px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.cond-value{font-family:var(--display);font-weight:400;font-size:26px;line-height:1;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cond-value.cyan{color:var(--cyan);text-shadow:0 0 20px rgba(0,229,200,.4)}.cond-value.amber{color:var(--amber)}.cond-value.red{color:var(--red)}.cond-value.green{color:var(--green)}.cond-sub{font-size:8.5px;color:var(--text-mid);line-height:1.5;letter-spacing:.5px}.incursion-alert{background:var(--red-dim);border-bottom:1px solid var(--border);border-left:3px solid var(--red);padding:10px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:9px}.incursion-icon{color:var(--red);letter-spacing:2px;font-size:8px;text-transform:uppercase;white-space:nowrap}.incursion-text{color:var(--text-mid);letter-spacing:.5px;line-height:1.5}.incursion-text em{font-style:italic;color:var(--text)}.incursion-date{color:var(--red);letter-spacing:1px;white-space:nowrap}.forecast{padding:16px 20px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.forecast-label{font-size:8px;color:var(--amber);letter-spacing:2px;text-transform:uppercase;padding-top:2px;white-space:nowrap}.forecast-text{font-size:11.5px;color:var(--text);line-height:1.7;letter-spacing:.3px}.forecast-text em{font-style:italic}.footer{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;color:var(--text-dim);letter-spacing:1px;background:var(--panel);overflow:hidden}.footer-domain{color:var(--cyan);letter-spacing:1.5px;white-space:nowrap}.footer-meta{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.footer-copy{white-space:nowrap}