:root{color:#292a40;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f4fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:56px 0}.app-shell.narrow{width:min(460px,100% - 32px)}.app-shell.in-room{width:min(1440px,100% - 32px);padding:20px 0}.app-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.auth-card,.admin-panel{background:#fff;border:1px solid #e0e1ee;border-radius:16px;gap:14px;padding:22px;display:grid;box-shadow:0 8px 30px #1e215012}.admin-panel{grid-template-columns:auto auto auto 1fr;align-items:center;margin-bottom:20px}.admin-panel button{color:#4536c7;background:#ecebff;min-height:36px}.invite-code{overflow-wrap:anywhere;color:#4536c7}.link-button{color:#5547d4;text-align:left;background:0 0;min-height:auto;padding:0;font-weight:500}header{margin-bottom:32px}.eyebrow{color:#6d5dfc;letter-spacing:.12em;font-size:.78rem;font-weight:700}h1{color:#202135;margin:8px 0;font-size:clamp(2rem,5vw,3.5rem)}h2{color:#292a40;font-size:1.1rem}.subtitle,.development-note{color:#666980}.join-panel{background:#fff;border:1px solid #e0e1ee;border-radius:16px;grid-template-columns:1.1fr 1fr 1fr auto;align-items:end;gap:14px;padding:20px;display:grid;box-shadow:0 8px 30px #1e215012}.room-panel{grid-template-columns:minmax(180px,1.4fr) auto auto minmax(180px,1fr) auto}.advanced-field{font-size:.76rem}.id-join{align-self:end}.room-history{color:#555871;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:.86rem;display:flex}.room-history button{color:#4536c7;background:#ecebff;min-height:32px;padding:0 10px;font-size:.82rem}label{color:#4a4c62;text-align:left;gap:7px;font-size:.85rem;font-weight:600;display:grid}input,select,button{box-sizing:border-box;min-height:42px;font:inherit;border-radius:9px}input,select{color:#292a40;background:#fff;border:1px solid #cacbdd;width:100%;padding:0 12px}button{cursor:pointer;border:0;padding:0 16px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:#6254e8}.secondary{color:#383a52;background:#fff;border:1px solid #c9cae0}.error{color:#a12828;text-align:left;background:#fff0f0;border-radius:8px;margin:16px 0 0;padding:12px 14px}.status-bar{color:#585b73;align-items:center;gap:16px;margin:24px 0;display:flex}.status{background:#edeef5;border-radius:999px;padding:5px 10px;font-size:.85rem}.status.online{color:#167549;background:#def7e9}.share-button{color:#fff;background:#202135;margin-left:auto}.hint{color:#8a6a18;font-size:.86rem}.screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.screen-section{text-align:left;min-width:0}.video-stack{background:#f6f6fb;border:1px solid #e0e1ee;border-radius:14px;gap:12px;min-height:280px;padding:12px;display:grid}.empty{color:#797c92;text-align:center;align-self:center}.screen-frame{background:#181a29;border-radius:9px;margin:0;overflow:hidden}.screen-caption{color:#e8e9f4;padding:8px 10px;font-size:.82rem}.media-slot video{background:#10111b;width:100%;max-height:420px;display:block}.room-toolbar{justify-content:flex-end;gap:10px;margin-bottom:14px;display:flex}.room-toolbar .share-button{margin-left:0}.modal-backdrop{z-index:20;background:#10111b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-settings-modal{background:#fff;border-radius:16px;width:min(520px,100%);padding:22px;box-shadow:0 22px 70px #0000004d}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-heading h2{margin:0}.icon-button{color:#4c4e65;background:0 0;min-height:32px;padding:0 10px;font-size:1.6rem;font-weight:400}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.codec-setting{grid-column:1/-1}.codec-description{color:#686b82;min-height:2.8em;font-size:.79rem;font-weight:400;line-height:1.45}.audio-setting{align-items:center;gap:8px;margin-top:18px;font-size:.88rem;display:flex}.audio-setting input[type=checkbox]{width:17px;min-height:17px}.settings-note{color:#686b82;margin:16px 0;font-size:.83rem}.modal-confirm{width:100%}.screen-stage{background:#10111b;border:1px solid #dedfed;border-radius:16px;min-height:min(72vh,760px);display:grid;overflow:hidden}.screen-stage:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh}.screen-stage .screen-frame{border-radius:0;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.screen-stage .media-slot,.screen-stage .media-slot video{object-fit:contain;width:100%;height:100%;max-height:none}.stage-empty{color:#c3c5d5;margin:auto}.screen-thumbnails{gap:12px;padding:14px 2px 2px;display:flex;overflow-x:auto}.screen-thumbnail{text-align:left;background:#181a29;border:2px solid #0000;border-radius:10px;flex:0 0 230px;min-height:0;padding:0;overflow:hidden}.screen-thumbnail:hover,.screen-thumbnail:focus-visible{border-color:#7669ed;outline:none}.screen-thumbnail .screen-frame{border-radius:8px}.screen-thumbnail .screen-caption{padding:6px 8px;font-size:.73rem}.screen-thumbnail .media-slot video{object-fit:contain;height:128px}.development-note{max-width:780px;margin:28px auto 0;font-size:.85rem}@media (width<=760px){.app-shell{padding:32px 0}.join-panel,.room-panel,.screens{grid-template-columns:1fr}.status-bar{flex-wrap:wrap}.app-header,.admin-panel{display:grid}.share-button{margin-left:0}.screen-stage{min-height:52vh}.screen-thumbnail{flex-basis:170px}.settings-grid{grid-template-columns:1fr}}