:root{--paper:#f7f4ef;--surface:#fff;--surface-strong:#ece7dd;--ink:#22211f;--muted:#6d6860;--line:#d9d2c7;--teal:#147d78;--teal-strong:#0e615d;--green:#2f7d4c;--red:#b93a3a;--red-strong:#942f2f;--amber:#b46d26;--shadow:0 18px 45px #22211f1f}*{box-sizing:border-box}#root,body,html{height:100%;overflow:hidden}body{background:#f7f4ef;background:var(--paper);color:#22211f;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.lobby-shell{display:grid;height:100%;min-height:100vh;overflow:auto;padding:24px;place-items:center}.lobby-panel{background:#fff;background:var(--surface);border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px #22211f1f;box-shadow:var(--shadow);padding:28px;width:min(100%,440px)}.lobby-heading{align-items:center;display:flex;gap:14px;margin-bottom:22px}.brand-mark{background:#e1f1ef;border:1px solid #b9dbd7;border-radius:8px;color:#147d78;color:var(--teal);display:inline-grid;flex:0 0 auto;height:44px;place-items:center;width:44px}.lobby-heading h1{font-size:24px;line-height:1.1;margin:0}.lobby-heading p{color:#6d6860;color:var(--muted);font-size:14px;margin:4px 0 0}.mode-tabs{grid-gap:4px;background:#ece7dd;background:var(--surface-strong);border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:4px}.mode-tabs button{align-items:center;background:#0000;border:0;border-radius:6px;color:#6d6860;color:var(--muted);display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:40px}.mode-tabs button.active{background:#fff;background:var(--surface);box-shadow:0 1px 6px #22211f14;color:#22211f;color:var(--ink)}.lobby-form{grid-gap:16px;display:grid;gap:16px}.lobby-form label,.role-fieldset{grid-gap:7px;display:grid;gap:7px}.lobby-form span,.role-fieldset legend{color:#6d6860;color:var(--muted);font-size:13px;font-weight:700}.lobby-form input[type=text]{background:#fffdf9;border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;color:#22211f;color:var(--ink);min-height:44px;outline:none;padding:0 12px;width:100%}.lobby-form label:focus-within>span,.role-fieldset:focus-within legend{color:#0e615d;color:var(--teal-strong)}.lobby-form input[type=text]:focus{border-color:#147d78;border-color:var(--teal);box-shadow:0 0 0 3px #147d7824}.input-with-icon{position:relative;width:100%}.input-with-icon svg{color:#6d6860;color:var(--muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input,.lobby-form .input-with-icon input[type=text]{padding-left:40px}.field-hint{color:#0e615d;color:var(--teal-strong);font-size:12px;font-weight:800}.role-fieldset{border:0;margin:0;padding:0}.role-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.role-options label{align-items:center;background:#fffdf9;border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;color:#22211f;color:var(--ink);display:flex;font-weight:700;gap:8px;min-height:42px;padding:0 12px}.role-options input{accent-color:#147d78;accent-color:var(--teal)}.form-error{background:#f9e7e2;border:1px solid #efc9c0;border-radius:8px;color:#942f2f;color:var(--red-strong);font-size:14px;padding:10px 12px}.primary-action{align-items:center;background:#147d78;background:var(--teal);border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:46px}.primary-action:hover:not(:disabled){background:#0e615d;background:var(--teal-strong)}.spin{animation:spin 1s linear infinite}.meeting-shell{background:#272520;color:#f7f4ef;display:flex;flex-direction:column;height:100vh;overflow:hidden}.control-bar,.meeting-header{flex:0 0 auto}.meeting-header{background:#f7f4ef;border-bottom:1px solid #d9d2c7;border-bottom:1px solid var(--line);color:#22211f;color:var(--ink);gap:16px;justify-content:space-between;min-height:64px;padding:12px 20px}.meeting-brand,.meeting-header{align-items:center;display:flex}.meeting-brand{flex:0 0 auto;gap:8px}.brand-logo{background:#147d78;background:var(--teal);border-radius:8px;color:#fff;display:inline-grid;font-size:13px;font-weight:900;height:34px;letter-spacing:-.5px;place-items:center;width:34px}.brand-name{color:#22211f;color:var(--ink);font-size:16px;font-weight:900;letter-spacing:-.3px}.meeting-meta{align-items:center;display:flex;gap:10px;min-width:0}.status-pill{align-items:center;background:#b46d26;background:var(--amber);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:800;gap:7px;min-height:32px;padding:0 10px;text-transform:capitalize}.status-pill.live{background:#2f7d4c;background:var(--green)}.status-pill.error{background:#b93a3a;background:var(--red)}.room-copy{align-items:center;background:#fff;background:var(--surface);border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;color:#22211f;color:var(--ink);display:inline-flex;gap:8px;min-height:36px;min-width:0;padding:0 10px}.room-copy span{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-count{align-items:center;color:#6d6860;color:var(--muted);display:inline-flex;font-weight:800;gap:8px}.participant-grid{grid-gap:14px;align-content:center;display:grid;flex:1 1 auto;gap:14px;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;min-height:0;overflow:auto;padding:18px}.participant-grid:empty:after{color:#cfc7bb;content:"Waiting for the tutor to join...";display:grid;font-weight:800;grid-column:1/-1;min-height:200px;place-items:center}.empty-tile,.participant-tile{aspect-ratio:16/9;background:#171612;border:2px solid #f7f4ef1a;border-radius:8px;max-width:640px;overflow:hidden;position:relative;width:100%}.participant-tile.speaking{border-color:#2f7d4c;border-color:var(--green)}.empty-tile{color:#cfc7bb;display:grid;place-items:center}.participant-media,.video-element,.video-player{height:100%;width:100%}.video-element,.video-element video{object-fit:cover}.avatar{background:#3b3932;color:#fff;display:grid;font-size:clamp(34px,8vw,58px);font-weight:900;height:100%;place-items:center;width:100%}.participant-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171612d1;border-radius:8px;bottom:10px;color:#fff;display:flex;gap:10px;justify-content:space-between;left:10px;min-height:38px;padding:0 10px;position:absolute;right:10px}.participant-name{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-state{align-items:center;color:#e9e2d7;display:inline-flex;flex:0 0 auto;gap:8px}.control-bar{align-items:center;background:#f7f4ef;border-top:1px solid #d9d2c7;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:center;min-height:76px;padding:14px 18px}.control-button{background:#2f7d4c;background:var(--green);border:0;border-radius:999px;color:#fff;display:inline-grid;height:46px;place-items:center;width:46px}.control-button.leave,.control-button.off{background:#b93a3a;background:var(--red)}.end-button{align-items:center;background:#942f2f;background:var(--red-strong);border:0;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:46px;padding:0 18px}.toast{background:#fff;background:var(--surface);border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px #22211f1f;box-shadow:var(--shadow);color:#22211f;color:var(--ink);font-weight:800;left:50%;padding:10px 14px;position:fixed;top:76px;transform:translateX(-50%);z-index:5}.control-button.active{background:#147d78;background:var(--teal)}.control-button.raise-hand{background:#b46d26;background:var(--amber)}.control-button.raise-hand.active{background:#0e615d;background:var(--teal-strong)}.presenter-view{aspect-ratio:16/9;background:#0f0e0b;border:2px solid #147d78;border:2px solid var(--teal);border-radius:8px;margin:18px 18px 0;max-height:52vh;overflow:hidden;position:relative}.presenter-video{background:#0f0e0b;height:100%;object-fit:contain;width:100%}.presenter-label{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0e0bd1;border-radius:999px;bottom:12px;color:#fff;display:inline-flex;font-weight:800;gap:8px;left:12px;padding:6px 12px;position:absolute}.request-panel{background:#f7f4ef;border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin:14px 18px 0;padding:14px}.request-group{flex:1 1 240px;min-width:0}.request-group h2{align-items:center;color:#6d6860;color:var(--muted);display:flex;font-size:13px;gap:8px;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.request-group ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.request-row{align-items:center;background:#fff;background:var(--surface);border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:8px 12px}.request-name{color:#22211f;color:var(--ink);font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-actions{display:inline-flex;flex:0 0 auto;gap:8px}.request-accept,.request-dismiss,.request-remove{align-items:center;border:0;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;gap:6px;padding:6px 12px}.request-accept{background:#2f7d4c;background:var(--green)}.request-dismiss{background:#6d6860;background:var(--muted);padding:6px 10px}.request-remove{background:#b93a3a;background:var(--red)}.hls-stage{background:#0f0e0b;border:2px solid #f7f4ef1a;border-radius:8px;flex:1 1 auto;margin:18px;min-height:0;overflow:hidden}.hls-video{background:#0f0e0b;height:100%;object-fit:contain;width:100%}.hls-waiting{align-items:center;background:#171612;border:2px solid #f7f4ef1a;border-radius:8px;color:#cfc7bb;display:flex;flex:1 1 auto;font-weight:800;gap:10px;justify-content:center;margin:18px}.side-panel{background:#f7f4ef;background:var(--paper);border-left:1px solid #d9d2c7;border-left:1px solid var(--line);box-shadow:0 18px 45px #22211f1f;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:min(380px,92vw);z-index:6}.side-panel-header{align-items:center;border-bottom:1px solid #d9d2c7;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:14px 16px}.side-panel-header h2{align-items:center;display:flex;font-size:16px;gap:10px;margin:0}.side-panel-close{background:#ece7dd;background:var(--surface-strong);border:0;border-radius:999px;color:#22211f;color:var(--ink);display:inline-grid;height:34px;place-items:center;width:34px}.feed-status{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;gap:4px;padding:2px 8px;text-transform:uppercase}.feed-status.on{background:#2f7d4c;background:var(--green)}.feed-status.off{background:#6d6860;background:var(--muted)}.chat-messages,.webhook-events{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:auto;padding:14px 16px}.chat-empty{color:#6d6860;color:var(--muted);margin:auto 0;text-align:center}.chat-bubble{align-self:flex-start;background:#ece7dd;background:var(--surface-strong);border-radius:12px;color:#22211f;color:var(--ink);display:flex;flex-direction:column;gap:2px;max-width:80%;padding:8px 12px}.chat-bubble.mine{align-self:flex-end;background:#147d78;background:var(--teal);color:#fff}.chat-sender{color:#0e615d;color:var(--teal-strong);font-size:11px;font-weight:800}.chat-text{word-break:break-word}.chat-composer{border-top:1px solid #d9d2c7;border-top:1px solid var(--line);display:flex;gap:8px;padding:12px 16px}.chat-composer input{background:#fffdf9;border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:999px;color:#22211f;color:var(--ink);flex:1 1 auto;min-width:0;padding:10px 12px}.chat-send{background:#147d78;background:var(--teal);border:0;border-radius:999px;color:#fff;display:inline-grid;height:42px;place-items:center;width:42px}.chat-send:disabled{background:#6d6860;background:var(--muted)}.webhook-event{background:#fff;background:var(--surface);border:1px solid #d9d2c7;border:1px solid var(--line);border-radius:8px;overflow:hidden}.webhook-event-head{align-items:center;background:#ece7dd;background:var(--surface-strong);display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.webhook-type{color:#0e615d;color:var(--teal-strong);font-weight:800}.webhook-event-head time{color:#6d6860;color:var(--muted);font-size:12px}.webhook-data{color:#22211f;color:var(--ink);font-size:12px;line-height:1.4;margin:0;padding:10px;white-space:pre-wrap;word-break:break-word}.tutor-timer-banner{align-items:center;background:#b46d26;background:var(--amber);border-radius:8px;color:#fff;display:flex;font-weight:700;gap:8px;justify-content:center;margin:14px 18px 0;padding:10px 14px;text-align:center}.tutor-timer-banner strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:720px){.lobby-shell{align-items:stretch;padding:12px}.lobby-panel{align-self:center;padding:20px}.meeting-header{align-items:stretch;flex-direction:column}.meeting-meta{width:100%}.room-copy{flex:1 1 auto}.participant-grid{grid-template-columns:1fr;padding:12px}.control-bar{gap:8px;justify-content:space-between}.end-button{padding:0 12px}}
/*# sourceMappingURL=main.8af8466d.css.map*/