:root{--bg-canvas: #f4f4f0;--bg-dark: #121214;--border-color: #000000;--accent-yellow: #facc15;--accent-green: #86efac;--accent-purple: #c084fc;--accent-cyan: #22d3ee;--accent-salmon: #fca5a5;--accent-white: #ffffff;--border-thick: 4px solid var(--border-color);--border-medium: 3px solid var(--border-color);--border-thin: 2px solid var(--border-color);--shadow-flat-sm: 3px 3px 0px 0px var(--border-color);--shadow-flat-md: 6px 6px 0px 0px var(--border-color);--shadow-flat-lg: 10px 10px 0px 0px var(--border-color);--font-family: "Space Grotesk", system-ui, -apple-system, sans-serif;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-canvas);color:var(--border-color);font-family:var(--font-family);font-weight:500;overflow-x:hidden;-webkit-font-smoothing:antialiased}input,button{font-family:inherit}.neo-card{background-color:var(--accent-white);border:var(--border-thick);box-shadow:var(--shadow-flat-md);border-radius:4px;padding:1.5rem;transition:transform .15s ease,box-shadow .15s ease}.neo-btn{background-color:var(--btn-color, var(--accent-yellow));color:var(--border-color);border:var(--border-medium);box-shadow:var(--shadow-flat-sm);border-radius:4px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .1s cubic-bezier(.4,0,.2,1);text-decoration:none}.neo-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 0 var(--border-color)}.neo-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 0 var(--border-color)}.neo-input-group{display:flex;align-items:center;background-color:var(--accent-white);border:var(--border-medium);box-shadow:var(--shadow-flat-sm);border-radius:4px;padding:.5rem .75rem;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease}.neo-input-group:focus-within{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--border-color)}.neo-input-group input{background:transparent;border:none;color:var(--border-color);font-weight:600;outline:none;width:100%}.neo-input-group input::placeholder{color:#6b7280;font-weight:500}.neo-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background-color:var(--accent-white);border:var(--border-thin);box-shadow:var(--shadow-flat-sm);border-radius:4px;font-size:.85rem;font-weight:700}.donate-trigger-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.35rem;background:#ff5c5c;color:#fff;border:2.5px solid #000;box-shadow:4px 4px #000;border-radius:4px;font-size:.95rem;font-weight:800;font-family:inherit;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,background .15s ease;animation:donate-pulse 2.8s ease-in-out infinite}.donate-trigger-btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:donate-shimmer 3s ease-in-out infinite;pointer-events:none}.donate-trigger-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;background:#e03e3e;animation:none}.donate-trigger-btn:hover:before{animation:none}.donate-trigger-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}@keyframes donate-pulse{0%,to{box-shadow:4px 4px #000}50%{box-shadow:4px 4px #000,0 0 16px 4px #ff5c5c99}}@keyframes donate-shimmer{0%{left:-75%}60%{left:125%}to{left:125%}}.donate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.donate-modal{width:100%;max-width:380px;padding:1.5rem;display:flex;flex-direction:column;gap:0;background:#fff;border:3px solid #000;box-shadow:6px 6px #000;border-radius:6px;position:relative}.donate-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.donate-close-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:.2rem;border-radius:4px;transition:background .15s}.donate-close-btn:hover{background:#f3f4f6}.donate-tabs{display:flex;gap:.4rem;margin-bottom:1rem}.donate-tab{flex:1;padding:.45rem .6rem;font-size:.8rem;font-weight:700;font-family:inherit;cursor:pointer;border:2px solid #000;border-radius:4px;background:#f3f4f6;box-shadow:2px 2px #000;transition:background .15s,transform .1s}.donate-tab:hover{background:#e5e7eb}.donate-tab.active{background:#000;color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px #fd0}.donate-tab-content{animation:fadeIn .18s ease}.home-container{min-height:100vh;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:var(--bg-canvas);background-image:radial-gradient(rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:24px 24px}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;z-index:10}.brand{display:flex;align-items:center;gap:.75rem}.brand-icon{width:48px;height:48px;border:var(--border-thick);border-radius:4px;background-color:var(--accent-purple);box-shadow:var(--shadow-flat-sm);display:flex;align-items:center;justify-content:center;color:#000}.brand h1{font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.home-main{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:4.5rem;max-width:1200px;margin:auto;width:100%;z-index:10}.hero-section{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.hero-title{font-size:3.85rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}.hero-title span{background-color:var(--accent-yellow);padding:0 .5rem;border:var(--border-thin);box-shadow:3px 3px 0 var(--border-color);display:inline-block;transform:rotate(-1.5deg)}.hero-subtitle{font-size:1.2rem;line-height:1.6;color:#000;font-weight:500}.action-row{display:flex;align-items:stretch;gap:1.25rem;margin-top:1.5rem}.btn-primary{--btn-color: var(--accent-green);font-size:1.05rem;padding:0 2rem;border-radius:4px;border:var(--border-thick);box-shadow:var(--shadow-flat-md)}.btn-primary:hover{box-shadow:3px 3px 0 var(--border-color)}.btn-primary:active{box-shadow:0 0 0 var(--border-color)}.join-form{display:flex;gap:.75rem;flex-grow:1;max-width:440px}.join-form .neo-input-group{flex-grow:1;border:var(--border-thick);box-shadow:var(--shadow-flat-md);padding:0 1rem}.btn-secondary{--btn-color: var(--accent-purple);border:var(--border-thick);box-shadow:var(--shadow-flat-md);font-size:1.05rem}.btn-secondary:hover{box-shadow:3px 3px 0 var(--border-color)}.btn-secondary:active{box-shadow:0 0 0 var(--border-color)}.error-message-inline{color:var(--border-color);background-color:var(--accent-salmon);border:var(--border-thin);box-shadow:var(--shadow-flat-sm);font-size:.9rem;font-weight:700;padding:.5rem 1rem;border-radius:4px;align-self:flex-start;margin-top:.5rem}.divider{height:4px;background:var(--border-color);margin:2rem 0}.features-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.feature-card-yellow{background-color:var(--accent-yellow)}.feature-card-cyan{background-color:var(--accent-cyan)}.feature-item h4{font-size:1.15rem;font-weight:800;margin-bottom:.5rem}.feature-item p{font-size:.95rem;line-height:1.45;color:#000;font-weight:500}.visual-section{display:flex;justify-content:center}.browser-mockup{width:100%;max-width:440px;background-color:var(--accent-white);border:var(--border-thick);box-shadow:var(--shadow-flat-lg);border-radius:4px;overflow:hidden}.browser-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--accent-yellow);border-bottom:var(--border-thick)}.browser-bar .dot{width:12px;height:12px;border-radius:50%;border:2px solid #000}.dot.red{background-color:var(--accent-salmon)}.dot.yellow{background-color:var(--accent-yellow)}.dot.green{background-color:var(--accent-green)}.address-bar{flex-grow:1;text-align:center;font-size:.75rem;font-weight:700;color:#000;background-color:var(--accent-white);border:var(--border-thin);padding:.25rem;border-radius:4px;margin-left:1.25rem}.browser-content{padding:1.25rem;aspect-ratio:1.4;background-color:var(--bg-canvas);background-image:radial-gradient(rgba(0,0,0,.1) 1px,transparent 1px);background-size:16px 16px;display:flex;flex-direction:column;gap:1.25rem}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex-grow:1}.mock-tile{background-color:var(--accent-white);border:var(--border-medium);box-shadow:var(--shadow-flat-sm);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.avatar-placeholder{width:44px;height:44px;border-radius:50%;border:var(--border-thin);background-color:var(--accent-purple);color:#000;display:flex;align-items:center;justify-content:center;font-weight:800}.avatar-placeholder.self-avatar{background-color:var(--accent-yellow)}.mock-tile .label{position:absolute;bottom:.5rem;left:.5rem;font-size:.7rem;font-weight:700;background-color:var(--accent-white);border:var(--border-thin);padding:.15rem .5rem;border-radius:4px}.mock-controls{display:flex;justify-content:center;gap:.75rem}.mock-btn{background-color:var(--accent-white);border:var(--border-thin);height:26px;box-shadow:2px 2px #000;border-radius:4px}.mock-btn.circle{width:26px;border-radius:50%}.mock-btn.circle.active{background-color:var(--accent-green)}.mock-btn.rect{width:48px}.mock-btn.rect.danger{background-color:var(--accent-salmon)}.home-footer{text-align:center;font-size:.9rem;font-weight:700;margin-top:2rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-links{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;color:#000}.footer-links a{color:#000;font-weight:700;text-decoration:none;border-bottom:2px solid #000;transition:opacity .1s}.footer-links a:hover{opacity:.7}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:4px}.room-container{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark);background-image:radial-gradient(rgba(255,255,255,.03) 1.5px,transparent 1.5px);background-size:24px 24px;overflow:hidden;position:relative}.room-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;z-index:10;background-color:var(--accent-white);border-bottom:var(--border-thick)}.mini-brand{font-weight:800;font-size:1.3rem;border:var(--border-medium);box-shadow:3px 3px #000;background-color:var(--accent-yellow);padding:.3rem .75rem;border-radius:4px}.room-header-left{display:flex;align-items:center;gap:1.5rem}.room-badge{background-color:var(--accent-white);border:var(--border-medium);box-shadow:3px 3px #000;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:700}.status-pill{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:4px;font-size:.85rem;font-weight:700;background-color:var(--accent-white);border:var(--border-medium);box-shadow:3px 3px #000}.pulse-dot{width:10px;height:10px;border-radius:50%;border:1px solid #000}.green-pulse{background-color:var(--accent-green);animation:pulse-green 1.5s infinite}.blue-pulse{background-color:var(--accent-cyan);animation:pulse-blue 1.5s infinite}.red-pulse{background-color:var(--accent-salmon);animation:pulse-red 1.5s infinite}.spinning-icon{animation:spin 1s linear infinite}.video-viewport{flex-grow:1;position:relative;display:flex;align-items:stretch;justify-content:center;padding:1.5rem 2rem;min-height:0}.video-grid{width:100%;height:100%;display:grid;gap:2rem;position:relative}.video-grid.alone{grid-template-columns:1fr;max-width:960px;margin:0 auto}.video-grid.peers-connected{display:block;position:relative}.video-tile{background-color:#1e1e24;border:var(--border-thick);box-shadow:8px 8px #000;border-radius:4px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.video-element{width:100%;height:100%;object-fit:cover!important;transform:scaleX(-1);background-color:#0d0d0d}.remote-tile .video-element{object-fit:cover!important;transform:none;background-color:#0d0d0d}.video-element.screen-shared{object-fit:contain!important}.video-element.camera-disabled{opacity:0}.tile-label{position:absolute;bottom:1.25rem;left:1.25rem;background-color:var(--accent-white);border:var(--border-medium);box-shadow:var(--shadow-flat-sm);padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:700;z-index:5;color:#000!important}.avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;background:radial-gradient(circle,#272730 30%,#17171e)}.fallback-avatar-circle{width:110px;height:110px;border-radius:50%;border:var(--border-thick);background-color:var(--accent-purple);color:#000;font-size:2.25rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-flat-md)}.remote-tile .fallback-avatar-circle{background-color:var(--accent-yellow)}.video-tile.pip-mode{position:absolute;top:1.5rem;right:1.5rem;width:300px;height:200px;z-index:10;border:var(--border-thick);box-shadow:6px 6px #000;transition:all .25s cubic-bezier(.4,0,.2,1)}.video-tile.pip-mode:hover{transform:none;box-shadow:6px 6px #000}.video-tile.pip-mode .tile-actions,.video-tile.pip-mode .tile-label,.mobile-video-tile.mobile-pip-mode .tile-actions,.mobile-video-tile.mobile-pip-mode .tile-label{display:none!important}.remote-tile{width:100%;height:100%}.waiting-card-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.waiting-card{width:100%;max-width:460px;border:var(--border-thick);box-shadow:var(--shadow-flat-lg);background-color:var(--accent-white);padding:2.5rem;border-radius:4px;display:flex;flex-direction:column;gap:1.5rem;text-align:center;pointer-events:auto}.waiting-card h3{font-size:1.5rem;font-weight:800}.waiting-card p{font-size:1rem;color:#374151;font-weight:500;line-height:1.5}.copy-link-box{display:flex;align-items:center;background-color:var(--bg-canvas);border:var(--border-medium);border-radius:4px;padding:.4rem .4rem .4rem 1rem;gap:.5rem}.link-text{font-size:.85rem;font-weight:600;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;text-align:left;color:#000!important}.btn-copy{--btn-color: var(--accent-purple);border:var(--border-medium);box-shadow:2px 2px #000;padding:.5rem 1rem;font-size:.85rem}.btn-copy.copied{--btn-color: var(--accent-green)}.waiting-loader{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.95rem;font-weight:700;color:var(--border-color);margin-top:.5rem}.spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.control-bar-wrapper{position:relative;width:100%;display:flex;justify-content:center;padding:0 2rem 1.5rem;z-index:20;background-color:var(--bg-dark)}.control-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;gap:1.25rem;padding:.85rem 1.5rem;background-color:var(--accent-white);border:var(--border-thick);box-shadow:var(--shadow-flat-md);border-radius:4px}.control-bar-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.control-bar-center{display:flex;align-items:center;gap:.75rem;justify-content:center;flex-grow:1}.control-bar-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.control-btn{width:52px;height:52px;border-radius:4px;border:var(--border-medium);display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;box-shadow:2px 2px #000;transition:all .1s ease}.control-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #000}.control-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.btn-active{background-color:var(--accent-white)}.btn-active:hover{background-color:#f3f4f6}.btn-inactive{background-color:var(--accent-salmon)}.btn-inactive:hover{background-color:#f87171}.btn-share-active{background-color:var(--accent-yellow)}.btn-share-active:hover{background-color:#eab308}.btn-danger{background-color:var(--accent-salmon);border:var(--border-medium);box-shadow:3px 3px #000}.btn-danger:hover{transform:translate(1px,1px);box-shadow:2px 2px #000;background-color:#ef4444}.btn-danger:active{transform:translate(3px,3px);box-shadow:0 0 #000}.control-divider{width:4px;height:36px;background-color:#000;border-radius:2px;margin:0 .25rem}.room-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background-color:#05070eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.overlay-card{width:100%;max-width:420px;border:var(--border-thick);box-shadow:var(--shadow-flat-lg);background-color:var(--accent-white);padding:2.5rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.error-icon{color:#000;background-color:var(--accent-salmon);padding:.5rem;border-radius:4px;border:var(--border-medium);box-shadow:3px 3px #000}.overlay-card p{font-size:1rem;font-weight:600;line-height:1.5;color:#374151}.overlay-card button{border:var(--border-thick);box-shadow:var(--shadow-flat-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-green{0%{box-shadow:0 0 #86efacb3}70%{box-shadow:0 0 0 10px #86efac00}to{box-shadow:0 0 #86efac00}}@keyframes pulse-blue{0%{box-shadow:0 0 #22d3eeb3}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}@keyframes pulse-red{0%{box-shadow:0 0 #fda4a4b3}70%{box-shadow:0 0 0 10px #fda4a400}to{box-shadow:0 0 #fda4a400}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.home-main{grid-template-columns:1fr;gap:3.5rem;padding:1rem 0}.hero-section{text-align:center;align-items:center}.hero-title{font-size:3rem}.action-row{flex-direction:column;width:100%}.btn-primary,.join-form{max-width:100%;width:100%}.features-row{margin-top:1rem;text-align:left}}@media(max-width:768px){.home-container{padding:1.5rem}.video-viewport{padding:1rem 1rem 7.5rem}.video-tile.pip-mode{bottom:auto;top:1rem;right:1rem;width:160px;height:110px;box-shadow:4px 4px #000}.waiting-card{padding:1.75rem}.fallback-avatar-circle{width:80px;height:80px;font-size:1.75rem}}@media(max-width:480px){.home-header{flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.home-header .donate-trigger-btn{padding:.45rem .9rem;font-size:.82rem;box-shadow:2px 2px #000}.home-header .donate-trigger-btn:hover{box-shadow:3px 3px #000}.hero-title{font-size:2.35rem}.features-row{grid-template-columns:1fr;gap:1.5rem}.room-header-bar{padding:.75rem 1rem}.room-badge{display:none}.status-pill span:last-child{display:none}.status-pill{padding:.45rem;box-shadow:2px 2px #000}.control-bar{padding:.65rem 1rem;gap:.65rem}.control-btn{width:44px;height:44px;box-shadow:1px 1px #000}.control-divider{height:24px}}.room-workspace-layout{display:grid;width:100%;height:100%;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-workspace-layout.sidebar-closed{grid-template-columns:1fr}.room-workspace-layout.sidebar-open{grid-template-columns:1fr 380px}.video-column{min-width:0;min-height:0;height:100%;position:relative}.workspace-sidebar{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0;background-color:var(--accent-white);border:var(--border-thick);box-shadow:var(--shadow-flat-md)}.sidebar-tab-headers{display:flex;background-color:var(--bg-canvas);border-bottom:var(--border-thick);position:relative;z-index:10;flex-shrink:0}.tab-header-btn{flex:1;padding:.85rem .5rem;border:none;background:transparent;font-weight:800;font-size:.85rem;cursor:pointer;border-right:var(--border-medium);transition:all .15s ease}.tab-header-btn:last-child{border-right:none}.tab-header-btn.tab-active{background-color:var(--accent-yellow)}.sidebar-tab-content{flex-grow:1;padding:1.25rem;overflow-y:auto;overflow-x:hidden;background-color:var(--accent-white);display:flex;flex-direction:column}.whiteboard-container{display:flex;flex-direction:column;height:100%;gap:1rem}.whiteboard-controls{display:flex;flex-direction:column;gap:.75rem;background-color:var(--bg-canvas);border:var(--border-medium);padding:.75rem;border-radius:4px}.whiteboard-brush-controls{display:flex;align-items:center;gap:.5rem}.whiteboard-tool-btn{width:32px;height:32px;border:var(--border-thin);background-color:var(--accent-white);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;box-shadow:2px 2px #000;transition:all .1s ease}.whiteboard-tool-btn.tool-active{background-color:var(--accent-yellow);box-shadow:0 0 #000;transform:translate(2px,2px)}.color-presets{display:flex;gap:.35rem;margin-left:.5rem}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid #000;cursor:pointer;transition:transform .1s ease}.color-dot.color-active{transform:scale(1.25);box-shadow:1px 1px #000}.whiteboard-canvas{flex-grow:1;border:var(--border-medium);background-color:#fff;cursor:crosshair;border-radius:4px;min-height:320px}.whiteboard-clear-btn{padding:.35rem .75rem;font-size:.8rem;--btn-color: var(--accent-salmon)}.file-sharing-container{display:flex;flex-direction:column;gap:1.25rem}.file-uploader-box{border:3px dashed #000;padding:2rem 1.5rem;text-align:center;background-color:var(--bg-canvas);border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .2s ease}.file-uploader-box.dragging{background-color:#e5e7eb;transform:scale(.97)}.file-upload-label{padding:.65rem 1.25rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;--btn-color: var(--accent-yellow)}.file-hidden-input{display:none}.file-upload-tip{font-size:.8rem;font-weight:700;color:#4b5563}.file-transfer-indicator{background-color:var(--bg-canvas);border:var(--border-medium);padding:.75rem 1rem;border-radius:4px;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-flat-sm)}.file-transfer-label{font-size:.85rem;font-weight:800}.progress-container-neo{height:16px;background-color:var(--accent-white);border:var(--border-thin);border-radius:4px;overflow:hidden}.progress-bar-neo{height:100%;background-color:var(--accent-green);border-right:2px solid #000;transition:width .1s ease}.progress-percent{font-size:.85rem;font-weight:800;align-self:flex-end}.received-files-section h4{font-size:1.1rem;font-weight:800;margin-bottom:.75rem;border-bottom:2px solid #000;padding-bottom:.25rem}.empty-files-placeholder{font-size:.85rem;color:#6b7280;font-weight:700}.received-files-list{display:flex;flex-direction:column;gap:.75rem}.received-file-item{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:3px 3px #000;border-radius:4px}.file-item-info{display:flex;flex-direction:column;gap:.2;overflow:hidden}.file-item-name{font-size:.85rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-size{font-size:.75rem;color:#4b5563;font-weight:700}.file-download-btn{padding:.45rem;width:32px;height:32px;--btn-color: var(--accent-purple)}.captions-container{display:flex;flex-direction:column;gap:1.25rem;height:100%}.captions-control-box{display:flex;flex-direction:column;gap:.5rem}.caption-toggle-btn{--btn-color: var(--accent-purple)}.caption-toggle-btn.listening-active{--btn-color: var(--accent-green);animation:pulse-green 2s infinite}.captions-tip{font-size:.8rem;font-weight:700;color:#4b5563;text-align:center}.captions-feed{flex-grow:1;overflow-y:auto;border:var(--border-medium);border-radius:4px;padding:1rem;background-color:var(--bg-canvas);min-height:260px;max-height:380px}.empty-captions-placeholder{font-size:.85rem;color:#6b7280;font-weight:700;text-align:center;margin-top:2rem}.captions-list{display:flex;flex-direction:column;gap:1rem}.caption-bubble{border:var(--border-thin);padding:.65rem .85rem;border-radius:4px;box-shadow:2px 2px #000;max-width:85%;display:flex;flex-direction:column;gap:.25rem;position:relative}.caption-self{background-color:var(--accent-yellow);align-self:flex-end}.caption-peer{background-color:var(--accent-white);align-self:flex-start}.caption-sender{font-size:.65rem;font-weight:800;text-transform:uppercase;color:#4b5563}.caption-text{font-size:.85rem;font-weight:700;color:#000;line-height:1.4}.caption-time{font-size:.6rem;color:#6b7280;align-self:flex-end;font-weight:600}.recording-indicator{border-color:#ef4444!important;background-color:#fee2e2!important;color:#ef4444!important;animation:pulse-red-record 1.5s infinite}.recording-dot{background-color:#ef4444!important;box-shadow:0 0 6px #ef4444!important}@keyframes pulse-red-record{0%,to{opacity:1}50%{opacity:.6}}.filter-dropdown-container{display:inline-block;position:relative}.filter-select{padding:0 1rem;font-size:.85rem;font-weight:800;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;width:110px;height:52px}.room-workspace-layout.sidebar-open.sidebar-expanded{grid-template-columns:1fr 650px}@media(max-width:1024px){.room-workspace-layout.sidebar-open{grid-template-columns:1fr 300px}.room-workspace-layout.sidebar-open.sidebar-expanded{grid-template-columns:1fr 500px}.tab-header-btn{padding:.6rem .3rem;font-size:.72rem}.sidebar-tab-content{padding:.85rem}}@media(max-width:768px){.room-workspace-layout.sidebar-open{grid-template-columns:1fr;grid-template-rows:1fr 340px}.room-workspace-layout.sidebar-open.sidebar-expanded{grid-template-columns:1fr;grid-template-rows:1fr 500px}.tab-header-btn{padding:.5rem .2rem;font-size:.7rem}.sidebar-tab-content{padding:.75rem}}.whiteboard-action-btns{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;width:100%}.whiteboard-expand-btn{padding:.35rem .75rem;font-size:.8rem;--btn-color: var(--accent-cyan)}.autoplay-banner-wrapper{position:absolute;top:5.5rem;left:50%;transform:translate(-50%);z-index:9999;width:auto;max-width:90%;pointer-events:auto}.autoplay-banner-btn{--btn-color: var(--accent-yellow);border:var(--border-thick);box-shadow:4px 4px #000;font-size:.9rem;padding:.6rem 1.25rem;font-weight:700;cursor:pointer}@media(max-width:768px){.btn-screen-share,.btn-pip{display:none!important}}.chat-container{display:flex;flex-direction:column;height:100%;gap:1rem}.chat-messages-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem;background-color:var(--bg-canvas);border:var(--border-thick);border-radius:4px;max-height:calc(100vh - 240px)}.empty-chat-placeholder{text-align:center;color:#9ca3af;margin-top:2rem;font-size:.9rem}.chat-message-item{display:flex;width:100%}.chat-message-item.msg-self{justify-content:flex-end}.chat-message-item.msg-peer{justify-content:flex-start}.msg-bubble{max-width:80%;padding:.65rem .85rem!important;display:flex;flex-direction:column;gap:.25rem}.chat-message-item.msg-self .msg-bubble{background-color:#a7f3d0;box-shadow:4px 4px #000}.chat-message-item.msg-peer .msg-bubble{background-color:#fff;box-shadow:4px 4px #000}.msg-sender{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#374151}.msg-text{margin:0;font-size:.9rem;word-break:break-word;line-height:1.4;text-align:left}.msg-time{font-size:.65rem;color:#9ca3af;align-self:flex-end}.chat-input-form{display:flex;gap:.5rem}.chat-text-input{flex-grow:1;padding:.65rem}.chat-send-btn{padding:.65rem 1.25rem;font-weight:700}.notes-container{display:flex;flex-direction:column;height:100%;gap:.75rem}.notes-header{display:flex;flex-direction:column;gap:.25rem}.notes-tip{font-size:.8rem;color:#555;font-weight:500;line-height:1.4}.notes-textarea{flex-grow:1;width:100%;min-height:300px;max-height:calc(100vh - 350px);padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.5;background-color:var(--accent-white);border:var(--border-thick);box-shadow:var(--shadow-flat-sm);border-radius:4px;resize:vertical;outline:none}.notes-textarea:focus{border-color:var(--accent-cyan)}.notes-actions{display:flex;gap:.5rem;flex-wrap:wrap}.notes-btn{flex:1;min-width:90px;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem!important;font-size:.85rem!important;font-weight:700}.status-pill.status-warning{background-color:var(--accent-yellow)!important}.orange-pulse{background-color:#fb923c;animation:pulse-orange 1.5s infinite}@keyframes pulse-orange{0%{box-shadow:0 0 #fb923cb3}70%{box-shadow:0 0 0 10px #fb923c00}to{box-shadow:0 0 #fb923c00}}.mobile-home{padding:1rem}.mobile-main{grid-template-columns:1fr!important;padding:0!important;gap:1.5rem!important}.mobile-hero-title{font-size:2.25rem!important;line-height:1.2!important}.mobile-action-row{flex-direction:column!important;gap:.75rem!important;width:100%!important}.mobile-btn-full{width:100%!important;max-width:100%!important;justify-content:center}.mobile-join-form{flex-direction:column!important;width:100%!important;gap:.75rem!important}.mobile-input-group{width:100%!important;max-width:100%!important;padding:.75rem 1rem!important}.mobile-features-row{flex-direction:column!important;gap:1rem!important}.mobile-room-container{display:flex;flex-direction:column;height:100dvh;width:100vw;background-color:var(--bg-dark);color:#fff;position:relative;overflow:hidden}.mobile-header-bar{background-color:#121214e6;border-bottom:2px solid #000;padding:.5rem 1rem;z-index:10}.mobile-video-viewport{flex:1 1 0;position:relative;width:100%;overflow:hidden;min-height:0}.mobile-video-column{position:absolute;top:0;left:0;width:100%;height:100%}.mobile-video-tile{position:relative;overflow:hidden;border-radius:8px;border:var(--border-medium);box-shadow:var(--shadow-flat-sm);background-color:#1e1e24}.mobile-video-tile.remote-tile{top:0;left:0;width:100%;height:100%;border-radius:0;border:none;box-shadow:none;z-index:1}.mobile-video-tile.mobile-pip-mode{position:absolute!important;top:1rem;right:1rem;width:110px;height:165px;z-index:5;border:var(--border-medium);box-shadow:var(--shadow-flat-sm)}.mobile-video-tile.mobile-hero-mode{top:0;left:0;width:100%;height:100%;border-radius:0;border:none;box-shadow:none;z-index:2}.mobile-video-tile video{width:100%;height:100%;object-fit:cover!important}.mobile-video-tile video.screen-shared{object-fit:contain!important}.mobile-label{font-size:.75rem!important;padding:.25rem .5rem!important;bottom:.5rem!important;left:.5rem!important;box-shadow:2px 2px #000!important}.mobile-waiting-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:3}.mobile-waiting-card{width:100%;max-width:320px;padding:1.5rem;gap:1rem}.mobile-copy-box{width:100%!important}.mobile-copy-box .link-text{font-size:.8rem;word-break:break-all}.mobile-control-bar-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;z-index:10;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px)) 1rem;background-color:var(--bg-dark);border-top:var(--border-medium)}.mobile-control-info-row{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-bottom:.5rem}.mobile-info-badge{font-size:.7rem;font-weight:700;background-color:var(--accent-white);border:var(--border-thin);padding:.2rem .4rem;border-radius:4px;color:#000;box-shadow:1px 1px #000}.mobile-info-badge.brand-badge{background-color:var(--accent-yellow)}.mobile-status-dot{width:8px;height:8px;border-radius:50%;border:1px solid #000}.mobile-status-dot.connected{background-color:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.mobile-status-dot.connecting{background-color:var(--accent-yellow)}.mobile-status-dot.waiting{background-color:var(--accent-cyan)}.mobile-status-dot.failed{background-color:var(--accent-salmon)}.mobile-status-dot.reconnecting{background-color:#f59e0b;box-shadow:0 0 4px #f59e0b;animation:pulse 1s infinite alternate}.mobile-control-bar{pointer-events:auto;display:flex;gap:.75rem;padding:.75rem 1.25rem!important;border-radius:50px!important;border:var(--border-thick)!important;box-shadow:var(--shadow-flat-md)!important;background-color:var(--accent-white)!important}.mobile-control-bar .control-btn{width:42px!important;height:42px!important;border-radius:50%!important;padding:0!important;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000!important;flex-shrink:0}.mobile-recording-bar{position:absolute;top:4.5rem;left:1rem;z-index:8;display:flex;flex-direction:column;align-items:center;gap:.25rem;background-color:#ffffffe6;padding:.5rem;border-radius:8px;border:var(--border-thin);box-shadow:2px 2px #000;color:#000}.mobile-recording-bar .control-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:1px 1px #000}.mobile-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#00000080;z-index:100;display:flex;align-items:flex-end}.mobile-drawer{width:100%;height:75vh;height:75dvh;background-color:#fff;color:#000;border-radius:16px 16px 0 0!important;border-bottom:none!important;box-shadow:none!important;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:var(--border-thick);background-color:var(--accent-white)}.drawer-tabs{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-grow:1;margin-right:.5rem;padding:.15rem 0}.drawer-tabs::-webkit-scrollbar{display:none}.drawer-tabs .tab-header-btn{padding:.35rem .6rem!important;font-size:.75rem!important;flex-shrink:0;border:none!important;border-right:none!important;background:transparent!important;border-radius:4px;font-weight:700;transition:all .1s ease;color:#374151}.drawer-tabs .tab-header-btn.tab-active{background-color:var(--accent-yellow)!important;border:var(--border-thin)!important;box-shadow:1px 1px #000!important;color:#000!important}.drawer-close-btn{border:var(--border-thin);box-shadow:1px 1px #000;background:#fff;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-content{flex-grow:1;padding:1rem;overflow-y:auto;background-color:var(--bg-canvas);height:calc(100% - 48px)}.mobile-drawer.drawer-tab-chat .drawer-content,.mobile-drawer.drawer-tab-whiteboard .drawer-content{overflow:hidden!important;display:flex;flex-direction:column;height:calc(100% - 48px);padding:.75rem}.mobile-drawer.drawer-tab-chat .chat-container,.mobile-drawer.drawer-tab-whiteboard .whiteboard-container{height:100%;display:flex;flex-direction:column;min-height:0}.mobile-drawer.drawer-tab-chat .mobile-chat-list{flex-grow:1;overflow-y:auto;max-height:none!important}.mobile-drawer.drawer-tab-whiteboard .whiteboard-canvas{min-height:0!important;flex-grow:1;height:100%}@media(max-width:768px){.overlay-card{padding:1.5rem 1rem!important;gap:1rem!important;max-height:90vh;overflow-y:auto}}.mobile-whiteboard-container{display:flex;flex-direction:column;height:100%;gap:.5rem}.mobile-whiteboard-controls{flex-wrap:wrap!important;gap:.5rem}.mobile-canvas{width:100%;height:40vh;border:var(--border-thick);background-color:#fff;box-shadow:var(--shadow-flat-sm);border-radius:4px}.header-icon-pill{padding:0!important;width:14px;height:14px;border-radius:50%!important;background-color:transparent!important;border:none!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center}.remote-tile.remote-portrait{width:auto!important;height:100%!important;aspect-ratio:9 / 16!important;max-height:calc(100vh - 180px)!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border:var(--border-thick)!important;box-shadow:8px 8px #000!important;border-radius:4px!important;overflow:hidden!important;position:relative!important}.local-tile.pip-mode.local-portrait{width:135px!important;height:240px!important}.mobile-video-single-grid .mobile-video-tile.remote-tile.remote-landscape{width:calc(100% - 2rem)!important;height:auto!important;aspect-ratio:16 / 9!important;top:50%!important;left:1rem!important;transform:translateY(-50%)!important;box-shadow:6px 6px #000!important;border:var(--border-thick)!important;border-radius:4px!important}.mobile-video-tile.mobile-pip-mode.local-portrait{width:100px!important;height:177px!important}.mobile-video-tile.mobile-pip-mode.local-landscape{width:150px!important;height:84px!important}.cc-overlay-container{position:absolute;bottom:8rem;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:.5rem;width:90%;max-width:600px;pointer-events:none}.cc-bubble{background-color:#000000d9;border:var(--border-medium);border-radius:4px;padding:.5rem 1rem;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:500;box-shadow:var(--shadow-flat-sm);text-align:center;word-break:break-word;animation:fade-in .2s ease}.cc-peer{border-color:var(--accent-yellow)}.cc-self{border-color:var(--accent-green)}.cc-sender{font-weight:700;color:var(--accent-orange);margin-right:.25rem}.video-tile.hero-mode{width:100%;height:100%}.tile-action-btn{width:36px;height:36px;border-radius:4px;border:var(--border-thin);background-color:var(--accent-white);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000;transition:all .1s ease;color:#000}.tile-action-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #000}.tile-action-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.video-tile.pip-mode .tile-action-btn{width:28px;height:28px;box-shadow:1px 1px #000}.video-tile.pip-mode .tile-action-btn svg{width:12px;height:12px}.room-privacy-btn{padding:.4rem .8rem;font-size:.85rem;border:var(--border-medium);box-shadow:3px 3px #000;display:flex;align-items:center;gap:.35rem;font-weight:800;transition:all .1s ease;cursor:pointer}.room-privacy-btn.open{background-color:var(--accent-green)!important}.room-privacy-btn.private{background-color:var(--accent-salmon)!important}.room-privacy-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px #000}@keyframes floatUpReaction{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-20px) scale(1.1)}85%{opacity:1}to{transform:translateY(-160px) scale(1.4);opacity:0}}.floating-reaction{position:absolute;font-size:2.25rem;animation:floatUpReaction 2.2s cubic-bezier(.25,1,.5,1) forwards;pointer-events:none;z-index:1000;text-shadow:2px 2px 0px #000;display:flex;align-items:center;justify-content:center}.floating-reaction img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5))}.reaction-picker-popover{border:var(--border-thick)!important;box-shadow:var(--shadow-flat-sm)!important;border-radius:4px;background-color:#fff}.reaction-picker-popover button{transition:transform .1s ease}.reaction-picker-popover button:hover{transform:scale(1.25) rotate(-5deg)}.hand-raise-overlay{animation:bounceIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.remote-control-toast{animation:slideDownToast .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDownToast{0%{transform:translate(-50%,-50px);opacity:0}to{transform:translate(-50%);opacity:1}}.speaking-active{border-color:var(--accent-green)!important;box-shadow:0 0 15px #10b98166,8px 8px #000!important;animation:speak-pulse 1.5s infinite ease-in-out}@keyframes speak-pulse{0%{outline-color:var(--accent-green)}50%{outline-color:#34d399}to{outline-color:var(--accent-green)}}.video-container-dyn{display:flex;gap:8px;box-sizing:border-box}@media(max-width:480px){.mobile-control-bar{gap:.3rem!important;padding:.4rem .6rem!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:28px!important}.mobile-control-bar::-webkit-scrollbar{display:none}.mobile-control-bar .control-btn{width:36px!important;height:36px!important;flex-shrink:0}.mobile-control-bar .control-btn svg{width:16px!important;height:16px!important}}@media(max-width:360px){.mobile-control-bar{gap:.2rem!important;padding:.35rem .5rem!important}.mobile-control-bar .control-btn{width:32px!important;height:32px!important}.mobile-control-bar .control-btn svg{width:14px!important;height:14px!important}}.remote-cursor{transition:left .08s linear,top .08s linear}@keyframes pulse{0%{opacity:.6}to{opacity:1}}@keyframes coinFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(720deg) scale(1.3)}to{transform:rotateY(1440deg) scale(1)}}.coin-flipping{animation:coinFlip 1s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas);border-left:2px solid #000;border-top:2px solid #000}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border:2px solid #000;border-radius:0!important}::-webkit-scrollbar-thumb:hover{background:var(--accent-yellow)}*{scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-canvas)}.neo-icon-container{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--accent-cyan);border:2px solid #000;border-radius:4px;box-shadow:2px 2px #000;margin-right:8px;flex-shrink:0;color:#000}.neo-icon-container.icon-cyan{background-color:var(--accent-cyan)}.neo-icon-container.icon-yellow{background-color:var(--accent-yellow)}.neo-icon-container.icon-salmon{background-color:var(--accent-salmon)}.neo-icon-container.icon-purple{background-color:var(--accent-purple)}.neo-icon-container.icon-green{background-color:var(--accent-green)}.neo-icon-container.icon-orange{background-color:#f97316}