:root{color:#f3f4f1;font-synthesis:none;text-rendering:optimizelegibility;background:#111315;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:radial-gradient(circle at 50% -20%,#283029 0,#111315 46rem);place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3.5rem);display:grid}.camera-panel{width:min(100%,1080px)}.panel-header{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.1rem;display:flex}.eyebrow{color:#9ea69f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:650}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1}.header-actions{align-items:center;gap:.75rem;display:flex}.status{color:#d4d8d3;align-items:center;gap:.45rem;font-size:.9rem;display:inline-flex}.status-dot{background:#829086;border-radius:50%;width:.55rem;height:.55rem}.status--live .status-dot{background:#65d48a;box-shadow:0 0 0 .22rem #65d48a21}.status--offline .status-dot{background:#e5a26e}.reload-button{color:#f3f4f1;cursor:pointer;background:#1c211e;border:1px solid #4c534d;border-radius:.5rem;padding:.58rem .8rem;transition:background .18s,border-color .18s}.reload-button:hover{background:#292f2a;border-color:#68736a}.reload-button:focus-visible{outline-offset:3px;outline:3px solid #91dda9}.video-frame{aspect-ratio:16/9;background:#070908;border-radius:.9rem;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 1.25rem 3rem #00000059}.video-frame img{object-fit:contain;width:100%;height:100%;display:block}.stream-placeholder{color:#e7e9e5;text-align:center;background:#101411;align-content:center;justify-items:center;gap:.6rem;padding:2rem;display:grid;position:absolute;inset:0}.stream-placeholder p{margin:.55rem 0 0;font-size:1.05rem;font-weight:650}.stream-placeholder span:last-child{color:#b4bbb4;font-size:.9rem}.camera-mark{border:2px solid #738078;border-radius:.45rem;width:2.7rem;height:2rem;position:relative}.camera-mark:after{content:"";border:2px solid #738078;border-left:0;border-radius:0 .3rem .3rem 0;width:.85rem;height:1rem;position:absolute;top:.35rem;right:-1rem}.login-form{color:#e7e9e5;text-align:center;justify-items:center;gap:.7rem;width:min(100%,21rem);padding:2rem;display:grid}.login-form h2,.login-form p{margin:0}.login-form h2{letter-spacing:-.02em;font-size:1.25rem}.login-form p{color:#b4bbb4;font-size:.9rem}.login-form label{color:#d4d8d3;justify-self:start;margin-top:.4rem;font-size:.85rem;font-weight:650}.login-form input{color:#f3f4f1;background:#181d1a;border:1px solid #59625b;border-radius:.5rem;outline:none;width:100%;padding:.72rem .8rem}.login-form input:focus{border-color:#91dda9;box-shadow:0 0 0 3px #91dda92e}.login-form button{color:#102517;cursor:pointer;background:#91dda9;border:0;border-radius:.5rem;width:100%;padding:.72rem .8rem;font-weight:750}.login-form button:hover{background:#acebc0}.login-form .login-error{color:#ffbf91}.panel-footer{color:#9ea69f;justify-content:space-between;gap:1rem;margin-top:.85rem;font-size:.8rem;display:flex}@media (width<=620px){.panel-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.panel-footer{flex-direction:column;gap:.3rem}}