:root{color-scheme:dark;font:16px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#101820;color:#f6f8f9}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);max-width:700px;margin:auto}header{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:19px}.brand img{width:32px;height:32px}button{border:1px solid #364753;background:#1c2a35;color:#f6f8f9;padding:11px 13px;border-radius:12px;font:inherit;cursor:pointer}button:active{background:#37576a}button:disabled{opacity:.45}#status{font-size:13px;color:#aec5d3;min-height:36px;line-height:1.45}main{position:relative;display:flex;justify-content:center;align-items:center;background:#05080b;border:1px solid #23343f;border-radius:20px;overflow:hidden;height:min(68dvh,720px)}#video{max-width:100%;max-height:100%;touch-action:none;object-fit:contain}#empty{position:absolute;text-align:center;color:#dce9f1;font-size:22px;line-height:1.8;pointer-events:none}#empty small{font-size:14px;color:#7e9cac}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 0}nav button{font-size:14px;min-height:46px;padding:9px 4px}dialog{background:#14222d;color:#f6f8f9;border:1px solid #425868;border-radius:22px;width:min(94vw,430px);padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}h1{font-size:21px;margin:0 0 22px}label{display:block;font-size:14px;margin:18px 0}input{display:block;border:1px solid #425868;background:#0c161e;color:#f6f8f9;width:100%;border-radius:10px;padding:13px;font:inherit;margin-top:8px}input:focus{outline:2px solid #69bcef}.hint,dialog p{color:#abc0cd;font-size:13px;line-height:1.6}.primary{background:#5ca8d3;color:#071722;border:none;font-weight:650;width:100%;margin:10px 0}#cancel-connection{width:100%;border:0}#pattern{width:100%;height:auto;background:#05080b;touch-action:none;border-radius:15px;margin:10px 0}#pattern-cancel{width:100%}

#latency{font-size:12px;color:#86a7bb;min-height:18px;margin-bottom:4px}main{height:min(calc(100dvh - 258px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),720px);min-height:220px}

.remember{display:flex;align-items:center;gap:9px;line-height:1.5}.remember input{width:20px;height:20px;margin:0;flex-shrink:0}.forget{font-size:12px;padding:5px 0;border:0;background:none;color:#91b6cb}dialog{max-height:90dvh;overflow-y:auto}
body.has-saved-pattern main{height:min(calc(100dvh - 312px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),720px)}nav button[hidden]{display:none}