:root{font-family:"Segoe UI",Arial,sans-serif;color:#182f27;background:#f5f6f0;font-synthesis:none;--green:#234b3d;--lime:#d9f08a;--muted:#758078;--border:#e3e8df}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #97ba41;outline-offset:3px}[hidden]{display:none!important}.header{max-width:1480px;margin:auto;height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:-.8px}.brand b{font-weight:400;color:#7e8d80}.brand-symbol{background:var(--green);color:var(--lime);height:47px;width:47px;border-radius:14px;font-size:38px;font-weight:700;text-align:center;line-height:48px;position:relative}.brand-symbol span{font-size:25px;position:absolute;right:7px;bottom:0}.header-note{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:16px}.header-note i,.live-dot:before{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74a76c;content:""}.lobby{max-width:1300px;padding:42px 42px 0;margin:auto;display:grid;grid-template-columns:1.06fr 1fr;gap:80px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;color:#778d80}.intro h1{font-size:clamp(48px,5.4vw,77px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin:24px 0}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:#678464}.intro>p{font-size:16px;line-height:1.7;color:#768178}.entry-card{background:white;border:1px solid #e5e9df;border-radius:25px;padding:30px 34px;box-shadow:0 18px 60px #263f2510;align-self:start}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.live-dot{font-size:11px;color:#6e8871;display:flex;gap:6px;align-items:center}.tabs{display:flex;padding:5px;background:#f1f4ed;border-radius:12px;margin-bottom:26px}.tabs button{flex:1;border:0;background:transparent;font-size:13px;padding:12px 8px;color:#7e887f;border-radius:9px}.tabs button.selected{background:white;color:#234b3d;box-shadow:0 2px 6px #234b3d10;font-weight:600}label{display:block;font-size:12px;font-weight:600;margin:18px 0;color:#526456}input:not([type=checkbox]){display:block;margin-top:9px;width:100%;border:1px solid var(--border);border-radius:10px;padding:14px 15px;background:#fcfdfb;outline:0;font-size:14px;color:#182f27}input:focus,textarea:focus{border-color:#7e9d6d!important;box-shadow:0 0 0 3px #d9f08a40}input::placeholder,textarea::placeholder{color:#a1aaa0}label small{display:block;color:#8a958c;line-height:1.5;font-weight:400;margin-top:6px}.checkbox-label{display:flex;gap:12px;align-items:center;background:#f7f9f3;padding:15px;border:1px solid #ebeee5;border-radius:10px}.checkbox-label input{accent-color:var(--green);height:17px;width:17px}.checkbox-label b{font-weight:500}.checkbox-label small{font-size:11px;margin-top:3px}.lock-icon{margin-left:auto;font-size:24px;color:#96a98e}.media-options{display:flex;gap:8px;margin:22px 0}.toggle{font-size:11px;padding:9px 11px;border:1px solid #e5eade;border-radius:9px;background:#fff;color:#889185}.toggle.on{background:#f1f6e8;color:#4c6747;border-color:#dce8cd}.primary{width:100%;padding:17px 19px;border:0;border-radius:11px;background:var(--green);color:white;font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#31614d}.primary span{font-size:20px}.entry-foot{text-align:center;font-size:10px;color:#9da69c;margin:20px 0 0}.lobby-footer{grid-column:1/-1;display:flex;gap:47px;border-top:1px solid #e0e6d9;padding:24px 0 28px;color:#8a9b7b;font-size:11px;align-items:center}.lobby-footer b{font-weight:400;color:#6f7e70;margin-left:10px}.lobby-footer small{margin-left:auto;font-size:9px;letter-spacing:2px}.illustration{position:relative;margin-top:33px;width:355px;transform:rotate(-4deg);padding-bottom:12px}.illustration-screen{background:#e5eadf;border:1px solid #d8e0cf;border-radius:14px;padding:10px;box-shadow:0 16px 35px #2c4a3012}.illus-title{display:flex;gap:4px;align-items:center;font-size:8px;color:#899582;padding:3px 4px 10px}.illus-title i{width:4px;height:4px;background:#b5c2a7;border-radius:50%}.illus-title>span{margin:auto}.illus-people{display:flex;gap:6px}.illus-people>span{width:33.33%;height:85px;background:#b8cc9c;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;color:#4f6945;font-size:26px;font-family:Georgia,serif}.illus-people>span:nth-child(2){background:#e1c8a3;color:#8d704b}.illus-people>span:nth-child(3){background:#b9cfca;color:#4c7065}.illus-people>span>span{font-family:"Segoe UI",sans-serif;position:absolute;bottom:7px;left:8px;font-size:7px}.illus-controls{text-align:center;font-size:13px;margin-top:10px;color:#9fac95}.illus-controls>span{display:inline-block;background:#d88e75;color:white;padding:0 10px;border-radius:5px}.floating-note{position:absolute;right:-34px;bottom:0;background:var(--lime);font-size:11px;padding:12px 15px;transform:rotate(8deg);border-radius:8px;box-shadow:0 5px 14px #8eaa531a}.error{background:#fff0eb;color:#ad503d;font-size:12px;padding:12px;border-radius:9px}.notice{font-size:11px;line-height:1.6;color:#976c3a;background:#fff8e7;padding:12px;border-radius:9px}.meeting{padding:12px 3% 0;max-width:1800px;margin:auto}.meeting-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.meeting-heading h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:8px 0}.invite{display:flex;gap:12px;align-items:center}.invite button{border:1px solid var(--border);background:white;border-radius:9px;color:var(--green);padding:10px 14px;font-size:12px}#room-number{font-weight:600;letter-spacing:1px}#clock{font-size:11px;color:#8c968b;padding-left:8px;font-variant-numeric:tabular-nums}.meeting-layout{display:grid;grid-template-columns:1fr 325px;gap:20px;min-height:500px;height:calc(100vh - 315px)}.stage{min-width:0;overflow:auto}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tile{aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:17px;background:#dbe5d2;color:#567347;display:flex;align-items:center;justify-content:center;min-width:0}.tile:nth-child(3n+2){background:#eadccc;color:#9b7855}.tile:nth-child(3n){background:#d3e3df;color:#557b6d}.tile video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tile .avatar{font-size:52px;font-family:Georgia,serif;background:#ffffff40;display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%}.tile-label{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;gap:6px;justify-content:space-between}.tile-label>span{font-size:12px;color:white;background:#1b3526a0;border-radius:7px;padding:6px 9px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-status{font-size:11px;color:#35523e;background:#ffffff70;border-radius:7px;padding:5px 8px}.tile-connection{position:absolute;top:12px;right:12px;background:#ffffffaa;border-radius:5px;font-size:10px;padding:4px 7px}.alone-note{color:#85917d;text-align:center;font-size:12px;line-height:1.6;margin:25px 10px}.screen-stage{margin-bottom:16px}.screen-tile{background:#14231f;color:white;border-radius:13px;overflow:hidden;margin-bottom:12px}.screen-tile video{width:100%;max-height:calc(100vh - 430px);display:block;object-fit:contain;background:#14231f}.screen-label{font-size:11px;padding:9px 13px;display:flex;justify-content:space-between}.screen-label button{border:0;background:#345044;color:white;border-radius:5px;font-size:11px}.screen-label button:hover{background:#496654}.stage.sharing .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage.sharing .tile .avatar{height:50px;width:50px;font-size:27px}.chat-panel{border:1px solid var(--border);border-radius:17px;background:white;display:flex;flex-direction:column;min-height:0}.chat-heading{padding:20px;border-bottom:1px solid #eff1e9}.chat-heading h3{font-size:14px;font-weight:500;margin:0 0 7px}.chat-heading>span{font-size:10px;color:#8c9788}.messages{flex:1;overflow:auto;padding:18px;scroll-behavior:smooth;min-height:150px}.chat-welcome{text-align:center;font-size:11px;color:#a3ac9b;line-height:1.8;margin:30px 0}.chat-message{margin-bottom:17px;overflow-wrap:anywhere}.message-head{font-size:11px;color:#657a60;margin-bottom:6px;display:flex;justify-content:space-between;gap:6px}.message-head time{font-size:9px;color:#a4afa0}.message-body{font-size:12px;line-height:1.6;white-space:pre-wrap;padding:10px 12px;border-radius:0 10px 10px 10px;background:#f2f5ed;color:#4b5e46}.chat-message.mine .message-body{background:#e8f2d9}.file-card{display:block;width:100%;text-align:left;border:1px solid #e0e7d7;background:#f5f8ef;padding:12px;border-radius:10px;color:#355932;font-size:12px;overflow-wrap:anywhere}.file-card small{display:block;font-size:10px;margin-top:6px;color:#8b9c81}.chat-compose{padding:14px;border-top:1px solid #edf0e7}.chat-compose textarea{border:1px solid transparent;resize:none;background:#f5f7f1;padding:12px;width:100%;border-radius:8px;color:#43573d;font-size:12px;outline:0}.compose-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.compose-actions button{border:0;background:none;color:#8d9e81;font-size:18px}.compose-actions button span{font-size:10px}.compose-actions .send{width:30px;height:30px;background:var(--green);border-radius:8px;color:var(--lime)}.upload-status{font-size:10px;color:#73935a}.call-controls{display:flex;justify-content:space-between;align-items:center;min-height:98px;margin:16px 0 0;gap:20px}.connection{font-size:11px;display:flex;align-items:center;gap:7px;min-width:130px;color:#87967b}.connection i{height:6px;width:6px;border-radius:50%;background:#8fae56}.connection i.bad{background:#be715c}.control-buttons{display:flex;gap:10px}.control{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #dce4d3;background:white;border-radius:12px;padding:12px 16px;min-width:83px;font-size:20px;color:#688159}.control>span,.leave>span{font-size:10px}.control.active{background:#eaf2da;border-color:#dae6c3;color:#426a32}.control.off{color:#b56f60;background:#fff5ef}.leave{display:flex;flex-direction:column;gap:6px;align-items:center;background:#b6634b;color:white;border:0;border-radius:12px;padding:12px 20px;font-size:20px}.end-button{font-size:10px;color:#aa6b5b;background:none;border:0;padding:10px;min-width:130px}.meeting-layout.chat-hidden{grid-template-columns:1fr}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;max-width:min(600px,90vw);padding:14px 22px;background:#234b3df2;color:white;font-size:13px;border-radius:12px;box-shadow:0 8px 30px #182f2730}dialog{border:1px solid #e0e8d6;border-radius:20px;padding:28px;max-width:min(800px,90vw);background:#fafbf6;color:#244a36}dialog::backdrop{background:#14231faa}dialog h2{font-size:20px;font-weight:500;margin:0}dialog p{font-size:12px;color:#8a9a7b;line-height:1.6}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading button{border:0;background:none;font-size:25px;color:#7a8e65}.sources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;max-height:60vh;overflow:auto}.source{background:white;border:1px solid #dce7cc;border-radius:10px;padding:8px;overflow:hidden;text-align:left;color:#3e623a}.source:hover{border-color:#81a353}.source img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#e6eadf;border-radius:5px}.source span{display:block;font-size:11px;padding:7px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirm-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:20px}.confirm-actions button{width:auto;padding:12px 20px;border-radius:8px;border:1px solid #dce7cc}.confirm-actions>button:first-child{background:white;color:#57704a}.header.compact{height:75px;padding:0 3%;max-width:1800px}.header.compact .brand{font-size:20px}.header.compact .brand-symbol{height:37px;width:37px;font-size:29px;line-height:39px}.header.compact .brand-symbol span{font-size:18px}.disconnected .control-buttons button:not(.leave){opacity:.5;pointer-events:none}@media(min-width:1500px){.lobby{padding-top:70px;gap:100px}.intro h1{font-size:82px}.illustration{margin-top:45px}}@media(max-width:1050px){.lobby{gap:35px;padding:30px}.intro h1{font-size:62px}.illustration{width:290px}.meeting-layout{grid-template-columns:1fr 285px}.call-controls{gap:10px}.connection{min-width:80px}.end-button{min-width:80px}.control{min-width:65px;padding:11px}.header-note{display:none}.sources{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header{height:80px;padding:0 6%}.lobby{display:flex;flex-direction:column;padding:20px 6%;gap:25px}.intro h1{font-size:47px;letter-spacing:-2px;margin:15px 0}.intro h1 br:nth-child(2){display:none}.intro>p{font-size:14px}.illustration{display:none}.entry-card{width:100%;padding:25px}.lobby-footer{gap:12px;flex-wrap:wrap;padding:18px 0;width:100%}.lobby-footer small{display:none}.lobby-footer b{margin-left:3px}.meeting-heading{flex-direction:column;align-items:flex-start;gap:10px}.meeting-heading h2{font-size:20px}.meeting-layout{display:flex;flex-direction:column;height:auto;min-height:0}.chat-panel{height:370px}.tile{aspect-ratio:4/3}.tile .avatar{height:55px;width:55px;font-size:30px}.tile-label{left:6px;right:6px;bottom:6px}.tile-label>span{font-size:9px}.tile-status{font-size:8px}.call-controls{flex-wrap:wrap;justify-content:center;padding:10px 0;position:sticky;bottom:0;background:#f5f6f0ee}.connection,.end-button{min-width:0;font-size:9px}.control-buttons{order:-1;width:100%;justify-content:center;gap:7px}.control{min-width:52px;padding:10px}.control>span,.leave>span{font-size:8px}.leave{padding:10px 15px}.screen-tile video{max-height:50vh}.stage.sharing .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sources{grid-template-columns:repeat(2,1fr)}.invite{gap:5px}.invite button{padding:8px;font-size:10px}}
.audio-settings-link{border:0;background:none;color:#688159;font-size:11px;padding:0 0 15px;text-align:left}.audio-dialog{width:min(620px,94vw);max-height:90vh;overflow:auto}.audio-dialog select{width:100%;margin-top:8px;border:1px solid #dce5d3;border-radius:9px;padding:12px;background:white;color:#345340;font:inherit;font-size:13px}.audio-secondary{border:1px solid #d7e2ca;background:#f1f6e8;color:#416238;border-radius:8px;padding:10px 13px;font-size:12px}.audio-secondary:hover{background:#e4efd3}.audio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.audio-check{display:flex;gap:8px;align-items:center;font-weight:400}.audio-check input{accent-color:#234b3d}.mic-meter{padding:16px;background:#f0f4e9;border-radius:10px}.mic-meter span{font-size:12px}.mic-meter meter{display:block;width:100%;height:17px;margin:9px 0;accent-color:#6b9847}.mic-meter small{font-size:10px;line-height:1.5;color:#849678}.audio-dialog .audio-privacy{font-size:10px;color:#849478}.volume-label{position:relative}.volume-label output{float:right}.volume-label input[type=range]{padding:0!important;border:0!important;background:transparent;accent-color:#477641;width:100%;height:25px;box-shadow:none!important}.audio-status{min-height:20px}.invite .audio-blocked{background:#d9f08a;border-color:#a1bd62}.control-buttons{flex-wrap:wrap}.audio-dialog label{margin:18px 0}
.admin-dialog{width:min(600px,calc(100vw - 32px));max-height:85vh;overflow:auto}.admin-dialog label{display:grid;gap:8px;margin:20px 0 8px}.admin-dialog input{width:100%;padding:12px;border:1px solid #c8d2cc;border-radius:10px}.admin-dialog small,.admin-dialog p{color:#5b6b64;line-height:1.5}.admin-participants{display:grid;gap:10px}.admin-participant{display:flex;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid #e1e7e3;padding:12px 0}.admin-participant span{overflow-wrap:anywhere;min-width:0}.admin-participant button{flex-shrink:0}@media(max-width:480px){.admin-participant{flex-wrap:wrap}}
