:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0e1218;color:#eef2f7;--muted:#9aa6b5;--line:#29333f;--mint:#99edcf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#18312d66,transparent 45%),#0e1218;min-height:100vh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);border-radius:10px;background:#19222c;color:inherit;padding:11px 16px;cursor:pointer;transition:background .15s}button:hover{background:#263440}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,#screen:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.primary{background:var(--mint);color:#09271e;border-color:var(--mint);font-weight:650}.primary:hover{background:#b7f8e2}header,footer{display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.6px;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;background:var(--mint);color:#09271e;border-radius:10px;width:36px;height:36px;font-size:24px}.badge{border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:12px;color:var(--muted)}main{max-width:1600px;margin:auto;padding:32px 4vw 64px}.login{max-width:550px;margin:7vh auto 10vh}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:700}.login h1{font-size:clamp(38px,5vw,58px);line-height:1.12;letter-spacing:-2.5px;font-weight:550;margin:24px 0}.intro{font-size:17px;color:var(--muted);line-height:1.6;max-width:430px}.login form{max-width:400px;margin-top:36px}.login label{display:block;font-size:13px;margin-bottom:10px}.login input{width:100%;margin-bottom:12px}input{border:1px solid var(--line);background:#151c25;color:#fff;border-radius:10px;padding:14px 16px;min-width:0}.login button{width:100%;display:flex;justify-content:space-between;padding:15px 17px}.fine{font-size:12px;color:var(--muted);margin-top:28px}#loginError{color:#ffb3aa;font-size:13px;line-height:1.5}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.toolbar h1{margin:8px 0 0;font-size:30px;font-weight:550;letter-spacing:-1px}.toolbarActions{display:flex;gap:10px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px}aside{padding-top:10px}.device{display:flex;text-align:left;gap:14px;align-items:center;width:100%;background:transparent;border:1px solid transparent;margin:7px 0;padding:16px 12px}.device>span:first-child{font-size:28px;color:var(--muted)}.device strong{display:block;font-size:14px;font-weight:550}.device small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.device.selected{background:#1b2d2b;border-color:#396354}.device.selected>span:first-child{color:var(--mint)}.help{border-top:1px solid var(--line);margin:32px 0 20px;padding:24px 12px 8px;font-size:12px;line-height:1.65;color:var(--muted)}.help strong{color:#dde5ed;font-weight:500}#fullscreen{width:100%;font-size:12px}.screenColumn{min-width:0}.screenHeader{display:flex;justify-content:space-between;padding:13px 16px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:#17202a;font-size:11px;color:var(--muted)}#dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8a96a7;margin-right:8px}#dot.live{background:var(--mint);box-shadow:0 0 8px #99edcf44}#screen{position:relative;border:1px solid var(--line);border-top:0;background:#080b10;min-height:420px;height:65vh;display:flex;align-items:center;justify-content:center;overflow:hidden;outline:none}#screen:fullscreen{height:100vh;border:0}#frame{max-width:100%;max-height:100%;width:auto;height:auto;touch-action:none;user-select:none;object-fit:contain}#empty{text-align:center;max-width:340px;padding:30px;color:var(--muted);line-height:1.6}#empty>span{font-size:40px;color:#597069}#empty h2{color:#e5ecf3;font-size:20px;font-weight:500}#empty p{font-size:13px}#stale{position:absolute;bottom:18px;padding:9px 15px;border-radius:30px;background:#211913e8;color:#ffe0ad;font-size:12px}.keys{display:flex;flex-wrap:wrap;gap:7px;padding:14px 0}.keys button{font-size:11px;padding:9px 12px}#textForm{display:flex;gap:9px}#text{flex:1}#sendText{font-size:12px}#notice{font-size:12px;line-height:1.5;min-height:20px;color:var(--muted)}footer{border-top:1px solid var(--line);border-bottom:0;font-size:9px;letter-spacing:2px;color:#8b97a6}footer span{letter-spacing:0;font-size:11px}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 5vw}.brand{font-size:17px}.layout{grid-template-columns:1fr;gap:16px}aside{display:flex;gap:8px;padding:0}aside>.eyebrow,.help,#fullscreen{display:none}.device{margin:0;padding:12px 10px}.device small{font-size:10px}.toolbar{gap:10px}.toolbar h1{font-size:25px}.toolbarActions button{font-size:12px;padding:10px}#screen{height:52vh;min-height:280px}.login{margin:5vh auto}footer span{display:none}}