:root{color-scheme:dark;--pp-bg:#06131c;--pp-bg2:#0a1e2a;--pp-panel:#0d202b;--pp-panel2:#0a1821;--pp-line:#28404d;--pp-text:#edf4f7;--pp-muted:#91a7b4;--pp-yellow:#f5c84c;--pp-green:#5bdd91;--pp-blue:#174d70;--pp-shadow:0 18px 45px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--pp-bg)}body.public-portal{margin:0;min-height:100vh;color:var(--pp-text);background:radial-gradient(circle at 75% 0,rgba(24,73,99,.28),transparent 34%),linear-gradient(145deg,#061019,#0b1c28 60%,#041018);font-family:Arial,Helvetica,sans-serif}.pp-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:28px 0 44px}.pp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.pp-eyebrow{display:block;color:var(--pp-yellow);font-size:.72rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.pp-title{margin:7px 0 5px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.03;letter-spacing:.025em}.pp-subtitle{margin:0;color:var(--pp-muted);line-height:1.55}.pp-public-marker{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(91,221,145,.38);border-radius:999px;background:rgba(91,221,145,.08);color:#b9f3cf;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pp-public-marker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pp-green);box-shadow:0 0 12px rgba(91,221,145,.85)}.pp-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 14px;margin-bottom:18px;border:1px solid var(--pp-line);border-radius:10px;background:rgba(7,19,27,.82)}.pp-nav-links{display:flex;gap:8px;flex-wrap:wrap}.pp-link,.pp-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid var(--pp-line);border-radius:6px;color:var(--pp-text);background:#112c3c;text-decoration:none;font-weight:800;letter-spacing:.035em;transition:.18s ease}.pp-link:hover,.pp-button:hover{transform:translateY(-1px);border-color:#527182}.pp-button.primary{color:#111920;background:var(--pp-yellow);border-color:var(--pp-yellow)}.pp-button.secondary{background:#16394f}.pp-button.outline{background:transparent;border-color:var(--pp-yellow);color:var(--pp-yellow)}.pp-notice{padding:14px 17px;margin-bottom:18px;border:1px solid #31505e;border-left:5px solid var(--pp-yellow);border-radius:9px;background:linear-gradient(90deg,rgba(245,200,76,.08),rgba(12,30,41,.92));color:#dce7eb;line-height:1.55}.pp-card{margin-bottom:18px;overflow:hidden;border:1px solid var(--pp-line);border-radius:11px;background:linear-gradient(180deg,rgba(17,31,40,.98),rgba(7,16,22,.98));box-shadow:var(--pp-shadow)}.pp-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 19px;border-bottom:1px solid var(--pp-line)}.pp-card-head h2{margin:0;font-size:1.12rem;letter-spacing:.08em;text-transform:uppercase}.pp-card-head p{margin:5px 0 0;color:var(--pp-muted);line-height:1.45}.pp-card-body{padding:18px}.pp-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:4px;color:#cceaff;background:var(--pp-blue);font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.pp-grid{display:grid;gap:14px}.pp-grid.metrics{grid-template-columns:repeat(6,minmax(120px,1fr))}.pp-metric{min-height:83px;padding:13px;border:1px solid var(--pp-line);border-radius:7px;background:rgba(8,24,33,.9)}.pp-metric small{display:block;margin-bottom:8px;color:var(--pp-muted);font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.pp-metric strong{font-family:"Courier New",monospace;font-size:1.08rem;color:#f3f7f9}.pp-cameras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pp-camera{overflow:hidden;border:1px solid var(--pp-line);border-radius:9px;background:#07141c}.pp-camera-media{position:relative;background:#02090d}.pp-camera-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.pp-camera-label{position:absolute;left:13px;bottom:12px;padding:7px 9px;background:rgba(5,15,21,.82);border-left:3px solid var(--pp-yellow);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.pp-camera-body{padding:14px}.pp-camera-body h3{margin:0 0 5px;font-size:1.07rem}.pp-camera-body p{margin:0;color:var(--pp-muted)}.pp-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.pp-toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:11px;align-items:end}.pp-field label{display:block;margin-bottom:6px;color:#c4d2d9;font-size:.78rem;font-weight:800;letter-spacing:.05em}.pp-field input,.pp-field select,.pp-select{width:100%;padding:10px 11px;border:1px solid #3a5563;border-radius:6px;background:#0b1e29;color:var(--pp-text)}.pp-viewer{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);gap:16px}.pp-stage{position:relative;overflow:hidden;min-height:350px;border:1px solid #243e4b;border-radius:9px;background:#02090d}.pp-stage img{display:block;width:100%;height:min(58vw,690px);min-height:350px;object-fit:contain}.pp-caption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:10px;padding:32px 13px 11px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff;font-family:"Courier New",monospace;font-size:.86rem}.pp-sidepanel{padding:13px;border:1px solid var(--pp-line);border-radius:9px;background:#091a23}.pp-controls{display:flex;gap:7px;flex-wrap:wrap}.pp-controls button,.pp-controls select{padding:9px;border:1px solid #3b5664;border-radius:6px;background:#112e3e;color:var(--pp-text);cursor:pointer}.pp-controls .play{background:var(--pp-yellow);border-color:var(--pp-yellow);color:#111920;font-weight:900}.pp-range{width:100%;margin:13px 0;accent-color:var(--pp-yellow)}.pp-hours,.pp-days{display:flex;gap:7px;flex-wrap:wrap}.pp-hours button,.pp-days a{padding:8px 9px;border:1px solid #385462;border-radius:6px;background:#0c2230;color:var(--pp-text);text-decoration:none;cursor:pointer}.pp-hours button.active,.pp-days a.active{border-color:var(--pp-yellow);color:var(--pp-yellow);background:rgba(245,200,76,.08)}.pp-empty{padding:55px 20px;text-align:center;color:var(--pp-muted)}.pp-timestamp{margin-top:12px;color:var(--pp-muted);font-size:.86rem}.pp-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:28px;padding-top:17px;border-top:1px solid rgba(57,82,94,.55);color:#718793;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.pp-raw{margin:0;padding:20px;overflow-wrap:anywhere;color:#f5f1d8;background:#071016;font-family:"Courier New",Consolas,monospace;font-size:clamp(.92rem,2vw,1.1rem);line-height:1.65;white-space:pre-wrap}
@media(max-width:900px){.pp-grid.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-viewer{grid-template-columns:1fr}.pp-toolbar{grid-template-columns:1fr 1fr}.pp-toolbar .pp-button{grid-column:1/-1}.pp-stage img{height:65vw}}
@media(max-width:680px){.pp-header{display:block}.pp-public-marker{margin-top:14px}.pp-cameras{grid-template-columns:1fr}.pp-grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-toolbar{grid-template-columns:1fr}.pp-shell{width:min(100% - 20px,1240px);padding-top:18px}.pp-card-head{display:block}.pp-badge{margin-top:10px}.pp-caption{font-size:.75rem}.pp-footer{display:block;line-height:1.8}}
@media(max-width:420px){.pp-grid.metrics{grid-template-columns:1fr}.pp-title{font-size:1.8rem}}