:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef3f8;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}button,input{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.card,#password,#status{width:min(100%,520px);margin:0 auto;padding:34px;border:1px solid #dce4ee;border-radius:22px;background:#fff;box-shadow:0 20px 55px #1f32491f}.eyebrow{margin:0 0 10px;color:#176f67;font-size:.78rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.035em}.intro{margin:12px 0 28px;color:#5c687b;line-height:1.55}label{display:block;margin-bottom:8px;font-weight:700;text-align:left}input{width:100%;min-height:52px;margin-bottom:14px;padding:0 15px;border:1px solid #bac6d4;border-radius:12px;background:#fff;color:#172033}input:focus{border-color:#168c80;outline:3px solid rgb(22 140 128 / 17%)}button{min-height:46px;padding:0 18px;border:1px solid #c8d2de;border-radius:11px;background:#fff;color:#243044;cursor:pointer}button.primary{width:100%;border-color:#11786e;background:#11786e;color:#fff;font-weight:750}#password,#status{text-align:center}#password button{margin:4px}#canvas{position:fixed;inset:0;overflow:auto;background:#10151d}#player{display:block;max-width:100vw;max-height:100vh;margin:auto;outline:none;touch-action:none}#test-yuv-decoder-canvas{display:none}.disconnect{position:fixed;z-index:2;top:14px;right:14px;border-color:#d04a4a;background:#b62f3b;color:#fff}@media (max-width: 560px){.shell{padding:16px}.card,#password,#status{padding:24px;border-radius:17px}}