@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,800;1,9..144,400&family=IBM+Plex+Mono:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg:#0b0d14;--bg2:#10131c;--bg3:#1c2130;--surface:#161a26;--surface2:#1c2130;--bg-elevated:#10131c;--bg-card:#161a26;--bg-code:#0a0c12;--text:#e2ddd5;--text2:#a9a196;--text3:#6b6560;--text4:#4a453f;--text-dim:#a9a196;--text-muted:#6b6560;--border:#232939;--border2:#2d3548;--border-hover:#2d3548;--warm:#e8a87c;--warm2:#d4785a;--teal:#5cc9b5;--teal2:#3d9e8d;--purple:#b07aff;--blue:#6b9eff;--green:#5ce88e;--red:#e86a6a;--pink:#e87aaa;--yellow:#e8d06a;--orange:#e8a87c;--cyan:#6b9eff;--ease-spring:cubic-bezier(0.22,1,0.36,1);--font-display:"Fraunces",serif;--font-body:"Crimson Pro",serif;--font-ui:"Outfit",sans-serif;--font-mono:"IBM Plex Mono",monospace}[data-theme=light]{--bg:#f5f0e8;--bg2:# efe9df;--bg2:#efe9df;--bg3:#e6ded0;--surface:#fbf7f0;--surface2:#f0ebe1;--bg-elevated:#fbf7f0;--bg-card:#fbf7f0;--text:#1a1612;--text2:#4a453f;--text3:#6b6560;--text4:#a9a196;--text-dim:#4a453f;--text-muted:#6b6560;--border:#d8cfbf;--border2:#c8bda8;--border-hover:#c8bda8}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.role,button,h1,h2,h3,input,label{font-family:var(--font-ui)}a{color:var(--warm)}button{font-family:var(--font-ui);cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;transition:background .15s var(--ease-spring)}button:hover{background:var(--bg3);border-color:var(--border-hover)}.btn-primary{background:var(--warm);color:#1a1208;border-color:var(--warm);font-weight:600}.btn-primary:hover{background:var(--warm2)}input{font-family:var(--font-ui);background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.room{flex-direction:column;height:100vh}.room,.room-strip{display:flex;overflow:hidden}.room-strip{height:150px;flex:0 0 150px;gap:10px;align-items:stretch;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg2)}.strip-tiles{flex:1 1;min-width:0;height:100%;overflow:hidden}.tile-row{display:flex;gap:8px;height:100%;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden}.tile{flex:0 0 auto;height:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--bg3)}.tile .lk-participant-tile{width:100%;height:100%}.tile video{object-fit:cover}.screenshare-view{background:#000}.screenshare-view,.screenshare-view .lk-participant-tile{width:100%;height:100%}.screenshare-view video{object-fit:contain;background:#000}.room-main{position:relative}.chat-panel{position:absolute;top:0;right:0;width:min(340px,92%);height:100%;display:flex;flex-direction:column;background:var(--bg2);border-left:1px solid var(--border);z-index:20}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);font-family:var(--font-ui)}.chat-head button{border:0;background:transparent;padding:2px 6px}.chat-msgs{flex:1 1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:var(--text-dim);font-size:.85rem}.chat-msg{display:flex;flex-direction:column;gap:1px}.chat-name{font-family:var(--font-ui);font-size:.72rem;color:var(--warm)}.chat-text{font-size:.92rem;color:var(--text);white-space:pre-wrap;word-break:break-word}.chat-input{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}.chat-input input{flex:1 1}.follow-toggle{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-dim);white-space:nowrap}.board-bg{position:absolute;left:12px;top:64px;z-index:5;display:flex;gap:6px;background:var(--bg2);padding:6px;border-radius:10px;border:1px solid var(--border)}.bg-swatch{width:22px;height:22px;padding:0;border-radius:6px;border:1px solid var(--border2);cursor:pointer}.lk-enable-audio{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;background:var(--warm);color:#1a1208;border:0;border-radius:999px;padding:9px 18px;font-family:var(--font-ui);font-weight:600;box-shadow:0 6px 24px rgba(0,0,0,.4)}.strip-controls{gap:8px}.strip-controls,.strip-loading{display:flex;align-items:center}.strip-loading{color:var(--text-dim);padding:0 12px}.room-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--bg2)}.room-bar .spacer{flex:1 1}.room-logo{font-size:1.1rem;color:var(--warm);text-decoration:none;padding:0 4px}.topic-label{color:var(--text-dim);font-size:.85rem}.room-main{flex:1 1;display:flex;min-height:0}.pane{flex:1 1;min-width:0;height:100%;position:relative}.pane+.pane{border-left:1px solid var(--border)}.pane.is-hidden{display:none}.view-toggle{display:inline-flex;gap:2px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.view-toggle button{border:0;border-radius:0;text-transform:capitalize}.view-toggle button[aria-pressed=true]{background:var(--warm);color:#1a1208}.lesson-stage{display:flex;flex-direction:column;height:100%}.lesson-bar{padding:6px 10px;font-family:var(--font-ui);border-bottom:1px solid var(--border);background:var(--bg2);color:var(--text-dim)}.lesson-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.roster{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.roster li{display:flex;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.85rem}.roster .role{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;z-index:50}.picker{width:min(620px,92vw);max-height:70vh;overflow:auto;background:var(--bg-card);border:1px solid var(--border2);border-radius:14px;padding:14px}.picker input{width:100%;margin-bottom:10px}.picker ul{list-style:none;margin:0;padding:0}.picker li button{width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:8px}.picker li button:hover{background:var(--bg3)}.share{gap:10px;width:min(360px,90vw)}.share,.share label{display:flex;flex-direction:column}.share label{gap:4px;font-size:.82rem;color:var(--text-dim)}.share input{width:100%}[data-lk-theme]{--lk-bg:var(--bg2);--lk-bg2:var(--surface);--lk-accent-bg:var(--warm);--lk-fg:var(--text);--lk-border-color:var(--border)}@media (max-width:820px){.room-strip{flex-direction:column;height:auto;flex:0 0 auto;min-height:0;gap:6px;padding:6px}.strip-tiles{width:100%;height:92px}.tile{height:92px}.strip-controls{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.room-bar{overflow-x:auto;white-space:nowrap;gap:6px;padding:6px 8px;-webkit-overflow-scrolling:touch}.room-bar .topic-label{display:none}.room-bar .spacer{flex:0 0 8px}.room-main{flex-direction:column}.pane+.pane{border-left:0;border-top:1px solid var(--border)}}