:root{color:#eef1ff;background:#0a0d16;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.center{place-items:center;min-height:100vh;display:grid}.card{background:#121725;border:1px solid #252c40;border-radius:20px;padding:32px}.auth{gap:14px;width:min(420px,92vw);display:grid}.brand{letter-spacing:1px;font-size:22px;font-weight:900}.auth input,.auth select,.join input{color:#fff;background:#0c101b;border:1px solid #30384f;border-radius:10px;padding:13px}.auth button,.actions button,.controls button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.link{color:#aeb8d4!important;background:0 0!important}.error{color:#ff7b88}header{border-bottom:1px solid #202638;justify-content:space-between;align-items:center;height:70px;padding:0 5vw;display:flex}.small{color:#fff;cursor:pointer;background:#151b2b;border:1px solid #343c55;border-radius:8px;margin-left:8px;padding:8px 12px}.dashboard{max-width:1000px;margin:80px auto;padding:24px}.dashboard h1{margin-bottom:8px;font-size:46px}.dashboard p{color:#aab2c8}.actions{gap:20px;margin:40px 0;display:flex}.join{gap:8px;display:flex}.notice{color:#c7d0e7;background:#111827;border:1px solid #293247;border-radius:12px;padding:18px}.meeting{min-height:100vh;padding:16px}.meetingTop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.danger{background:#8d2430!important}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.tile{background:#111827;border-radius:16px;min-height:260px;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%;position:absolute}.tile label{background:#000a;border-radius:8px;padding:7px 10px;position:absolute;bottom:12px;left:12px}.captions{background:#101522;border:1px solid #252d41;border-radius:14px;min-height:100px;margin:12px 0 86px;padding:14px}.captions div{padding:5px}.captions span{color:#bba7ff;margin-left:16px;display:block}.controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f19dd;border:1px solid #2a3145;border-radius:16px;gap:8px;padding:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.controls button{background:#252c3f}@media (width<=650px){.actions,.controls{flex-direction:column}.controls{width:90%}.dashboard h1{font-size:34px}.join{flex-direction:column}}header select,.meetingTop select,.controls select{color:#fff;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:8px}.workspace{max-width:1400px;margin:25px auto 100px}.workspace h2{margin:20px 0}.taskAdd{gap:10px;margin:14px 0;display:flex}.taskAdd input{flex:1}.workspace input{color:#fff;background:#101827;border:1px solid #38445c;border-radius:8px;padding:12px}.workspace button,.upload{color:#fff;cursor:pointer;background:#6240bd;border:0;border-radius:8px;padding:10px}.kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.column{background:#121b2b;border:1px solid #30394e;border-radius:14px;min-height:170px;padding:14px}.task{cursor:grab;overflow-wrap:anywhere;background:#27334a;border-radius:9px;margin:10px 0;padding:12px}.task small{color:#abb5cb;margin-top:6px;display:block}.taskMoves{gap:5px;margin-top:7px;display:flex}.taskMoves button{padding:3px 10px}.boardExtras{grid-template-columns:2fr 1fr;gap:20px;margin-top:20px;display:grid}.boardExtras canvas{touch-action:none;cursor:crosshair;background:#f8fafc;border-radius:12px;width:100%;height:auto;margin-bottom:10px;display:block}.file{text-align:left;overflow-wrap:anywhere;width:100%;margin:10px 0;display:block}.upload{display:inline-block}.controls{z-index:10;flex-wrap:wrap;justify-content:center;max-width:95vw}.captions{margin-bottom:20px}@media (width<=700px){.kanban,.boardExtras{grid-template-columns:1fr}.meetingTop{flex-wrap:wrap;gap:10px}.controls{margin:20px auto;position:static;transform:none}.workspace{margin-bottom:30px}}:root{--primary:#078891;--primary-dark:#05636a;--primary-light:#36c5c5;--primary-pale:#e6f6f5;--ink:#10282f;--muted:#62757c;--border:#dce8e9;color:var(--ink);background:#f4f8f8}.brand span{color:var(--primary)}.actions button,.controls button,.workspace button,.upload{background:var(--primary)}.controls .active{background:var(--primary-dark)}.captions span{color:var(--primary-light)}.taskMoves button{background:var(--primary-dark)}.auth-page{background:linear-gradient(135deg,#e9f5f4,#f7f9fb 60%,#e1f1f0);min-height:100dvh;padding:14px 18px;display:flex}.auth-shell{background:#fff;border-radius:25px;grid-template-columns:61% 39%;width:100%;min-height:calc(100dvh - 28px);display:grid;overflow:hidden;box-shadow:0 20px 65px #0a50521a}.auth-story{color:#fff;isolation:isolate;background:linear-gradient(90deg,#092a35f2 0%,#0a3d48e6 46%,#064c5488 100%),url(/hero.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;padding:38px 52px 28px;display:flex;position:relative}.auth-story:after{content:"";z-index:-1;background:radial-gradient(at 70% 65%,#20b9b02e,#0000 55%);position:absolute;inset:0}.story-brand{align-items:center;gap:17px;display:flex}.story-brand strong{letter-spacing:-1.4px;font-size:clamp(26px,2.6vw,42px);display:block}.story-brand small{margin-top:2px;font-size:14px;display:block}.logo-mark{background:linear-gradient(140deg,#57e0db,#078891 62%,#064e60);border-radius:29px 29px 29px 10px;flex-shrink:0;place-items:center;width:82px;height:82px;display:grid;transform:rotate(-5deg);box-shadow:0 10px 26px #003c4270}.logo-mark .material-symbols-rounded{color:#fff;font-variation-settings:"FILL" 0,"wght" 250;font-size:56px}.story-content{max-width:560px;margin:38px 0}.story-content h1{letter-spacing:-1.8px;margin:0 0 15px;font-size:clamp(36px,3.2vw,58px);line-height:1.09}.story-content h1 em{color:#63ded4;font-style:normal}.story-lead{color:#eef9f9;margin:0 0 34px;font-size:clamp(15px,1.25vw,19px);line-height:1.55}.feature-list{gap:23px;display:grid}.feature{align-items:flex-start;gap:18px;display:flex}.feature-icon{background:linear-gradient(145deg,#27c4c1,#05747e);border-radius:15px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 24px #00a6ac44}.feature-icon span{font-size:30px}.feature b{font-size:17px}.feature p{color:#d9eeee;margin:5px 0 0;font-size:14px;line-height:1.45}.story-quote{align-self:flex-start;margin-bottom:8px;font-family:cursive;font-size:22px;font-style:italic;line-height:1.35;transform:rotate(-5deg)}.auth-panel{background:#fff;justify-content:center;align-items:center;padding:70px clamp(26px,5.4vw,90px) 40px;display:flex;position:relative}.auth-lang{position:absolute;top:25px;right:32px}.auth-lang select{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px}.auth-form{flex-direction:column;width:100%;max-width:420px;display:flex}.auth-logo{flex-direction:column;align-items:center;gap:13px;margin-bottom:17px;display:flex}.auth-logo .logo-mark{width:88px;height:88px}.auth-logo strong{letter-spacing:-1.3px;font-size:34px}.auth-form h2{text-align:center;margin:0 0 5px;font-size:22px}.auth-subtitle{text-align:center;color:var(--muted);margin:0 0 30px;font-size:14px;line-height:1.55}.auth-tabs{border:1px solid var(--border);background:#f4f7f7;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:3px;display:grid}.auth-tabs button{color:#596c72;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px}.auth-tabs button.selected{background:var(--primary);color:#fff;box-shadow:0 3px 10px #07889133}.field-label{margin-bottom:8px;font-size:13px;font-weight:600}.field{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:center;gap:12px;height:48px;margin-bottom:20px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #07889116}.field>.material-symbols-rounded{color:#657980;font-size:21px}.field input,.field select{width:100%;color:var(--ink);background:0 0;border:0;outline:0;min-width:0;font-size:14px}.field input::placeholder{color:#96a4a8}.auth-options{justify-content:space-between;margin:0 0 25px;font-size:13px;display:flex}.auth-options label{align-items:center;gap:8px;display:flex}.auth-options input{accent-color:var(--primary);width:17px;height:17px}.auth-submit{background:linear-gradient(105deg,var(--primary),#0ba3a8);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px;font-weight:650;display:flex;box-shadow:0 7px 20px #07889128}.auth-submit:hover{background:linear-gradient(105deg,var(--primary-dark),var(--primary))}.auth-submit span{font-size:20px}.auth-bottom{text-align:center;color:var(--muted);margin-top:30px;font-size:13px}.auth-bottom button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:700}.auth-form .error{color:#b42336;margin:0 0 15px;font-size:13px}@media (width<=900px){.auth-shell{grid-template-columns:1fr 1fr}.auth-story{padding:28px}.story-brand .logo-mark{width:58px;height:58px}.story-brand .logo-mark span{font-size:39px}.story-brand strong{font-size:27px}.story-content h1{font-size:37px}.feature-list{gap:16px}.feature-icon{width:42px;height:42px}.feature-icon span{font-size:25px}.feature b{font-size:14px}.feature p{font-size:12px}.auth-panel{padding:65px 26px 30px}}@media (width<=680px){.auth-page{padding:0}.auth-shell{border-radius:0;flex-direction:column;min-height:100dvh;display:flex}.auth-story{background:linear-gradient(110deg,#073e48,#078891);flex:none;padding:20px 24px}.story-brand .logo-mark{border-radius:14px;width:45px;height:45px}.story-brand .logo-mark span{font-size:29px}.story-brand strong{font-size:24px}.story-brand small{font-size:11px}.story-content,.story-quote{display:none}.auth-panel{flex:1;align-items:center;padding:55px 24px 35px}.auth-lang{top:12px;right:14px}.auth-logo .logo-mark{width:68px;height:68px}.auth-logo .logo-mark span{font-size:45px}.auth-logo strong{font-size:28px}.auth-subtitle{margin-bottom:22px}.auth-tabs{margin-bottom:19px}.field{margin-bottom:15px}.auth-bottom{margin-top:22px}}html,body,#root{min-height:100%;margin:0}.auth-page{background:#eaf5f4;height:100dvh;min-height:0;padding:0;overflow:hidden}.auth-shell{width:100%;height:100%;min-height:0;box-shadow:none;border-radius:0;grid-template-columns:minmax(0,55%) minmax(0,45%);overflow:hidden}.auth-story{background:#063a43 url(/teal-pattern.svg) 50%/cover no-repeat;min-height:0;overflow-y:auto}.auth-story:after{pointer-events:none}.auth-panel{justify-content:center;min-height:0;overflow-y:auto}.auth-form{flex-shrink:0}@media (width<=900px){.auth-shell{grid-template-columns:minmax(0,50%) minmax(0,50%)}}@media (width<=680px){.auth-page{height:100dvh;overflow:hidden}.auth-shell{flex-direction:column;height:100%;min-height:0;display:flex}.auth-story{background:#063a43 url(/teal-pattern.svg) 50%/cover no-repeat;flex:none;overflow:visible}.auth-panel{flex:auto;justify-content:flex-start;min-height:0;overflow-y:auto}.auth-form{margin:auto 0}}html:has(.auth-page){height:100%;overflow:hidden}body:has(.auth-page){height:100%;overflow:hidden}body:has(.auth-page) #root{height:100%;overflow:hidden}.auth-page,.auth-shell{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}.auth-story,.auth-panel{height:100%;min-height:0;overflow:hidden!important}.auth-panel{justify-content:center;align-items:center;padding:44px clamp(16px,4vw,70px) 12px;display:flex}.auth-form{transform-origin:50%;flex:0 420px;min-width:0;max-width:420px}.auth-story{padding:clamp(16px,2.5vh,38px) clamp(20px,3vw,52px)}.story-content{margin:12px 0}.story-content h1{font-size:clamp(25px,3vw,50px)}.story-lead{margin-bottom:clamp(10px,2vh,26px)}.feature-list{gap:clamp(7px,1.5vh,19px)}.story-quote{margin:0;font-size:clamp(15px,2vh,22px)}@media (width<=680px){.auth-shell{display:flex}.auth-story{flex:none;height:auto;padding:10px 18px}.auth-panel{flex:1 1 0;height:auto;padding:35px 16px 8px;overflow:hidden!important}.auth-form{flex:0 420px;margin:0}.story-brand .logo-mark{width:36px;height:36px}.story-brand strong{font-size:21px}.story-brand small{font-size:10px}}.auth-subtitle{margin-bottom:24px}.dashboard-brand{letter-spacing:.3px;color:#123b40;align-items:center;gap:12px;font-size:23px;font-weight:900;display:flex}.dashboard-brand .logo-mark{border-radius:15px 15px 15px 5px;width:46px;height:46px}.dashboard-brand .logo-mark .material-symbols-rounded{font-size:32px}.dashboard-brand-text span{color:#078891}.controls .control-language{background:#078891;border-radius:10px;align-items:center;padding:0 3px;display:flex}.controls .control-language select{cursor:pointer;border-radius:9px;padding:13px 12px;color:#fff!important;background:#078891!important;border:0!important}.controls .control-language select:focus-visible{outline-offset:2px;outline:2px solid #b4f1eb}.meeting .controls button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.meeting .material-symbols-rounded{vertical-align:middle;font-size:21px;line-height:1}.meeting .boardExtras h3{align-items:center;gap:8px;display:flex}.meeting .file{align-items:center;gap:7px;display:flex}.meeting .taskMoves button .material-symbols-rounded{font-size:17px}.kanban .column>h3{color:#fff!important}.new-dashboard{color:#122434;background:#f5fafb;min-height:100vh}.new-header{background:#fff;justify-content:space-between;align-items:center;height:88px;padding:0 max(5%,24px);display:flex;box-shadow:0 5px 25px #18394a18}.new-header nav{align-items:center;gap:18px;display:flex}.new-header select{border-radius:12px;padding:12px;color:#142536!important;background:#f0f5f7!important;border:0!important}.nav-icon{color:#142536!important;box-shadow:none!important;background:#fff!important;border:0!important;padding:9px!important}.nav-icon .material-symbols-rounded{font-size:29px}.dashboard-brand{cursor:pointer}.lobby-layout{grid-template-columns:1.3fr 1fr;gap:34px;max-width:1190px;margin:90px auto;padding:0 24px;display:grid}.lobby-left h1{margin:0;font-size:clamp(36px,4vw,55px)}.lobby-left>p{color:#91a3b9;margin:8px 0 30px}.lobby-actions,.online-panel,.profile-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 36px #17374b10}.lobby-actions{gap:13px;display:grid}.lobby-action{text-align:left;align-items:center;gap:20px;width:100%;min-height:90px;display:flex;border-radius:14px!important;padding:20px!important}.lobby-action.primary{color:#fff!important;background:#078d96!important}.lobby-action>span:nth-child(2){flex:1;gap:4px;display:grid}.lobby-action b{font-size:22px}.lobby-action .material-symbols-rounded{font-size:30px}.lobby-room{color:#fff;background:#172338;border-radius:14px;align-items:center;gap:18px;padding:16px 22px;display:flex}.lobby-room input{outline:none;flex:1;font-size:20px;color:#fff!important;background:0 0!important;border:0!important}.online-panel{align-self:start;padding:26px}.online-panel h2{align-items:center;gap:12px;display:flex}.online-dot{background:#24b64c;border-radius:50%;width:12px;height:12px;display:inline-block}.online-person{border-top:1px solid #e7edf2;align-items:center;gap:14px;padding:16px 0;display:flex}.online-person>span:nth-child(2){flex:1;font-weight:600}.online-person small{color:#8092a5;display:block}.online-avatar,.avatar-preview{background:#eaf1f4;border-radius:50%;place-items:center;display:grid;overflow:hidden}.online-avatar{width:52px;height:52px}.online-avatar img,.avatar-preview img{object-fit:cover;width:100%;height:100%}.profile-page{max-width:1200px;margin:50px auto;padding:0 24px}.profile-heading h1{margin:12px 0 4px;font-size:42px}.profile-heading p,.profile-note{color:#8495a8}.back-link{color:#078d96!important;background:0 0!important;padding:0!important}.profile-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.profile-card{padding:28px}.profile-card h2{margin:0 0 22px;font-size:22px}.profile-card label:not(.privacy-switch):not(.photo-upload){gap:7px;margin:15px 0;display:grid}.profile-card input:not([type=file]):not([type=checkbox]){color:#26394b;background:#f9fbfc;border:1px solid #dbe4ec;border-radius:9px;width:100%;padding:12px}.avatar-preview{width:100px;height:100px;margin-bottom:12px}.avatar-preview .material-symbols-rounded{font-size:56px}.photo-upload{color:#fff;cursor:pointer;background:#078d96;border-radius:9px;padding:10px 14px;display:inline-block}.privacy-switch{justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.privacy-switch small{color:#8495a8;margin-top:6px;display:block}.privacy-switch input{accent-color:#078d96;width:24px;height:24px}.files-card{grid-column:1/-1}.saved-file{border-top:1px solid #e8edf2;align-items:center;gap:15px;padding:12px;display:flex}.saved-file span:nth-child(2){flex:1}.saved-file button{color:#193146;background:#edf4f6}.tile>label,.kanban .column h3{color:#fff!important}@media (width<=800px){.lobby-layout,.profile-grid{grid-template-columns:1fr}.lobby-layout{margin:35px auto}.files-card{grid-column:auto}.new-header{padding:0 16px}}.story-content h1{letter-spacing:-.055em!important;font-size:clamp(54px,5.3vw,100px)!important;font-weight:950!important;line-height:1.04!important}.auth-logo strong{display:none}.auth-logo{margin-bottom:12px}.auth-logo .logo-mark{margin:auto}.new-header{z-index:5;border-radius:18px;width:calc(100% - 48px);max-width:1440px;height:74px;margin:16px auto 0;position:relative;box-shadow:0 10px 34px #123a4a22}.new-header .dashboard-brand{align-items:center;gap:12px;display:flex;background:0 0!important;border:0!important;padding:0!important}.new-header nav{gap:12px}.new-header select{color:#142536!important;background:#f0f5f7!important}.nav-icon{place-items:center;width:44px;height:44px;border-radius:12px!important;display:grid!important}.nav-icon:hover{background:#eaf5f6!important}.meeting .new-header{margin-bottom:20px}.meetingTop{justify-content:flex-end;padding:0 3% 12px;display:flex}.room-id-row{color:var(--text,#152536);justify-content:flex-end;align-items:center;gap:9px;margin:0 0 10px;font-size:14px;display:flex}.room-id-row button{place-items:center;display:grid;color:inherit!important;background:0 0!important;border:0!important;padding:6px!important}.room-id-row .material-symbols-rounded{font-size:19px}.kanban .column>h3,.kanban .column h3{color:#fff!important}.controls button{min-width:54px;min-height:52px;padding:12px!important}.controls button .material-symbols-rounded{font-size:27px}.privacy-switch{cursor:pointer;position:relative}.privacy-switch .switch-input{opacity:0;cursor:pointer;z-index:2;width:48px;height:28px;position:absolute;right:0}.switch-track{background:#a9b7c1;border-radius:99px;flex:0 0 48px;width:48px;height:28px;transition:background .2s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0003}.switch-input:checked+.switch-track{background:#078d96}.switch-input:checked+.switch-track:after{transform:translate(20px)}.switch-input:focus-visible+.switch-track{outline-offset:3px;outline:3px solid #5dcbd0}[data-theme=dark] body,[data-theme=dark] .new-dashboard,[data-theme=dark] .meeting{color:#e8f2f5!important;background:#0b1421!important}[data-theme=dark] .new-header,[data-theme=dark] .profile-card,[data-theme=dark] .online-panel,[data-theme=dark] .lobby-actions{color:#e8f2f5!important;background:#172538!important}[data-theme=dark] .dashboard-brand,[data-theme=dark] .nav-icon,[data-theme=dark] .profile-heading h1,[data-theme=dark] .lobby-left h1,[data-theme=dark] .room-id-row{color:#e8f2f5!important}[data-theme=dark] .nav-icon{background:0 0!important}[data-theme=dark] .new-header select,[data-theme=dark] .profile-card input:not([type=file]):not([type=checkbox]){color:#e8f2f5!important;background:#24364a!important;border-color:#43566b!important}[data-theme=dark] .online-person{border-color:#33475a}[data-theme=dark] .profile-note{color:#a4b7c7}[data-theme=dark] .profile-card h2,[data-theme=dark] .workspace h2{color:#fff}@media (width<=650px){.new-header{width:calc(100% - 20px);height:68px;margin:10px auto 0;padding:0 12px}.new-header nav{gap:3px}.new-header .dashboard-brand-text{font-size:17px}.new-header select{max-width:100px;padding:8px!important}.nav-icon{width:36px;height:40px}.nav-icon .material-symbols-rounded{font-size:23px}.story-content h1{font-size:clamp(40px,9vw,65px)!important}}html,body,#root{background:#f5fafb;min-height:100%}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] #root{min-height:100%;background:#0b1421!important}.new-dashboard{min-height:100dvh;display:flow-root}.new-header{z-index:1000;top:12px;position:sticky!important}.story-content h1{white-space:nowrap;letter-spacing:-.035em!important;font-size:clamp(19px,2.15vw,38px)!important;font-weight:550!important;line-height:1.2!important}.auth-form h2{color:#142536!important}.lobby-actions{border-radius:19px;gap:13px;padding:17px}.lobby-action,.lobby-room{align-items:center;gap:24px;min-height:87px;display:flex;border-radius:14px!important;padding:15px 20px!important}.lobby-action.primary{box-shadow:inset 0 1px 5px #ffffff24;background:linear-gradient(115deg,#00858e,#009ba4)!important}.lobby-action b,.lobby-room b{font-size:clamp(19px,2vw,26px);font-weight:750;line-height:1.15}.lobby-action small{opacity:.95;font-size:16px}.lobby-action .action-circle,.lobby-room .action-circle{background:#ffffff25;border-radius:50%;place-items:center;width:58px;min-width:58px;height:58px;font-size:34px;display:grid}.lobby-room{cursor:text;background:linear-gradient(110deg,#172337,#1b283d)}.lobby-room .room-entry{flex:1;gap:3px;min-width:0;display:grid}.lobby-room input{width:100%;min-width:0;padding:0!important;font-size:16px!important}.lobby-room input::placeholder{color:#d5e0ed;opacity:1}.lobby-room>.material-symbols-rounded:last-child{font-size:30px}.lobby-action:disabled{cursor:not-allowed;opacity:1!important}.password-change-form{gap:10px;display:grid}.password-change-form label{font-weight:600}.password-submit{color:#fff;cursor:pointer;background:#078d96;border:0;border-radius:9px;padding:13px 18px}@media (width<=650px){.story-content h1{font-size:clamp(15px,4vw,26px)!important}.lobby-action,.lobby-room{gap:13px;padding:12px!important}.lobby-action .action-circle,.lobby-room .action-circle{width:48px;min-width:48px;height:48px}.lobby-action small{font-size:13px}}.story-content{max-width:none;margin-top:auto;margin-bottom:auto}.story-content h1{letter-spacing:-.035em!important;margin-bottom:22px!important;font-size:clamp(25px,2.65vw,46px)!important;font-weight:600!important}.story-content h1 em{font-weight:600!important}.lobby-left h1{letter-spacing:-.035em!important;font-size:clamp(35px,4vw,49px)!important;font-weight:550!important}.lobby-description{color:#98a9bf;margin:5px 0 18px;font-size:16px}.workspace-tabs{justify-content:flex-start;align-items:center;gap:8px;max-width:1400px;margin:18px 0 0;display:flex}.workspace-tabs button{color:#d8e9ee;cursor:pointer;background:#172538;border:1px solid #344c59;border-radius:12px;align-items:center;gap:9px;padding:11px 16px;font-weight:600;display:flex}.workspace-tabs button.selected{color:#fff;background:#078d96;border-color:#078d96}.workspace-tabs .material-symbols-rounded{font-size:25px}.workspace [hidden],.boardExtras [hidden],.kanban[hidden],.taskAdd[hidden]{display:none!important}.boardExtras{margin-top:0;display:block}.boardExtras>div{max-width:100%}@media (width<=680px){.story-content h1{white-space:normal;font-size:clamp(21px,5vw,30px)!important}.workspace-tabs .tab-label{display:none}.workspace-tabs button{padding:12px 16px}}.story-content h1,.story-content h1 em{font-weight:700!important}.story-content h1{margin-bottom:34px!important}.auth-options label{color:#182d35!important}.workspace-tabs{width:100%;max-width:1400px}.workspace-room-id{color:#e2edf1;align-items:center;gap:10px;min-width:0;margin-left:auto;font-size:14px;display:flex}.workspace-room-id strong{overflow-wrap:anywhere;font-weight:700}.workspace-tabs .workspace-room-id button{border-radius:9px;flex-shrink:0;padding:8px}@media (width<=680px){.workspace-room-id{gap:5px;font-size:12px}.workspace-room-id strong{font-size:11px}.workspace-tabs{gap:4px}.workspace-tabs button{padding:9px!important}}.meeting .captions{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;height:210px;min-height:210px;max-height:210px;margin-top:8px;display:flex;overflow-y:auto}.meeting .captions>div:first-child{margin-top:auto}.translation-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;margin-top:12px;font-size:13px;display:flex}.translation-toolbar label{cursor:pointer;align-items:center;gap:8px;display:flex}.translation-toolbar input{accent-color:#079ba4}.translation-toolbar button{color:#fff;cursor:pointer;background:#078e98;border:0;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;display:flex}.translation-toolbar button:disabled{opacity:.45;cursor:not-allowed}.files-heading{flex-wrap:wrap;align-items:center;gap:16px;padding:0 4px 18px;display:flex}.files-heading>.material-symbols-rounded{font-size:35px}.files-heading strong{font-size:22px}.files-heading small{color:#8a9ab0;font-size:14px}.file-list{border-top:1px solid var(--border,#e3eaf0);width:100%}.file-row{color:#203448;border-bottom:1px solid #e4eaf0;align-items:center;gap:17px;min-height:55px;padding:8px 12px;display:flex;position:relative}.file-type{color:#fff;border-radius:5px;flex:none;place-items:center;width:30px;height:34px;font-size:23px!important;display:grid!important}.file-type.document{background:#e54448}.file-type.audio{background:#e49b24}.file-type.image{background:#9252dc}.file-type.other{background:#2781da}.file-name{overflow-wrap:anywhere;flex:1;min-width:0}.file-name small{color:#8393a4;font-size:11px;display:block}.file-meta{color:#899bb1;white-space:nowrap;font-size:13px}.file-icon-button,.file-more summary{cursor:pointer;place-items:center;display:grid;color:#718498!important;background:0 0!important;border:0!important;padding:7px!important}.file-more summary{list-style:none}.file-more summary::-webkit-details-marker{display:none}.file-more .file-menu{z-index:8;background:#fff;border:1px solid #dbe4eb;border-radius:10px;min-width:145px;padding:5px;position:absolute;top:45px;right:6px;box-shadow:0 8px 24px #102d4030}.file-menu button{text-align:left;width:100%;display:block;color:#1d3244!important;background:0 0!important;border:0!important;padding:10px!important}.file-menu button:hover{background:#edf4f6!important}.meeting .file-list{background:var(--surface,#fff);border-radius:10px}.meeting .file-row{color:var(--text,#203448)}[data-theme=dark] .file-row{color:#e7edf5;border-color:#344254}[data-theme=dark] .file-more .file-menu{background:#1b2835;border-color:#344254}[data-theme=dark] .file-menu button{color:#e7edf5!important}[data-theme=dark] .file-menu button:hover{background:#304152!important}@media (width<=600px){.file-meta{font-size:11px}.file-row{gap:8px;padding:8px 3px}.files-heading small{width:100%}}.new-dashboard,.meeting{width:100%;min-width:0;overflow-x:clip}.new-header{box-sizing:border-box;width:calc(100% - 48px)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important}.meeting>.grid,.meeting>.workspace-tabs,.meeting>.captions,.meeting>.translation-toolbar,.meeting>.controls,.meeting>.workspace{box-sizing:border-box;width:calc(100% - 48px);min-width:0;max-width:1440px;margin-left:auto;margin-right:auto}.meeting>.grid{overflow:hidden}.meeting>.grid .tile{min-width:0}.lobby-layout,.profile-page{box-sizing:border-box;width:calc(100% - 48px);max-width:1440px;margin-left:auto;margin-right:auto;padding:0}.lobby-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.lobby-left,.online-panel{min-width:0}.lobby-save-action{margin-top:16px}.lobby-save-action button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#00858e,#009ba4);border:1px solid #0a9aa4;border-radius:12px;width:100%;padding:14px 20px;font-weight:700}.saved-rooms-panel{color:#182c40;background:#fff;border-radius:20px;grid-column:1/-1;min-width:0;margin-top:14px;padding:24px}.saved-rooms-panel h2,.saved-rooms-profile h2{margin:0 0 16px;font-size:22px}.saved-room-list{gap:10px;display:grid}.saved-room-list>div{background:#f1f6f8;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.saved-room-list>div>button:first-child{text-align:left;overflow-wrap:anywhere;color:#182c40;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:8px}.saved-room-list>div>button:last-child{color:#223b4e;cursor:pointer;background:#e0e9ee;border:0;border-radius:8px;flex-shrink:0;padding:7px 12px}.saved-rooms-profile{grid-column:1/-1}.translation-toolbar{margin-top:12px!important;margin-bottom:16px!important}[data-theme=dark] .saved-rooms-panel{color:#e8f2f5;background:#172538}[data-theme=dark] .saved-room-list>div{background:#22354b}[data-theme=dark] .saved-room-list>div>button:first-child{color:#e8f2f5}@media (width<=800px){.lobby-layout{grid-template-columns:1fr}.saved-rooms-panel{grid-column:1}.meeting>.grid,.meeting>.workspace-tabs,.meeting>.captions,.meeting>.translation-toolbar,.meeting>.controls,.meeting>.workspace{width:calc(100% - 24px)}.new-header,.lobby-layout,.profile-page{width:calc(100% - 24px)!important}}.new-dashboard .lobby-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);width:calc(100% - 48px)!important;max-width:1200px!important}.new-dashboard .profile-page{width:calc(100% - 48px)!important;max-width:1100px!important}.lobby-save-action{justify-content:flex-start;display:flex}.lobby-save-action button{justify-content:center;align-items:center;display:inline-flex;color:#079ca4!important;width:auto!important;box-shadow:none!important;background:0 0!important;border:1.5px solid #079ca4!important;border-radius:10px!important;padding:10px 17px!important;font-weight:650!important}.lobby-save-action button:hover{background:#079ca41c!important}.saved-room-list>div>button:last-child{place-items:center;min-width:39px;min-height:39px;font-size:17px;display:grid;color:#fff!important;background:#079ca4!important;border:0!important}.saved-room-list>div>button:last-child:hover{background:#067c85!important}.meeting>.controls{z-index:100!important;flex-flow:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:max-content!important;max-width:calc(100vw - 24px)!important;margin:0!important;padding:10px!important;display:flex!important;position:fixed!important;inset:auto auto 18px 50%!important;transform:translate(-50%)!important}.meeting>.controls button{flex:none!important;width:auto!important}@media (width<=800px){.new-dashboard .lobby-layout{grid-template-columns:1fr;width:calc(100% - 24px)!important}.new-dashboard .profile-page{width:calc(100% - 24px)!important}}
