:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf5f0;background:#101615;font-size:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#1d3127 0,transparent 55%)}main{max-width:1200px;margin:auto;padding:40px 32px 22px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{color:#b2f5ca;font-size:11px;font-weight:700;letter-spacing:.13em;margin:0 0 14px}h1{font-size:38px;letter-spacing:-1.5px;margin:0}h1 span{font-size:16px;font-weight:400;color:#91a49a;letter-spacing:0;margin-left:18px}h2{font-size:16px;margin:0 0 18px}.badge{color:#b2f5ca;background:#20372a;border:1px solid #3b5946;border-radius:30px;padding:10px 15px;font-size:12px;max-width:43%}.panel{background:#19221f;border:1px solid #2b3c32;border-radius:14px}.join{display:flex;align-items:center;gap:24px;padding:22px 24px;margin-bottom:20px}.room-field{flex:1;min-width:0}label{display:block;color:#a8bbb0;font-size:11px;font-weight:600;letter-spacing:.08em;margin:0 0 9px}input,select,button{font:inherit}input:not([type=range]),select{width:100%;color:#edf5f0;background:#111a16;border:1px solid #3a4d40;border-radius:7px;padding:12px;outline:none}input:not([type=range]){font-family:ui-monospace,monospace;font-size:14px}input:focus,select:focus,button:focus-visible{outline:2px solid #b2f5ca;outline-offset:3px}button{border:1px solid #45624f;border-radius:7px;background:#253b2e;color:#e0f6e7;padding:12px 18px;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap}button:hover:not(:disabled){background:#33543f}button.primary{background:#b2f5ca;color:#102618;border-color:#b2f5ca}button.primary:hover{background:#caffdc}button.active{background:#b2f5ca;color:#102618}button:disabled{opacity:.4;cursor:default}.join-buttons{display:flex;gap:10px;align-items:center}.small{color:#91a49a;font-size:12px;line-height:1.5;margin:9px 0 0}.stage{overflow:hidden}.stage-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.stage-heading .eyebrow{margin:0}.stage-heading>div{display:flex;align-items:center;gap:16px}.stage-heading span:not(.eyebrow){font-size:12px;color:#91a49a}.small-button{padding:7px 10px;font-size:11px;background:transparent;border-color:#344b3c}.screen-area{aspect-ratio:16/8;min-height:260px;background:#0c120f;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}#remote-screen{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}#local-screen{position:absolute;bottom:16px;right:16px;max-width:22%;max-height:32%;background:#0c120f;border:1px solid #5e896c;border-radius:7px;box-shadow:0 4px 24px #0008}.placeholder{text-align:center;padding:28px;color:#7b9484}.placeholder h2{color:#adc7b6;font-size:20px;font-weight:500;letter-spacing:-.3px;margin:14px 0 8px}.placeholder p{font-size:13px;margin:0;line-height:1.6}.screen-icon{font-size:70px;font-weight:200;line-height:1;color:#446a51}.controls{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.controls>div{display:flex;gap:10px}.controls .small{margin:0;max-width:40%;text-align:right}.bottom{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;margin-top:20px}.bottom .panel{padding:24px}.devices select{font-size:12px;margin:0 0 18px;padding:9px}.devices input[type=range]{width:100%;accent-color:#b2f5ca;margin:3px 0 6px}.priority>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #2b3c32;padding:17px 0}.priority>div b{font-family:ui-monospace,monospace;font-size:13px;color:#648571;font-weight:400}.priority>div span{flex:1;font-size:14px}.priority small{display:block;color:#91a49a;margin-top:5px;font-size:11px}.priority strong{font-size:12px;font-weight:500;color:#b2f5ca}.priority .small{margin-top:17px}footer{display:flex;justify-content:space-between;color:#708779;font-size:10px;padding-top:22px;gap:20px;line-height:1.6}#error{padding:14px 18px;background:#422c23;border:1px solid #84583e;border-radius:9px;color:#ffd5b8;font-size:13px}[hidden]{display:none!important}@media(max-width:760px){main{padding:24px 16px}header{align-items:flex-start;flex-direction:column;gap:16px}h1{font-size:31px}h1 span{display:block;margin:8px 0 0;font-size:14px}.badge{max-width:100%}.join{display:block;padding:20px}.join-buttons{margin-top:18px;flex-wrap:wrap}.bottom{grid-template-columns:1fr}.screen-area{aspect-ratio:16/10;min-height:230px}.controls{flex-direction:column;align-items:flex-start}.controls .small{max-width:100%;text-align:left}.stage-heading{gap:8px}.stage-heading>div{gap:8px}.stage-heading .eyebrow{font-size:9px}footer{flex-direction:column;gap:4px}}

.devices .mode-note{margin:-8px 0 20px}