*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#101216;color:#e6e8ec}button{font:inherit;border:1px solid #2c313a;background:#1b1f26;color:inherit;padding:8px 16px;border-radius:8px;cursor:pointer}button:hover{background:#242a33}button.danger{background:#b3261e;border-color:#b3261e}button.ghost{background:transparent}button.active{background:#2d5be3;border-color:#2d5be3}input,select{font:inherit;background:#1b1f26;color:inherit;border:1px solid #2c313a;border-radius:8px;padding:8px 10px}.muted{color:#8b93a1;font-size:.9em}.error{background:#3a1518;border:1px solid #b3261e;border-radius:8px;padding:10px 14px;margin:8px 16px}.lobby{min-height:100vh;display:grid;place-items:center}.lobby form{display:flex;flex-direction:column;gap:14px;width:min(360px,90vw);background:#171a20;border:1px solid #2c313a;border-radius:16px;padding:28px}.lobby h1{margin:0;font-size:1.4rem}.lobby-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.lobby-brand img{width:42px;height:42px;flex-shrink:0}.desktop-download{display:flex;flex-direction:column;gap:8px;text-align:center}.lobby .desktop-download,.lobby .desktop-updates{border-top:1px solid #2c313a;padding-top:18px;margin-top:6px}.download-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 16px;border:1px solid #517ff5;border-radius:9px;background:#2d5be3;color:#fff;text-decoration:none;font-weight:600}.download-button:hover{background:#3568fa}.desktop-download .muted{font-size:.75rem}.desktop-updates{display:flex;align-items:center;gap:10px;font-size:.8rem}.lobby .desktop-updates{flex-direction:column;text-align:center}.desktop-updates button{font-size:.8rem;padding:6px 10px}.desktop-updates.is-ready .muted{color:#77f5dd}header .desktop-download{flex-direction:row;align-items:center}header .desktop-download .muted{display:none}header .download-button{padding:6px 10px;font-size:.8rem}button:focus-visible,a:focus-visible{outline:2px solid #77f5dd;outline-offset:3px}@media(max-width:640px){header{flex-wrap:wrap;gap:10px}.lobby{padding:20px 0}.lobby form{padding:22px}.lobby h1{font-size:1.25rem}}.lobby label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.lobby label.private-room{flex-direction:row;align-items:center;gap:10px}.room-password-dialog{padding:0;border:0;border-radius:16px;color:inherit;background:transparent;max-width:94vw}.room-password-dialog::backdrop{background:#0009}.room-password-dialog h2,.room-password-dialog p{margin:0}.room-password-dialog .error,.lobby>form>.error{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid #2c313a}header h1{margin:0;font-size:1.05rem}.room-info{color:#8b93a1;margin-right:auto}.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 16px;border-bottom:1px solid #2c313a}.share-bar label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#8b93a1}.share-bar label.checkbox{color:#e6e8ec}.share-bar.sharing{color:#3fe07c}.live-dot{width:10px;height:10px;border-radius:50%;background:#e0483f;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.4}}.stage{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px 16px 16px;gap:10px}.stage.empty{display:grid;place-items:center;color:#8b93a1}.video-wrap{position:relative;flex:1;min-height:0;background:#000;border-radius:12px;overflow:hidden}.video-wrap video{width:100%;height:100%;object-fit:contain;display:block}.video-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-wrap canvas.annotating{cursor:crosshair}.sharer-badge{position:absolute;top:10px;left:10px;background:#0009;padding:4px 10px;border-radius:6px;font-size:.8rem}.fullscreen-btn{position:absolute;top:10px;right:10px;background:#0009;border-color:transparent;padding:4px 10px;font-size:.8rem;opacity:0;transition:opacity .15s}.video-wrap:hover .fullscreen-btn,.video-wrap:fullscreen .fullscreen-btn{opacity:1}.fullscreen-btn:hover{background:#000000d9}.stats-panel{position:absolute;top:44px;left:10px;background:#000000bf;border:1px solid #2c313a;border-radius:8px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;max-width:340px;pointer-events:none}.stats-title{color:#4da6ff;margin-bottom:6px;font-weight:600}.stats-panel table{border-collapse:collapse}.stats-panel td{padding:1px 0}.stats-panel td:first-child{color:#8b93a1;padding-right:14px;white-space:nowrap}.update-ready{background:#2d5be3;border-color:#2d5be3;font-size:.85rem}.annotate-bar{display:flex;align-items:center;gap:8px}.swatch{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid transparent}.swatch.active{border-color:#fff}.preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1b2436,#101216);padding:24px;text-align:center}.preview-placeholder p{color:#a5afbf;max-width:400px}.preview-placeholder .live-dot{width:14px;height:14px}.stream-info-btn{position:absolute;right:10px;bottom:10px;padding:6px 12px;font-size:.8rem;background:#18202de8;z-index:2}.sharer-options{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.drawing-toggle{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#c5cfdf;cursor:pointer}.stream-health{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #253a35;border-radius:8px;background:#14231f;color:#9ee4c6;font-size:.85rem;flex-wrap:wrap}.stream-health span{color:#a9b8b3}.stream-health.warning,.required-update{background:#362a12;color:#ffdc91;border-color:#6b5428}.required-update{padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.update-gate{width:min(460px,90vw);padding:28px;border:1px solid #343f52;border-radius:14px;background:#171d28;display:flex;flex-direction:column;gap:12px}.update-gate h2{margin:0}.stats-panel{z-index:3;max-height:calc(100% - 70px);overflow:auto;pointer-events:auto}.annotate-bar{flex-wrap:wrap}button:disabled{opacity:.5;cursor:not-allowed}.native-picture{position:relative;overflow:hidden;max-width:100%;margin:auto;flex-shrink:0}.native-picture video{position:absolute;object-fit:fill;max-height:none;max-width:none}button.primary{background:#4169e8;border-color:#5279f3;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600}button.primary:hover{background:#5279f3}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7f9dff;outline-offset:3px}.share-launcher{justify-content:flex-end;padding:12px 20px;border-bottom:0}.share-bar.sharing{justify-content:flex-start;background:#141c19;padding:12px 20px}.share-bar.sharing .danger{margin-left:auto}.share-dialog{color:#e6e8ec;background:#171b24;border:1px solid #354054;border-radius:20px;padding:0;width:min(960px,calc(100vw - 40px));max-height:calc(100vh - 40px);box-shadow:0 24px 100px #0008;overflow:hidden}.share-dialog[open]{display:flex;flex-direction:column}.picker-header,.picker-settings,.picker-footer{flex-shrink:0}.share-dialog::backdrop{background:#080c14b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #293140}.picker-header h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;flex-shrink:0}.picker-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);min-height:0;overflow:auto}.source-browser{padding:20px 22px;border-right:1px solid #293140;min-width:0}.source-tabs{display:flex;gap:5px;background:#10141c;border-radius:10px;padding:4px;margin-bottom:16px}.source-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;color:#a3adbf;padding:9px 10px;font-size:.9rem}.source-tabs button.selected{color:#ecf1ff;background:#2c3b61}.source-search{width:100%;margin-bottom:14px;background:#111620}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:370px;overflow:auto;align-content:start;padding:3px}.source-card{min-width:0;padding:8px;text-align:left;background:#1e2531;border:2px solid transparent;border-radius:12px}.source-card:hover{background:#273143}.source-card.selected{border-color:#7192ff;background:#253454}.source-thumbnail{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#0c1017;border-radius:7px;overflow:hidden;color:#8597bc}.source-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.source-thumbnail>svg{width:40px;height:40px;opacity:.6}.source-name{display:block;margin:9px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem;font-weight:600}.source-dimensions{display:block;margin:2px;color:#a3b1c9;font-size:.75rem}.source-empty{grid-column:1/-1;display:grid;place-items:center;min-height:130px;text-align:center;color:#95a2b8;font-size:.9rem;padding:20px}.selected-source{padding:24px;display:flex;flex-direction:column;gap:15px;min-width:0;background:#141923}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:#9cabc3;font-weight:600}.selected-source .source-thumbnail{border:1px solid #354159}.selected-source strong{font-size:.95rem;overflow-wrap:anywhere}.picker-settings{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 26px;border-top:1px solid #293140}.picker-settings>label{display:flex;align-items:center;gap:9px;color:#b7c1d1;font-size:.85rem}.picker-settings select{background:#202735;min-width:91px}.picker-encoder{flex:1;min-width:240px}.picker-encoder select{max-width:100%;min-width:0;flex:1}.picker-bitrate input{width:86px;min-width:0;background:#202735}.preset-bitrate{font-size:.8rem;padding:7px 10px}.picker-settings .picker-audio{margin-left:auto;color:#e6e8ec}.picker-audio input{accent-color:#7192ff}.picker-footer{display:flex;justify-content:flex-end;gap:10px;background:#141923;border-top:1px solid #293140;padding:16px 26px}.picker-error{font-size:.85rem;color:#f2b7ae;margin:12px 3px 0}.browser-share-dialog{max-width:570px}.browser-source-choice{padding:32px 26px;display:flex;align-items:center;gap:18px;color:#adbcd2;overflow:auto}.browser-source-choice>svg{width:42px;height:42px;flex-shrink:0;color:#8ea9ff}.browser-source-choice p{margin:0;line-height:1.6}.browser-share-dialog .picker-audio{margin-left:0}.viewer-volume{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;background:#101721e8;border:1px solid #334052;border-radius:10px}.viewer-volume .icon-button{background:transparent;border:0;width:30px;height:30px}.viewer-volume input{width:105px;height:24px;padding:0;accent-color:#8aa6ff;cursor:pointer}.volume-value{font-size:.75rem;color:#c4d0e3;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.volume-unavailable-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:#c4d0e3}.volume-status{font-size:.75rem;color:#c4d0e3}.viewer-volume .enable-audio{position:absolute;left:0;bottom:calc(100% + 7px);padding:6px 10px;font-size:.75rem;white-space:nowrap;background:#202e48}@media(max-width:650px){header{gap:10px;padding:10px 12px;flex-wrap:wrap}header h1{font-size:.95rem}.room-info{font-size:.8rem}.picker-header{padding:16px 18px}.picker-body{grid-template-columns:minmax(0,1fr)}.source-browser{border-right:0;padding:16px}.source-grid{max-height:230px}.selected-source{padding:16px;gap:8px;border-top:1px solid #293140}.selected-source .source-thumbnail{max-height:140px}.selected-source .eyebrow{display:none}.picker-settings{padding:16px;gap:12px}.picker-settings .picker-audio{margin-left:0}.picker-footer{padding:14px 16px}.viewer-volume{left:8px;bottom:10px;gap:4px;padding:3px}.viewer-volume input{width:65px}.stream-info-btn{right:8px}}