:root{color:#132018;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef6e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #9bdc58}.app-shell{color:#132018;background:radial-gradient(circle at 12% 0,#91dc5729,#0000 28%),linear-gradient(135deg,#eef6e8 0%,#f7faf4 48%,#edf4e6 100%);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eff8eb;background:#14301f;grid-template-rows:auto 1fr auto;gap:24px;min-height:100vh;padding:22px 18px;display:grid;position:sticky;top:0}.brand,.panel-title,.section-title,.media-toggles,.sidebar-actions{align-items:center;display:flex}.brand{gap:12px}.brand-mark{color:#0d2215;background:linear-gradient(145deg,#9bdc58,#35a852);border-radius:12px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 14px 34px #41b44d4d}.brand strong,.brand span,.status-card span,.status-card small,.id-row span,.session-list span,.transfer-list span{display:block}.brand strong{color:#fff;font-size:17px}.brand span{color:#b9d5b3;font-size:13px}.side-nav{align-content:start;gap:7px;display:grid}.side-nav a{color:#dbeed5;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:14px;font-weight:760;text-decoration:none;display:flex}.side-nav a:hover,.side-nav a.active{color:#fff;background:#9bdc5829}.side-nav a.disabled{color:#dbeed56b}.sidebar-actions{flex-direction:column;gap:10px}.workspace{align-content:start;gap:18px;padding:24px;display:grid}.workspace-header{background:#ffffffd1;border:1px solid #d7e5d0;border-radius:8px;grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:24px;min-height:150px;padding:clamp(20px,3vw,34px);display:grid;box-shadow:0 18px 45px #25462c14}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:720px;font-size:clamp(36px,5vw,62px);line-height:.98}h2{font-size:18px;line-height:1.2}.workspace-header p{color:#506154;max-width:760px;margin-top:12px;font-size:16px;line-height:1.55}.status-card,.panel,.remote-screen,.file-panel,.locked-session{background:#ffffffeb;border:1px solid #d7e5d0;border-radius:8px}.status-card{background:#f8fcf5;padding:18px}.status-card.online{background:#effbe8;border-color:#8fdc65}.status-card span,.status-card small,.panel p,.section-title p,.transfer-list span{color:#5d6f60;font-size:13px}.status-card strong{color:#102315;margin:8px 0;font-size:28px;line-height:1;display:block}.status-card small{line-height:1.45}.grid{gap:18px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.main-call{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.panel,.remote-screen,.file-panel,.locked-session{padding:18px}.panel{align-content:start;gap:14px;display:grid}.panel-title,.section-title{justify-content:space-between;gap:14px}.panel-title{color:#26462c;justify-content:flex-start}.panel p{line-height:1.5}button,.upload-button{color:#17331d;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b8cfaf;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:780;display:inline-flex}button:hover,.upload-button:hover{border-color:#77ad58}button:disabled{cursor:not-allowed;opacity:.52}button.primary{color:#fff;background:#2e8c3f;border-color:#2e8c3f}button.selected{color:#194822;background:#e6f8dc;border-color:#65b741}button.danger{color:#a41f1f;background:#fff3f3;border-color:#ffcdcd}.sidebar button{color:#fff;background:#ffffff1a;border-color:#ffffff2e;width:100%}.sidebar button:hover{border-color:#9bdc589e}.sidebar button.danger{color:#ffdede;background:#ff505024;border-color:#ffaeae59}.id-row{background:#f2f8ef;border-radius:8px;grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.id-row.muted{background:#f7faf2}code,.room-code,input,select{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{color:#1d2f20;overflow-wrap:anywhere;font-size:13px}.select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.field{color:#3f5543;gap:7px;font-size:13px;font-weight:760;display:grid}input,select{color:#132018;background:#fff;border:1px solid #b8cfaf;border-radius:8px;width:100%;min-height:42px;padding:0 11px;font-size:14px}input{text-transform:uppercase;letter-spacing:0;font-size:20px;font-weight:850}.room-code{color:#17331d;letter-spacing:0;background:#edf7e8;border:1px solid #b8cfaf;border-radius:8px;place-items:center;min-height:74px;font-size:clamp(30px,5vw,48px);font-weight:850;display:grid}.session-list{gap:9px;display:grid}.session-list span{color:#3f5543;overflow-wrap:anywhere;background:#f2f8ef;border-radius:8px;min-height:38px;padding:10px;font-size:13px}.locked-session{color:#345b39;background:#edf7e8;align-items:center;gap:14px;display:flex}.locked-session strong,.locked-session span{display:block}.locked-session span{color:#5d6f60;margin-top:4px;font-size:13px;line-height:1.45}.session-tools{display:grid}.media-toggles{flex-wrap:wrap;gap:10px}.remote-screen{gap:16px;display:grid}.remote-screen video,.empty-state{aspect-ratio:16/9;background:#08170d;border-radius:8px;width:100%}.remote-screen video{object-fit:contain;cursor:crosshair;display:block}.empty-state,.small-empty{color:#cfe5c9;text-align:center;place-items:center;padding:24px;display:grid}.side-stack{gap:18px;display:grid}.video-tile{position:relative}.video-tile video,.small-empty{aspect-ratio:16/10;background:#0d1d13;border-radius:8px;width:100%}.video-tile video{object-fit:cover;display:block}.pip-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1d13c7;border-color:#ffffff38;min-height:34px;position:absolute;bottom:10px;right:10px}.file-panel{border-style:dashed;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.file-panel>div:first-child{gap:8px;display:grid}.upload-button input{display:none}.transfer-list{grid-column:1/-1;gap:10px;display:grid}.transfer-list>div,.transfer-list>span{background:#f2f8ef;border-radius:8px;min-height:48px;padding:10px 12px}.transfer-list>div{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid}.transfer-list strong{overflow-wrap:anywhere}.transfer-list a{color:#2e8c3f;align-items:center;gap:6px;font-weight:780;text-decoration:none;display:inline-flex}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr;min-height:auto;position:static}.side-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace-header,.grid.two,.grid.main-call,.select-grid{grid-template-columns:1fr}}@media (width<=720px){.workspace,.sidebar{padding:14px}.side-nav{grid-template-columns:1fr 1fr}.file-panel,.section-title,.locked-session{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.sidebar-actions,.sidebar-actions button,.media-toggles button,.upload-button{width:100%}.id-row,.transfer-list>div{grid-template-columns:1fr}}