/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}.table-row{display:table-row}}:root{--ink:#17211d;--muted:#69736e;--paper:#f6f5ef;--white:#fffefa;--line:#dedfd8;--navy:#142b33;--teal:#35bca7;--lime:#d4f45d;--coral:#ff8068;--violet:#8977e9;--blue:#5d9ff2;--shadow:0 18px 50px #17211d14}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Avenir,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #35bca747}.app-shell{grid-template-columns:264px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:30px 22px 22px;display:flex;position:sticky;top:0}.brand{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-sign{background:var(--lime);width:42px;height:42px;color:var(--navy);border-radius:13px 6px;place-items:center;font-family:Georgia,serif;font-size:25px;font-weight:800;display:grid;box-shadow:8px 8px #ffffff14}.brand>span:last-child{flex-direction:column;display:flex}.brand b{letter-spacing:-.5px;font-family:Georgia,serif;font-size:24px;line-height:1}.brand small{color:#ffffff7a;letter-spacing:1.8px;text-transform:uppercase;margin-top:5px;font-size:9px}.main-nav{gap:6px;margin-top:56px;display:grid}.main-nav>p{color:#ffffff61;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 10px 12px;font-size:10px}.main-nav button{color:#ffffffab;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;transition:all .18s;display:flex;position:relative}.main-nav button span{place-items:center;width:22px;font-size:19px;display:grid}.main-nav button:hover{color:#fff;background:#ffffff0d}.main-nav button.active{color:#fff;box-shadow:inset 3px 0 var(--lime);background:#ffffff1c}.main-nav button i{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #ff80681f}.sidebar-note{background:#ffffff09;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;margin-top:auto;padding:16px;display:flex}.sidebar-note span{color:var(--lime);text-transform:uppercase;letter-spacing:1.3px;font-size:10px}.sidebar-note b{margin-top:7px;font-size:13px}.sidebar-note small{color:#ffffff70;margin-top:4px;line-height:1.45}.profile-card{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff14;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;margin-top:18px;padding:12px 4px 0;display:grid}.avatar{color:#6b451f;background:#f5d5a0;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.profile-card>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.profile-card b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-card small{color:#ffffff73;margin-top:3px;font-size:10px}.profile-card strong{color:#ffffff59}.workspace{min-width:0;padding:0 42px 60px}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:112px;display:flex}.topbar p{text-transform:capitalize;color:var(--muted);margin:0 0 4px;font-size:12px}.topbar h1{letter-spacing:-.5px;margin:0;font-family:Georgia,serif;font-size:29px}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:12px;width:42px;height:42px;font-size:20px}.primary{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:0 17px;font-size:13px;font-weight:750;display:inline-flex;box-shadow:0 10px 25px #142b3326}.primary:hover{background:#1c3b45;transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait;transform:none}.primary.wide{justify-content:space-between;width:100%;min-height:50px;padding:0 21px}.notice{z-index:80;background:var(--ink);color:#fff;max-width:580px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:20px;padding:13px 16px;font-size:13px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.notice button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:20px}.loading-line{z-index:100;background:linear-gradient(90deg, transparent, var(--teal), var(--lime), transparent);background-size:200% 100%;width:100%;height:3px;animation:1s linear infinite loading;position:fixed;top:0;left:0}@keyframes loading{to{background-position:-200% 0}}.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:18px;display:grid}.welcome-card{background:var(--navy);color:#fff;min-height:212px;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;align-items:flex-start;padding:33px 35% 30px 34px;display:flex;position:relative;overflow:hidden}.welcome-card:after{content:"";background:radial-gradient(circle at 83% 45%,#d4f45d21,#0000 28%),linear-gradient(115deg,#0000 55%,#ffffff08);position:absolute;inset:0}.eyebrow{z-index:1;color:var(--lime);text-transform:uppercase;letter-spacing:1.7px;font-size:9px;font-weight:800;position:relative}.eyebrow.dark{color:#608276}.welcome-card h2{z-index:1;margin:9px 0;font-family:Georgia,serif;font-size:clamp(28px,3vw,39px);font-weight:500;line-height:1.02;position:relative}.welcome-card p{z-index:1;color:#ffffffa3;max-width:530px;margin:0;font-size:13px;line-height:1.55;position:relative}.welcome-card>button{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;margin-top:21px;padding:0;font-size:12px;font-weight:750;position:relative}.welcome-card>button span{color:var(--lime);margin-left:9px}.welcome-orbit{z-index:1;border:1px solid #ffffff1f;border-radius:50%;width:145px;height:145px;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.welcome-orbit:before,.welcome-orbit:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.welcome-orbit:before{inset:18px}.welcome-orbit:after{background:#ffffff0d;inset:40px}.welcome-orbit i{z-index:2;border:3px solid var(--navy);background:var(--coral);border-radius:50%;width:13px;height:13px;position:absolute}.welcome-orbit i:first-child{top:8px;left:26px}.welcome-orbit i:nth-child(2){background:var(--teal);bottom:36px;right:7px}.welcome-orbit i:nth-child(3){background:var(--violet);bottom:14px;left:17px}.welcome-orbit b{z-index:3;color:var(--lime);letter-spacing:1px;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.stat-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stat-card{background:var(--white);border:1px solid #0000000a;border-radius:18px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;min-height:97px;padding:18px;display:grid;box-shadow:0 8px 30px #17211d0a}.stat-card>span{background:currentColor;border-radius:14px;place-items:center;width:44px;height:44px;font-size:23px;display:grid}@supports (color:color-mix(in lab, red, red)){.stat-card>span{background:color-mix(in srgb, currentColor 12%, white)}}.stat-card strong{font-family:Georgia,serif;font-size:27px;line-height:1;display:block}.stat-card p{color:var(--muted);margin:5px 0 0;font-size:10px}.stat-card>small{color:#a5aaa6;align-self:flex-start}.stat-card.violet>span{color:var(--violet)}.stat-card.coral>span{color:var(--coral)}.stat-card.teal>span{color:var(--teal)}.stat-card.blue>span{color:var(--blue)}.panel-card{background:var(--white);border:1px solid #0000000a;border-radius:20px;padding:24px;box-shadow:0 8px 30px #17211d0a}.section-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.section-head h3{margin:7px 0 0;font-family:Georgia,serif;font-size:20px}.section-head>button{color:#5f756c;cursor:pointer;background:0 0;border:0;font-size:10px}.schedule-list{margin-top:17px;display:grid}.schedule-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #efefe9;grid-template-columns:42px 1fr auto 18px;align-items:center;gap:12px;padding:12px 2px;display:grid}.schedule-list>button:first-child{border-top:0}.schedule-list>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.schedule-list b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.schedule-list small{color:var(--muted);margin-top:4px;font-size:9px}.schedule-list>button>i{color:var(--muted);background:#f2f1ec;border-radius:7px;padding:5px 8px;font-size:9px;font-style:normal}.schedule-list>button>i.live{color:#c94e3d;background:#fff0ec}.schedule-list>button>strong{color:#98a29d}.date-tile{border:1px solid var(--line);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.date-tile b{font-size:15px}.date-tile small{text-transform:uppercase;margin:1px 0 0;font-size:7px}.date-tile.live{color:#fff;background:var(--coral);border:0}.date-tile.live small{color:#fff}.groups-mini>div:not(.section-head):not(.empty){border-bottom:1px solid #efefe9;grid-template-columns:41px 1fr auto;align-items:center;gap:11px;padding:14px 2px;display:grid}.groups-mini>div:last-child{border:0}.group-monogram{color:#604eb2;background:#e7e0ff;border-radius:12px;place-items:center;width:41px;height:41px;font-size:11px;font-weight:800;display:grid}.group-monogram.c1{color:#277d6f;background:#d8f1eb}.group-monogram.c2{color:#a85137;background:#ffe5d6}.group-monogram.c3{color:#486f9e;background:#e1ebfa}.groups-mini p{flex-direction:column;min-width:0;margin:0;display:flex}.groups-mini p b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.groups-mini p small{color:var(--muted);margin-top:4px;font-size:9px}.groups-mini strong{color:#9da19e;font-weight:400}.page-section{animation:.3s both enter}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}.section-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin:8px 0 26px;display:flex}.section-intro h2{margin:8px 0 0;font-family:Georgia,serif;font-size:27px}.section-intro>p{max-width:420px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.group-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:20px;display:grid}.group-card{background:var(--white);border:1px solid #0000000d;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #17211d0d}.group-cover{background:#dcd5ff;place-items:center;height:148px;display:grid;position:relative;overflow:hidden}.group-cover:before,.group-cover:after{content:"";border:1px solid #ffffff80;border-radius:50%;position:absolute}.group-cover:before{width:170px;height:170px;top:-75px;right:-40px}.group-cover:after{width:95px;height:95px;bottom:-55px;left:-25px}.group-cover>span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#50428c;background:#ffffffa6;border-radius:21px 8px;place-items:center;width:62px;height:62px;font-family:Georgia,serif;font-size:21px;display:grid}.group-cover>i{color:#fff;background:var(--coral);letter-spacing:.7px;border-radius:8px;padding:6px 9px;font-size:8px;font-style:normal;position:absolute;top:14px;right:14px}.cover-1{background:#cfebe3}.cover-1>span{color:#25695f}.cover-2{background:#ffe0d2}.cover-2>span{color:#955036}.cover-3{background:#d9e8f8}.cover-3>span{color:#42698e}.group-card>div:last-child{padding:21px}.group-card h3{margin:0;font-family:Georgia,serif;font-size:19px}.group-card p{min-height:35px;color:var(--muted);margin:8px 0 16px;font-size:11px;line-height:1.5}.group-meta{color:#738079;gap:14px;font-size:9px;display:flex}.group-card button{cursor:pointer;background:0 0;border:0;border-top:1px solid #ecece6;justify-content:space-between;width:100%;margin-top:18px;padding:12px 0 0;font-size:11px;font-weight:750;display:flex}.group-card-actions{border-top:1px solid #ecece6;align-items:center;gap:7px;margin-top:18px;padding-top:12px;display:flex}.group-card .group-card-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;width:auto;margin:0;padding:7px 9px;font-size:9px}.group-card .group-card-actions button:first-child{background:0 0;border:0;margin-right:auto;padding-left:0;font-size:10px}.group-card .group-card-actions button:first-child span{margin-left:8px}.group-card .group-card-actions button:hover:not(:disabled){border-color:var(--teal);background:#f7fbf9}.group-card .group-card-actions button:first-child:hover{background:0 0}.group-card .group-card-actions button.danger{color:#b54133;background:#fff8f6;border-color:#ecc7c0}.group-card .group-card-actions button:disabled{opacity:.45;cursor:default}.room-list{gap:12px;display:grid}.room-list article{background:var(--white);border:1px solid #0000000d;border-radius:17px;grid-template-columns:64px 1fr 140px 130px;align-items:center;gap:18px;padding:18px;display:grid}.room-list article.is-live{border-color:#ff806859;box-shadow:0 10px 35px #ff806814}.room-symbol{color:#6655bd;background:#e4defe;border-radius:16px;place-items:center;width:64px;height:58px;font-size:24px;display:grid;position:relative}.room-symbol.video_chat{color:#277d6f;background:#d8f0eb}.room-symbol i{background:var(--coral);border:3px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.room-copy>div{color:var(--muted);align-items:center;gap:9px;font-size:9px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.5px;background:#efeee9;border-radius:6px;padding:4px 7px;font-size:8px}.status-pill.live{color:#c84f3e;background:#fff0ec}.status-pill.ended{color:#8b908d}.room-copy h3{margin:7px 0 4px;font-family:Georgia,serif;font-size:18px}.room-copy p{color:var(--muted);margin:0;font-size:10px}.room-time{flex-direction:column;display:flex}.room-time b{font-size:12px}.room-time small{color:var(--muted);margin-top:4px;font-size:9px}.room-list article>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;padding:11px 12px;font-size:10px;font-weight:750;display:flex}.room-list article>button:not(:disabled):hover{background:var(--navy);color:#fff;border-color:var(--navy)}.room-list article>button:disabled{opacity:.45;cursor:default}.video-player{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:20px;grid-template-columns:minmax(0,2fr) minmax(220px,.8fr);margin-bottom:25px;display:grid;overflow:hidden}.video-player video{background:#0d181b;width:100%;min-height:330px;max-height:520px}.video-player>div{flex-direction:column;justify-content:center;padding:28px;display:flex}.video-player span{color:var(--lime);text-transform:uppercase;letter-spacing:1px;font-size:9px}.video-player h3{margin:10px 0;font-family:Georgia,serif;font-size:23px}.video-player p{color:#ffffff8c;font-size:10px}.video-player button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;align-self:flex-start;margin-top:20px;padding:8px 12px;font-size:10px}.video-grid{grid-template-columns:repeat(3,minmax(230px,1fr));gap:20px;display:grid}.video-card{background:var(--white);text-align:left;cursor:pointer;border:1px solid #0000000d;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 8px 25px #17211d0b}.video-thumb{background:radial-gradient(circle at 75% 25%,#a795ff,#0000 28%),linear-gradient(145deg,#d9d2fa,#aebde6);place-items:center;height:150px;display:grid;position:relative}.video-thumb:before{content:"";border:1px solid #ffffff73;border-radius:50%;width:110px;height:110px;position:absolute}.video-thumb>span{z-index:1;width:45px;height:45px;color:var(--navy);background:#ffffffd1;border-radius:50%;place-items:center;padding-left:3px;display:grid;position:relative;box-shadow:0 8px 22px #17211d26}.video-thumb i{color:#fff;background:#142b33bf;border-radius:6px;padding:5px 7px;font-size:8px;font-style:normal;position:absolute;bottom:10px;right:10px}.thumb-1{background:radial-gradient(circle at 25% 70%,#ffd0bd,#0000 30%),linear-gradient(145deg,#f7d9c9,#e6a496)}.thumb-2{background:radial-gradient(circle at 75% 25%,#9de2d6,#0000 30%),linear-gradient(145deg,#d1ede8,#95cabe)}.thumb-3{background:radial-gradient(circle at 25% 70%,#e7f6a0,#0000 30%),linear-gradient(145deg,#e9efc4,#a5c8b6)}.video-card>div:last-child{padding:17px}.video-card>div:last-child>span{color:#5b8174;text-transform:uppercase;letter-spacing:.7px;font-size:8px}.video-card h3{margin:7px 0 10px;font-family:Georgia,serif;font-size:17px}.video-card p{color:var(--muted);margin:0;font-size:9px}.users-intro{align-items:center}.users-intro>label{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.users-intro select{min-width:210px}.table-card{background:var(--white);border:1px solid #0000000d;border-radius:17px;overflow:hidden}.table-row{border-top:1px solid #eeeee8;grid-template-columns:minmax(240px,1.6fr) .75fr .7fr minmax(260px,1.25fr);align-items:center;gap:16px;min-height:72px;padding:0 22px;font-size:11px;display:grid}.table-row.table-head{min-height:43px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;background:#f1f1eb;border:0;font-size:8px}.user-cell{align-items:center;gap:12px;display:flex}.user-cell>i{flex-direction:column;font-style:normal;display:flex}.user-cell b{font-size:11px}.user-cell small{color:var(--muted);margin-top:4px;font-size:9px}.role-badge{color:#6857af;background:#e9e6fa;border-radius:7px;padding:6px 9px;font-size:8px;font-style:normal}.role-badge.manager{color:#27796c;background:#dff0ec}.role-badge.teacher{color:#a9573b;background:#ffeadf}.role-badge.student{color:#537294;background:#e7edf6}.active-state{color:#497368}.active-state i{background:var(--teal);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.active-state.inactive{color:#9a6e67}.active-state.inactive i{background:#c98679}.table-row>span:last-child button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:7px 9px;font-size:9px}.user-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.user-actions button:hover:not(:disabled){border-color:var(--teal);background:#f7fbf9}.user-actions button.danger{color:#b54133;background:#fff8f6;border-color:#ecc7c0}.user-actions button:disabled{opacity:.45;cursor:default}.empty{color:#8f9692;align-content:center;place-items:center;gap:8px;min-height:150px;display:grid}.empty span{font-size:30px}.empty p{margin:0;font-size:12px}.login-page{grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);min-height:100vh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;padding:46px 8%;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid #ffffff0d;border-radius:50%;width:600px;height:600px;position:absolute;top:52%;left:53%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px #ffffff05,0 0 0 180px #ffffff03}.brand-light{z-index:1;position:relative}.story-copy{z-index:1;max-width:730px;margin:auto 0 26px;position:relative}.story-copy h1{letter-spacing:-2.4px;margin:16px 0 21px;font-family:Georgia,serif;font-size:clamp(42px,5.4vw,73px);font-weight:400;line-height:.99}.story-copy h1 em{color:var(--lime);font-style:italic}.story-copy p{color:#ffffff91;max-width:520px;font-size:15px;line-height:1.6}.signal-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:17px;grid-template-columns:12px 1fr auto;align-items:center;gap:13px;width:min(520px,100%);padding:18px;display:grid;position:relative}.live-pulse{background:var(--coral);border-radius:50%;width:9px;height:9px;display:block;position:relative;box-shadow:0 0 0 5px #ff806821}.signal-card>div:nth-child(2){flex-direction:column;display:flex}.signal-card b{font-size:12px}.signal-card small{color:#ffffff75;margin-top:4px;font-size:9px}.mini-avatars{display:flex}.mini-avatars i{border:2px solid var(--navy);color:#4f3924;background:#e9c699;border-radius:50%;place-items:center;width:27px;height:27px;margin-left:-6px;font-size:8px;font-style:normal;display:grid}.mini-avatars i:nth-child(2){background:#b8d6ef}.mini-avatars i:nth-child(3){background:#d7bcf0}.mini-avatars i:last-child{background:var(--lime);color:var(--navy)}.story-footer{z-index:1;color:#ffffff52;letter-spacing:.6px;margin-top:28px;font-size:9px;position:relative}.login-panel{background:var(--paper);place-items:center;padding:50px 9%;display:grid}.login-form{width:min(420px,100%)}.login-form h2{margin:9px 0 6px;font-family:Georgia,serif;font-size:35px}.login-form>div:first-child>p{color:var(--muted);margin:0 0 34px;font-size:12px}.login-form>label,.dialog form>label{color:#3d4944;flex-direction:column;gap:7px;margin-bottom:17px;font-size:10px;font-weight:750;display:flex}.login-form input,.dialog input,.dialog select,.dialog textarea,.users-intro select{border:1px solid var(--line);background:var(--white);width:100%;min-height:45px;color:var(--ink);border-radius:10px;padding:0 13px;font-size:12px;font-weight:400}.dialog textarea{resize:vertical;min-height:85px;padding-top:12px}.form-error{color:#c54636;margin:-5px 0 13px;font-size:10px}.demo-block{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.demo-block>p{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:8px}.demo-block>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.demo-block button{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:9px;flex-direction:column;padding:10px;display:flex}.demo-block button:hover{border-color:var(--teal);background:#fff}.demo-block b{font-size:9px}.demo-block small{color:var(--muted);margin-top:3px;font-size:7px}.dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e1c20a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:20px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:25px;overflow:auto;box-shadow:0 30px 90px #00000040}.dialog>header{justify-content:space-between;gap:20px;margin-bottom:23px;display:flex}.dialog h2{margin:0;font-family:Georgia,serif;font-size:24px}.dialog header p{color:var(--muted);margin:6px 0 0;font-size:10px}.dialog header button{cursor:pointer;background:#e8e7e0;border:0;border-radius:9px;width:32px;height:32px;font-size:18px}.dialog label small{color:var(--muted);font-weight:400}.choice-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:17px;display:grid}.choice-grid label{border:1px solid var(--line);cursor:pointer;border-radius:11px;flex-direction:column;padding:14px;display:flex;position:relative}.choice-grid label.chosen{border-color:var(--teal);background:#edf8f5}.choice-grid input{opacity:0;position:absolute}.choice-grid b{font-size:11px}.choice-grid small{color:var(--muted);margin-top:6px;font-size:8px;line-height:1.4}.dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:25px;padding-top:17px;display:flex}.dialog-actions>button:first-child{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 15px;font-size:11px}.drop-zone{cursor:pointer;background:#ffffff73;border:1px dashed #aab7b1;border-radius:13px;align-content:center;place-items:center;min-height:140px;display:grid!important}.drop-zone input{opacity:0;pointer-events:none;position:absolute}.drop-zone span{color:#4b7d6c;font-size:24px}.drop-zone b{margin-top:6px;font-size:11px}.drop-zone small{margin-top:2px}.media-overlay{z-index:200;background:#071012e8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.media-shell{color:#fff;background:#101f24;border:1px solid #ffffff1a;border-radius:20px;grid-template-rows:auto 1fr auto;width:min(1180px,100%);height:min(780px,100vh - 40px);display:grid;overflow:hidden;box-shadow:0 30px 100px #00000080}.media-shell header{justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.media-shell header>div{grid-template-columns:auto auto;align-items:center;gap:7px;display:grid}.media-shell header h2,.media-shell header p{grid-column:1/-1}.media-shell header>div>span:nth-child(2){color:var(--coral);text-transform:uppercase;letter-spacing:1px;font-size:8px}.media-shell h2{margin:5px 0 0;font-family:Georgia,serif;font-size:22px}.media-shell header p{color:#ffffff73;margin:4px 0 0;font-size:9px}.media-shell header>button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:34px;height:34px;font-size:20px}.media-body{min-width:0;min-height:0;display:grid}.media-body.has-moderation{grid-template-columns:minmax(0,1fr) 255px}.media-stage{background:#091316;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:center;gap:12px;min-width:0;min-height:0;padding:12px;display:grid;position:relative;overflow:auto}.media-stage:has(.participant-video) .stage-placeholder{display:none}.stage-placeholder{color:#ffffff73;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.stage-placeholder>span{width:80px;height:80px;color:var(--lime);background:#d4f45d17;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:33px;display:grid}.stage-placeholder b{color:#ffffffa6;margin-top:18px;font-size:12px}.stage-placeholder small{max-width:390px;margin-top:5px;font-size:9px;line-height:1.5}.participant-video{object-fit:cover;background:#111;border-radius:12px;width:100%;max-height:100%}.screen-share-video{aspect-ratio:16/9;object-fit:contain;background:#050a0c;grid-column:1/-1;min-height:0;max-height:calc(100vh - 225px);box-shadow:0 0 0 1px #d4f45d33}.media-stage audio{display:none}.participant-moderation{background:#0d1a1f;border-left:1px solid #ffffff14;min-height:0;padding:14px;overflow-y:auto}.participant-moderation>header{align-items:center;padding:0 0 12px}.participant-moderation>header b{font-size:11px}.participant-moderation>header span{min-width:22px;color:var(--lime);text-align:center;background:#d4f45d1f;border-radius:7px;padding:4px 6px;font-size:8px}.participant-moderation>p{color:#ffffff61;margin:20px 4px;font-size:9px;line-height:1.5}.participant-moderation>section{border-top:1px solid #ffffff12;padding:12px 0}.participant-name{grid-template-columns:34px 1fr;align-items:center;gap:9px;display:grid}.participant-name .avatar{color:#31556e;background:#d9e8f8;width:34px;height:34px;font-size:8px}.participant-name>span:last-child{flex-direction:column;min-width:0;display:flex}.participant-name b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.participant-name small{color:#ffffff59;margin-top:3px;font-size:7px}.participant-tracks{gap:5px;margin-top:9px;display:grid}.participant-tracks button{color:#ffb1a2;cursor:pointer;text-align:left;background:#ff80680f;border:1px solid #ff806833;border-radius:7px;padding:7px 8px;font-size:8px}.participant-tracks button:hover:not(:disabled){background:#ff806826}.participant-tracks button:disabled{color:#ffffff4d;cursor:default;border-color:#ffffff0f}.participant-tracks>small{color:#ffffff4d;font-size:8px}.media-shell footer{justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;display:flex}.secure-note{color:#fff6;font-size:9px}.media-shell footer>div{gap:8px;display:flex}.media-shell footer button{color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;padding:9px 13px;font-size:9px}.media-shell footer button.on{background:var(--lime);color:var(--navy);border-color:var(--lime)}.media-shell footer button.screen-control{border-color:#d4f45d5c}.media-shell footer button.finish-room{color:var(--lime);border-color:#d4f45d73}.media-shell footer button.finish-room:hover:not(:disabled){background:#d4f45d1f}.media-shell footer button:disabled{opacity:.45;cursor:not-allowed}.media-shell footer button.hangup{background:var(--coral);color:#fff;border-color:var(--coral)}@media (width<=1120px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:25px 14px}.brand>span:last-child,.main-nav>p,.main-nav button:not(.active){font-size:0}.main-nav button{justify-content:center;padding:12px}.main-nav button span{font-size:20px}.main-nav button.active{font-size:0}.sidebar-note,.profile-card>span:nth-child(2),.profile-card strong{display:none}.profile-card{grid-template-columns:1fr;justify-items:center}.group-grid,.video-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.room-list article{grid-template-columns:64px 1fr 105px}.room-list article>button{grid-column:2/-1}.content-grid{grid-template-columns:1fr}.welcome-card{grid-column:1/-1}.stat-grid{grid-row:2}.schedule-card{grid-row:3}.groups-mini{grid-area:2/2/span 2}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-story{min-height:470px;padding:34px 7%}.story-copy{margin-top:80px}.story-copy h1{font-size:47px}.login-panel{padding:55px 7%}.app-shell{display:block}.sidebar{z-index:90;flex-direction:row;align-items:center;width:100%;height:72px;padding:8px 14px;position:fixed;top:auto;bottom:0}.sidebar>.brand,.sidebar-note,.profile-card{display:none}.main-nav{justify-content:space-around;width:100%;margin:0;display:flex}.main-nav button,.main-nav button.active,.main-nav button:not(.active){flex-direction:column;gap:2px;padding:9px;font-size:8px;display:flex}.main-nav button.active{box-shadow:inset 0 -3px var(--lime)}.main-nav button i{position:absolute;top:4px;right:6px}.workspace{padding:0 18px 95px}.topbar{min-height:92px}.topbar p{display:none}.topbar h1{font-size:23px}.top-actions .primary{width:42px;padding:0;font-size:0}.top-actions .primary:first-letter{font-size:20px}.content-grid{display:block}.content-grid>*{margin-bottom:15px}.welcome-card{padding-right:30%}.stat-grid{grid-template-columns:1fr 1fr}.groups-mini{display:none}.group-grid,.video-grid{grid-template-columns:1fr 1fr}.room-list article{grid-template-columns:55px 1fr}.room-symbol{width:55px}.room-time,.room-list article>button{grid-column:2}.section-intro{display:block}.section-intro>p{margin-top:8px}.table-card{overflow-x:auto}.table-row{min-width:720px}.video-player{grid-template-columns:1fr}.video-player>div{display:none}.media-body.has-moderation{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.participant-moderation{border-top:1px solid #ffffff14;border-left:0;max-height:180px}.participant-moderation>section{grid-template-columns:1fr 1fr;gap:10px;display:grid}}@media (width<=560px){.signal-card{grid-template-columns:12px 1fr}.mini-avatars{display:none}.story-copy h1{font-size:39px}.login-story{min-height:430px}.demo-block>div{grid-template-columns:1fr}.welcome-card{min-height:240px;padding:28px 28px 25px}.welcome-card p{max-width:65%}.welcome-orbit{width:130px;height:130px;right:-40px}.stat-grid{gap:10px}.stat-card{grid-template-columns:36px 1fr;padding:13px}.stat-card>span{width:36px;height:36px}.stat-card>small{display:none}.stat-card strong{font-size:22px}.schedule-card{padding:18px}.schedule-list>button{grid-template-columns:40px 1fr 15px}.schedule-list>button>i{display:none}.group-grid,.video-grid{grid-template-columns:1fr}.group-card,.video-card{grid-template-columns:120px 1fr;display:grid}.group-cover,.video-thumb{height:100%;min-height:145px}.group-meta{flex-direction:column;gap:5px}.video-card>div:last-child{align-self:center}.choice-grid{grid-template-columns:1fr}.media-shell footer{align-items:flex-start}.secure-note{display:none}.media-shell footer>div{flex-wrap:wrap;width:100%}.media-shell footer button{flex:1}.users-intro label{margin-top:15px;display:block}.users-intro select{margin-top:7px}.dialog-backdrop{padding:10px}.dialog{padding:20px}.main-nav button,.main-nav button.active,.main-nav button:not(.active){font-size:7px}}.app-splash{background:var(--navy);min-height:100vh;color:var(--lime);place-items:center;font:800 52px Georgia,serif;display:grid}.role-badge.moderator{color:#237565;background:#e0f3ef}.room-list article{grid-template-columns:64px minmax(210px,1fr) 105px minmax(300px,auto)}.room-copy>div{flex-wrap:wrap}.access-pill,.recording-pill{color:#536a88;background:#e9edf5;border-radius:6px;padding:4px 7px;font-size:8px}.recording-pill{color:#687735;background:#eff3e2}.recording-pill.recording,.recording-pill.starting{color:#c84f3e;background:#fff0ec}.recording-pill.failed{color:#a7382b;background:#f8e8e5}.room-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.room-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;min-height:36px;padding:0 10px;font-size:9px;font-weight:750}.room-actions button:hover:not(:disabled){border-color:var(--teal)}.room-actions .join-room{background:var(--navy);border-color:var(--navy);color:#fff;justify-content:space-between;gap:8px;min-width:106px;display:flex}.room-actions .danger{color:#b54133;border-color:#ecc7c0}.room-actions .delete-room{color:#b54133;background:#fff8f6;border-color:#ecc7c0}.room-actions .delete-room:hover:not(:disabled){background:#fff0ec;border-color:#b54133}.room-actions .icon-only{min-width:36px;padding:0;font-size:16px}.room-actions button:disabled{opacity:.45;cursor:default}.public-room-list{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.public-room-list>p{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 9px;font-size:8px}.public-room-list a{min-height:45px;color:var(--ink);border:1px solid var(--line);background:var(--white);border-radius:10px;grid-template-columns:12px 1fr auto auto;align-items:center;gap:9px;padding:9px 11px;text-decoration:none;display:grid}.public-room-list a+a{margin-top:6px}.public-room-list b{font-size:10px}.public-room-list small{color:var(--muted);font-size:8px}.guest-page{background:radial-gradient(circle at 20% 20%, #8977e933, transparent 32%), radial-gradient(circle at 80% 75%, #35bca726, transparent 30%), var(--navy);place-items:center;min-height:100vh;padding:24px;display:grid}.guest-card{background:var(--paper);border:1px solid #ffffff1a;border-radius:24px;width:min(520px,100%);padding:42px;position:relative;box-shadow:0 28px 90px #0000004d}.guest-card>.brand-sign{margin-bottom:28px}.guest-card h1{margin:9px 0 7px;font:400 34px/1.1 Georgia,serif}.guest-card>p{color:var(--muted);margin:0 0 23px;font-size:11px}.guest-card>label{flex-direction:column;gap:7px;margin:22px 0 17px;font-size:10px;font-weight:750;display:flex}.guest-card input{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:48px;padding:0 13px}.guest-close{cursor:pointer;background:#e8e7e0;border:0;border-radius:9px;width:34px;height:34px;font-size:19px;position:absolute;top:18px;right:18px}.guest-room-status{background:#fff;border-radius:11px;align-items:center;gap:12px;padding:13px;font-size:10px;display:flex}.date-dot{background:var(--violet);border-radius:50%;width:9px;height:9px}.dialog{width:min(640px,100%)}.access-options,.invite-picker{border:0;margin:0 0 17px;padding:0}.access-options legend,.invite-picker legend{color:#3d4944;margin-bottom:8px;font-size:10px;font-weight:750}.access-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.access-options legend{grid-column:1/-1}.access-options label{border:1px solid var(--line);cursor:pointer;background:#ffffff73;border-radius:11px;align-items:flex-start;gap:9px;min-height:92px;padding:12px;display:flex;position:relative}.access-options label.chosen{border-color:var(--teal);background:#edf8f5}.access-options input,.invite-picker input,.toggle-row input{opacity:0;width:auto;min-height:0;position:absolute}.access-options label>i{color:#557269;background:#fff;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.access-options label>span,.invite-picker label>span,.toggle-row>span{flex-direction:column;display:flex}.access-options b{font-size:10px}.access-options small{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.35}.invite-picker>div{grid-template-columns:1fr 1fr;gap:7px;max-height:190px;display:grid;overflow:auto}.invite-picker label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:9px;display:flex;position:relative}.invite-picker label:has(input:checked){border-color:var(--teal);background:#edf8f5}.invite-picker .avatar{border-radius:9px;width:31px;height:31px;font-size:9px}.invite-picker label>span{min-width:0}.invite-picker b,.invite-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-picker b{font-size:9px}.invite-picker small{color:var(--muted);margin-top:3px;font-size:7px}.dialog form>label.toggle-row{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;flex-direction:row;align-items:center;gap:11px;padding:13px;display:flex;position:relative}.toggle-row:before{content:"";background:#c8ccc9;border-radius:20px;flex:none;width:33px;height:19px;box-shadow:inset 0 0 0 1px #0000000d}.toggle-row:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .18s;position:absolute;left:16px}.toggle-row:has(input:checked):before{background:var(--teal)}.toggle-row:has(input:checked):after{transform:translate(14px)}.toggle-row.is-disabled{opacity:.62;cursor:not-allowed!important}.toggle-row b{font-size:10px}.toggle-row small{margin-top:3px;font-size:8px}.share-link{background:#fafffd;border:1px dashed #9ab1a8;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;padding:12px;display:flex}.share-link>span{flex-direction:column;display:flex}.share-link b{font-size:10px}.share-link small{color:var(--muted);margin-top:3px;font-size:8px}.share-link button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:9px}.media-shell header>div{grid-template-columns:auto auto auto}.media-recording{color:var(--coral);letter-spacing:.7px;background:#ff806821;border-radius:6px;padding:4px 7px;font-size:8px}.media-recording.starting{color:#f4d58c;background:#f4d58c1f}.media-recording.failed{color:#ffb1a2;background:#ff80682e}.video-card-open{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.video-card-open>div:last-child{padding:17px}.video-card-open>div:last-child>span{color:#5b8174;text-transform:uppercase;letter-spacing:.7px;font-size:8px}.video-card-open h3{margin:7px 0 10px;font-family:Georgia,serif;font-size:17px}.video-card-open p{color:var(--muted);font-size:9px}.video-thumb em{color:#26463d;background:#eeffaae6;border-radius:6px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:700;position:absolute;bottom:10px;left:10px}.video-card-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:10px 12px 12px;display:flex}.video-card-actions button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:7px;padding:7px 9px;font-size:8px}.video-card-actions button:hover{background:#f7fbf9;border-color:#8ca99e}.video-card-actions button.danger,.video-player-actions button.danger{color:#b64e40}.video-card-actions button:disabled,.video-player-actions button:disabled{opacity:.5;cursor:wait}.video-player-actions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.video-player-actions button{margin-top:0}.video-player .guest-active{color:var(--lime);margin-top:11px;font-size:9px}.guest-video-page{min-height:100vh;color:var(--navy);background:#eef3ef;padding:22px}.guest-video-page>header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto 18px;display:flex}.guest-video-page>header .brand{background:0 0;padding:0;position:static}.guest-video-page>header>button:last-child{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;padding:9px 13px}.guest-video-page>section{background:var(--navy);color:#fff;max-width:1180px;box-shadow:var(--shadow);border-radius:22px;margin:0 auto;overflow:hidden}.guest-video-copy{padding:26px 30px 20px}.guest-video-copy>span{color:var(--lime);text-transform:uppercase;letter-spacing:1px;font-size:9px}.guest-video-copy h1{margin:9px 0 7px;font-family:Georgia,serif;font-size:clamp(25px,4vw,42px)}.guest-video-copy p{color:#fff9;font-size:10px}.guest-video-page video{background:#080e10;width:100%;min-height:420px;max-height:calc(100vh - 205px);display:block}.guest-video-error{text-align:center;align-content:center;place-items:center;min-height:520px;padding:50px;display:grid}.guest-video-error span{width:55px;height:55px;color:var(--coral);background:#ff806826;border-radius:50%;place-items:center;font-size:24px;display:grid}.guest-video-error h1{margin:18px 0 7px;font-family:Georgia,serif}.guest-video-error p{color:#fff9}@media (width<=1120px){.room-list article{grid-template-columns:64px 1fr 105px}.room-actions{grid-column:2/-1}}@media (width<=820px){.room-list article{grid-template-columns:55px 1fr}.room-time,.room-actions{grid-column:2;justify-content:flex-start}.access-options{grid-template-columns:1fr}.access-options legend{grid-column:1}}@media (width<=560px){.guest-page{padding:10px}.guest-card{padding:30px 22px}.invite-picker>div{grid-template-columns:1fr}.room-actions .join-room{width:100%}.video-card{display:block}.video-card-open{grid-template-columns:120px 1fr;display:grid}.guest-video-page{padding:10px}.guest-video-page video{min-height:260px}}