.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-deep);position:relative;overflow:hidden}.login-page:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,0,.08) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none;animation:blobDrift 20s ease-in-out infinite alternate}@keyframes blobDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(-60px,40px) scale(1.1)}to{transform:translate(20px,-30px) scale(.95)}}.login-card{text-align:center;padding:48px 40px;background:var(--bg-surface);border:3px solid var(--text-primary);border-radius:var(--radius-lg);box-shadow:8px 8px #000;max-width:420px;width:100%;position:relative;z-index:1}.login-title{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:4px;text-transform:uppercase;letter-spacing:2px}.login-title-letter{display:inline-block;animation:letterDrop .4s cubic-bezier(.2,0,0,1) both}@keyframes letterDrop{0%{opacity:0;transform:translateY(-20px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.login-subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:36px;line-height:1.6}.login-btn-container{display:flex;justify-content:center;margin-bottom:20px}.login-google-btn{width:100%;padding:14px 24px;font-size:15px;margin-bottom:20px}.login-domain{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-hot)}.onboarding-banner{background:var(--banner-bg);border:3px solid var(--accent-hot);border-radius:var(--radius-lg);padding:18px 48px 18px 20px;margin-bottom:28px;position:relative;box-shadow:6px 6px #ff4d0033;transform:rotate(-.8deg)}.onboarding-text{font-size:14px;color:var(--text-primary);line-height:1.7}.onboarding-dismiss{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-heavy);border-radius:var(--radius);font-size:16px;color:var(--text-muted);transition:all .1s}.onboarding-dismiss:hover{border-color:var(--red);color:var(--red);box-shadow:var(--shadow-brutal-sm);transform:translate(-1px,-1px)}.riff-indicator{display:inline-flex;align-items:flex-end;gap:1.5px;height:12px;flex-shrink:0}.riff-indicator--mini{height:8px;gap:1px}.riff-bar{width:3px;border-radius:1px;background:var(--teal);transform-origin:bottom;will-change:height}.riff-indicator--mini .riff-bar{width:2px}.riff-indicator--active .riff-bar{animation:riffBreathe var(--riff-duration, 2.5s) ease-in-out infinite}.riff-indicator--active .riff-bar:nth-child(1){--riff-duration: 2.5s;animation-delay:0s}.riff-indicator--active .riff-bar:nth-child(2){--riff-duration: 2.8s;animation-delay:.3s}.riff-indicator--active .riff-bar:nth-child(3){--riff-duration: 2.3s;animation-delay:.6s}@keyframes riffBreathe{0%,to{height:35%}50%{height:70%}}.riff-indicator--speaking .riff-bar{animation:riffDance var(--riff-duration, .4s) ease-in-out infinite alternate;background:var(--teal);filter:brightness(1.3)}.riff-indicator--speaking .riff-bar:nth-child(1){--riff-duration: .3s;animation-delay:0s}.riff-indicator--speaking .riff-bar:nth-child(2){--riff-duration: .4s;animation-delay:.05s}.riff-indicator--speaking .riff-bar:nth-child(3){--riff-duration: .35s;animation-delay:.1s}@keyframes riffDance{0%{height:15%}to{height:100%}}.riff-indicator--idle .riff-bar{background:var(--text-muted);animation:riffFlatline 4s ease-in-out infinite}.riff-indicator--idle .riff-bar:nth-child(1){animation-delay:0s}.riff-indicator--idle .riff-bar:nth-child(2){animation-delay:.5s}.riff-indicator--idle .riff-bar:nth-child(3){animation-delay:1s}@keyframes riffFlatline{0%,to{height:12%}50%{height:18%}}.riff-indicator--sharing{filter:drop-shadow(0 0 4px var(--accent-hot)) drop-shadow(0 0 8px rgba(255,77,0,.3))}.riff-indicator--sharing .riff-bar{background:var(--accent-hot)}.lobby{min-height:100vh;background:var(--bg-deep)}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--bg-surface);border-bottom:3px solid var(--border-heavy);position:sticky;top:0;z-index:50}.lobby-logo{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:3px}.lobby-logo-letter{display:inline-block;animation:letterSlideIn .3s cubic-bezier(.2,0,0,1) both}@keyframes letterSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lobby-header-right{display:flex;align-items:center;gap:16px}.lobby-user{display:flex;align-items:center;gap:10px}.lobby-user-photo{width:32px;height:32px;border-radius:var(--radius);object-fit:cover;border:2px solid var(--border)}.lobby-user-name{font-size:13px;font-weight:500;color:var(--text-secondary)}.lobby-content{max-width:1200px;margin:0 auto;padding:32px 32px 64px}.lobby-empty{text-align:center;color:var(--text-muted);font-size:15px;padding:80px 0;font-family:var(--font-mono)}.lobby-section{margin-bottom:40px}.lobby-section-title{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);margin-bottom:16px;padding-bottom:8px;border-bottom:3px solid var(--border);position:relative}.lobby-section-title:before{content:"";position:absolute;left:-32px;bottom:-3px;width:32px;height:3px;background:var(--accent-hot)}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;cursor:crosshair}.room-card{background:var(--bg-surface);border:3px solid var(--border-heavy);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-brutal);transition:transform .1s,box-shadow .1s;cursor:pointer;position:relative;overflow:hidden}.room-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-lg)}.room-card:active{transform:translate(1px,1px);box-shadow:var(--shadow-brutal-sm)}.room-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.room-card--dropin:before{background:var(--teal)}.room-card--standup:before{background:var(--amber)}.room-card--demo:before{background:var(--purple)}.room-card--session:before{background:var(--blue)}.room-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;margin-top:4px}.room-card-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px}.room-card-description{font-size:13px;color:var(--text-secondary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card-status{font-family:var(--font-mono);font-size:12px;font-style:italic;color:var(--accent-hot);margin-bottom:10px;display:flex;align-items:center;gap:6px;min-height:18px}.room-card-status:before{content:">";color:var(--text-muted);font-style:normal;font-weight:700}.room-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.room-card-footer-left{display:flex;align-items:center;gap:10px}.room-card-participants{display:flex;align-items:flex-end;gap:6px}.room-card-participant{display:flex;flex-direction:column;align-items:center;gap:2px}.room-card-participant .avatar,.room-card-participant .avatar-placeholder{width:26px;height:26px;font-size:11px}.room-card-enter{padding:6px 14px;background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-heavy);border-radius:var(--radius);font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-brutal-sm);transition:all .1s}.room-card-enter:hover{background:var(--accent-hot);border-color:var(--accent-hot);color:#fff;box-shadow:var(--shadow-brutal);transform:translate(-1px,-1px)}.room-card-enter:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.room-card-meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:8px}.room-card-meta svg{width:14px;height:14px}.room-card-countdown{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-secondary)}.room-card-notify{font-family:var(--font-display);font-size:10px;font-weight:700;color:var(--blue);padding:4px 10px;border:2px solid var(--blue);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.5px;transition:all .1s;box-shadow:var(--shadow-brutal-sm)}.room-card-notify:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-brutal)}.room-card-notify.active{background:var(--blue);color:#000}.room-card-paused-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--amber);border:1px solid var(--amber);border-radius:var(--radius);padding:1px 6px;text-transform:uppercase;letter-spacing:.5px}.dnd-banner{background:#ffb8000f;border:2px solid var(--amber);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--amber);margin-bottom:12px;display:flex;align-items:center;gap:8px}.type-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-picker-card{padding:24px 16px;border:3px solid var(--border-heavy);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .1s;background:var(--bg-inset);box-shadow:var(--shadow-brutal-sm)}.type-picker-card:hover{border-color:var(--text-secondary);transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal)}.type-picker-card.selected{border-color:var(--accent-hot);box-shadow:4px 4px 0 var(--accent-hot)}.type-picker-icon{font-size:28px;margin-bottom:8px}.type-picker-label{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.type-picker-desc{font-size:12px;color:var(--text-muted);margin-top:4px}.room-layout{display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto 1fr auto;height:100vh;background:var(--bg-deep)}.room-topbar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:3px solid var(--border-heavy);background:var(--bg-surface)}.room-topbar-back{color:var(--text-muted);display:flex;align-items:center;padding:6px;border:2px solid var(--border);border-radius:var(--radius);transition:all .1s}.room-topbar-back:hover{color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-brutal-sm)}.room-topbar-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.room-topbar-status{font-family:var(--font-mono);font-size:12px;font-style:italic;color:var(--accent-hot);flex:1;min-width:0}.room-topbar-status-input{background:var(--bg-inset);border:2px dashed var(--border-heavy);font-family:var(--font-mono);font-size:12px;font-style:italic;color:var(--accent-hot);padding:4px 8px;width:300px;max-width:100%;border-radius:var(--radius)}.room-topbar-status-input:focus{outline:none;border-color:var(--accent-hot);border-style:solid}.room-topbar-status-input::placeholder{color:var(--text-muted);font-style:italic}.room-topbar-badge{margin-left:auto}.room-main{grid-column:1;grid-row:2;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-inset)}.room-main-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);font-size:13px}.room-sidebar{grid-column:2;grid-row:2;border-left:3px solid var(--border-heavy);background:var(--bg-surface);overflow-y:auto;padding:16px}.room-sidebar-title{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--border)}.participant-list{list-style:none}.participant-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.participant-item:last-child{border-bottom:none}.participant-avatar{width:32px;height:32px;border-radius:var(--radius);object-fit:cover;background:var(--bg-elevated);border:2px solid var(--border);flex-shrink:0}.participant-avatar-placeholder{width:32px;height:32px;border-radius:var(--radius);background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-muted);font-family:var(--font-display);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.participant-info{flex:1;min-width:0}.participant-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-role-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.participant-indicators{display:flex;align-items:center;gap:6px;flex-shrink:0}.participant-mic{width:16px;height:16px;color:var(--text-muted)}.participant-mic.muted{color:var(--red)}.participant-hand{font-size:14px;cursor:pointer;animation:handWave .6s ease-in-out infinite alternate}@keyframes handWave{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.participant-hand-approve{font-family:var(--font-display);font-size:9px;font-weight:700;color:var(--teal);padding:2px 8px;border:2px solid var(--teal);border-radius:var(--radius);text-transform:uppercase;cursor:pointer;transition:all .1s}.participant-hand-approve:hover{background:var(--teal);color:#000;box-shadow:var(--shadow-brutal-sm)}.bottom-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--bg-surface);border-top:3px solid var(--border-heavy)}.bottom-bar-group{display:flex;align-items:center;gap:6px}.bottom-bar-separator{width:3px;height:24px;background:var(--border);margin:0 8px}.bottom-bar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:2px solid var(--border-heavy);border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-inset);text-transform:uppercase;letter-spacing:.5px;transition:all .1s;box-shadow:var(--shadow-brutal-sm)}.bottom-bar-btn:hover{border-color:var(--text-secondary);color:var(--text-primary);transform:translate(-1px,-1px);box-shadow:var(--shadow-brutal)}.bottom-bar-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.bottom-bar-btn.active{background:var(--accent-hot);border-color:var(--accent-hot);color:#fff}.bottom-bar-btn.active:hover{box-shadow:var(--shadow-brutal)}.bottom-bar-btn.danger{border-color:var(--red);color:var(--red)}.bottom-bar-btn.danger:hover{background:var(--red);color:#fff}.bottom-bar-leave{border-color:var(--red);color:var(--red);margin-left:auto}.bottom-bar-leave:hover{background:var(--red);color:#fff}.mode-switcher{position:relative}.mode-switcher-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-surface);border:3px solid var(--border-heavy);border-radius:var(--radius);box-shadow:var(--shadow-brutal);padding:4px;z-index:20;white-space:nowrap}.mode-switcher-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);font-size:13px;width:100%;text-align:left;color:var(--text-secondary);transition:background 80ms}.mode-switcher-option:hover{background:var(--bg-elevated)}.mode-switcher-option.current{font-weight:700;color:var(--text-primary)}.knock-gate{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-deep)}.knock-gate-card{text-align:center;background:var(--bg-surface);border:3px solid var(--text-primary);border-radius:var(--radius-lg);box-shadow:8px 8px #000;padding:40px;max-width:380px;width:100%}.knock-gate-icon{font-size:40px;margin-bottom:16px}.knock-gate-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.knock-gate-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.knock-gate-spinner{width:24px;height:24px;border:3px solid var(--border-heavy);border-top-color:var(--accent-hot);border-radius:0;animation:brutalSpin .6s steps(8) infinite;margin:0 auto 16px}@keyframes brutalSpin{to{transform:rotate(360deg)}}.mode-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:2px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-secondary)}.knock-notifications{position:absolute;top:16px;right:16px;z-index:30;display:flex;flex-direction:column;gap:8px;max-width:280px}.knock-notification{background:var(--bg-surface);border:3px solid var(--amber);border-radius:var(--radius-lg);padding:12px 14px;box-shadow:var(--shadow-brutal);animation:brutalSlideIn .2s cubic-bezier(.2,0,0,1)}@keyframes brutalSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.knock-notification-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.knock-notification-icon{font-size:18px}.knock-notification-name{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase}.knock-notification-label{font-size:12px;color:var(--text-muted)}.knock-notification-actions{display:flex;gap:6px}.knock-notification-approve{flex:1;padding:6px 10px;background:var(--teal);border:2px solid var(--teal);border-radius:var(--radius);color:#000;font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;box-shadow:var(--shadow-brutal-sm);transition:all .1s}.knock-notification-approve:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-brutal)}.knock-notification-deny{padding:6px 10px;background:var(--bg-inset);border:2px solid var(--border-heavy);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;transition:all .1s}.knock-notification-deny:hover{border-color:var(--red);color:var(--red)}.tabbed-sidebar{grid-column:2;grid-row:2;border-left:3px solid var(--border-heavy);background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:3px solid var(--border-heavy);flex-shrink:0}.sidebar-tab{flex:1;padding:10px 8px;font-family:var(--font-display);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);text-align:center;border-bottom:3px solid transparent;margin-bottom:-3px;transition:color .1s,border-color .1s;position:relative}.sidebar-tab:hover{color:var(--text-secondary)}.sidebar-tab.active{color:var(--accent-hot);border-bottom-color:var(--accent-hot)}.sidebar-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--accent-hot);color:#fff;font-size:9px;font-weight:700;border-radius:var(--radius);margin-left:4px;letter-spacing:0}.tabbed-sidebar .room-sidebar{grid-column:unset;grid-row:unset;border-left:none;flex:1;overflow-y:auto}.chat-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.chat-messages{flex:1;overflow-y:auto;padding:12px}.chat-empty{text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;padding:24px 0}.chat-message{margin-bottom:10px}.chat-message-header{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.chat-message-name{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.chat-message-me .chat-message-name{color:var(--accent-hot)}.chat-message-time{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.chat-message-text{font-size:13px;color:var(--text-primary);line-height:1.4;word-break:break-word}.mic-test{background:var(--bg-surface);border:3px solid var(--border-heavy);border-radius:var(--radius-lg);box-shadow:var(--shadow-brutal);padding:14px 16px;width:240px}.mic-test-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mic-test-title{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.mic-test-close{font-size:14px;color:var(--text-muted);padding:2px 6px;border:2px solid var(--border);border-radius:var(--radius)}.mic-test-close:hover{border-color:var(--text-secondary);color:var(--text-primary)}.mic-test-device{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mic-test-meter{margin-bottom:8px}.mic-test-meter-track{height:8px;background:var(--bg-inset);border:2px solid var(--border);border-radius:0;overflow:hidden}.mic-test-meter-fill{height:100%;background:var(--teal);transition:width 80ms linear}.mic-test-status{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.mic-test-status.detected{color:var(--teal);font-weight:600}.mic-test-error{font-size:12px;color:var(--red)}.mic-test-floating{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:25;animation:brutalSlideIn .15s cubic-bezier(.2,0,0,1)}.chat-link{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.chat-link:hover{color:var(--accent-hot)}.chat-scroll-btn{position:absolute;bottom:52px;left:50%;transform:translate(-50%);padding:4px 12px;background:var(--accent-hot);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:600;border-radius:var(--radius);box-shadow:var(--shadow-brutal-sm);z-index:5}.chat-input-form{display:flex;gap:6px;padding:10px 12px;border-top:3px solid var(--border-heavy);flex-shrink:0}.chat-input{flex:1;padding:8px 10px;background:var(--bg-inset);border:2px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text-primary);font-family:var(--font-body)}.chat-input:focus{outline:none;border-color:var(--accent-hot)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{padding:8px 12px;background:var(--accent-hot);border:2px solid var(--accent-hot);border-radius:var(--radius);color:#fff;font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;box-shadow:var(--shadow-brutal-sm);transition:all .1s}.chat-send-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--shadow-brutal)}.chat-send-btn:disabled{opacity:.4}.ambient-display{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden;padding:40px}.ambient-item{text-align:center;max-width:700px;animation:ambientFadeIn 1s ease both}@keyframes ambientFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ambient-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);margin-bottom:16px}.ambient-text{font-family:var(--font-display);font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.5px}.ambient-text--large{font-size:42px}.ambient-text--medium{font-size:28px}.ambient-text--small{font-size:20px}.ambient-subtext{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin-top:12px}.ambient-time{font-family:var(--font-display);font-size:72px;font-weight:900;color:var(--text-primary);letter-spacing:4px;line-height:1}.ambient-time-date{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin-top:12px;text-transform:uppercase;letter-spacing:2px}.ambient-quote{font-family:var(--font-body);font-size:24px;font-weight:400;color:var(--text-primary);line-height:1.5;font-style:italic}.ambient-quote-author{font-family:var(--font-mono);font-size:12px;color:var(--accent-hot);margin-top:16px;font-style:normal;text-transform:uppercase;letter-spacing:1px}.ambient-starter{font-family:var(--font-body);font-size:22px;font-weight:500;color:var(--teal);line-height:1.5}.ambient-room-name{font-family:var(--font-display);font-size:56px;font-weight:900;color:var(--text-primary);text-transform:uppercase;letter-spacing:6px;opacity:.15}.ambient-rooms-list{list-style:none;text-align:left;display:inline-block}.ambient-rooms-item{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);padding:4px 0;display:flex;align-items:center;gap:8px}.ambient-rooms-count{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent-hot);min-width:20px}.ambient-corner{position:absolute;bottom:36px;right:20px;font-family:var(--font-display);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);opacity:.3}.ticker-fade{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:14px;font-weight:400;color:var(--text-primary);opacity:0;animation:tickerSlide 12s ease both;padding:0 40px}.ticker-fade-source{font-weight:600;color:var(--text-muted);margin-right:8px;font-size:10px;text-transform:uppercase;letter-spacing:1px;vertical-align:1px}@keyframes tickerSlide{0%{opacity:0;transform:translate(60px)}8%{opacity:.4;transform:translate(0)}88%{opacity:.4;transform:translate(0)}to{opacity:0;transform:translate(-60px)}}.screen-share-container{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden}.screen-share-container video{width:100%;height:100%;object-fit:contain}.screen-share-placeholder{color:var(--text-muted);font-family:var(--font-mono);font-size:13px;text-align:center}.screen-share-placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.2}.video-strip{display:flex;gap:4px;padding:4px;background:#0a0a0a;overflow-x:auto;flex-shrink:0;border-top:2px solid var(--border)}.video-strip-tile{width:160px;height:90px;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-inset);position:relative;flex-shrink:0}.video-strip-tile video{width:100%;height:100%;object-fit:cover}.video-strip-tile-name{position:absolute;bottom:4px;left:6px;font-family:var(--font-mono);font-size:10px;color:var(--text-primary);text-shadow:0 1px 4px #000}.video-grid{flex:1;display:grid;gap:4px;padding:4px;background:#0a0a0a}.video-grid[data-count="1"]{grid-template-columns:1fr}.video-grid[data-count="2"],.video-grid[data-count="3"],.video-grid[data-count="4"]{grid-template-columns:1fr 1fr}.video-grid[data-count="5"],.video-grid[data-count="6"]{grid-template-columns:1fr 1fr 1fr}.video-tile{border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-inset);position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile-name{position:absolute;bottom:8px;left:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);text-shadow:0 1px 4px #000;display:flex;align-items:center;gap:6px}.video-tile-avatar{width:56px;height:56px;border-radius:var(--radius);background:var(--bg-elevated);border:3px solid var(--border);color:var(--text-muted);font-family:var(--font-display);font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center}.standup-layout{display:grid;grid-template-columns:260px 1fr 280px;grid-template-rows:auto 1fr auto;height:100vh;background:var(--bg-deep)}.standup-layout .room-topbar,.standup-layout .bottom-bar{grid-column:1 / -1}.standup-layout .tabbed-sidebar{grid-column:3;grid-row:2}.queue-panel{grid-column:1;grid-row:2;border-right:3px solid var(--border-heavy);background:var(--bg-surface);padding:16px;overflow-y:auto}.queue-panel-title{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--border)}.queue-list{list-style:none}.queue-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border:2px solid transparent;border-radius:var(--radius);margin-bottom:4px;transition:all .1s}.queue-item.active{background:var(--bg-elevated);border-color:var(--accent-hot);box-shadow:var(--shadow-brutal-sm)}.queue-item-number{width:24px;height:24px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.queue-item.active .queue-item-number{background:var(--accent-hot);border-color:var(--accent-hot);color:#fff}.queue-item-name{font-size:13px;font-weight:600;color:var(--text-secondary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item.active .queue-item-name{font-weight:700;color:var(--text-primary)}.timer-bar-container{margin-top:8px;padding:0 8px}.timer-bar{height:4px;border-radius:0;background:var(--border);overflow:hidden}.timer-bar-fill{height:100%;background:var(--teal);transition:width 1s linear,background-color .3s ease}.timer-bar-fill.amber{background:var(--amber)}.timer-bar-fill.red{background:var(--red)}.timer-label{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-muted);margin-top:4px;text-align:right}.timer-label.amber{color:var(--amber)}.timer-label.red{color:var(--red)}.standup-complete{grid-column:1;padding:24px 16px;text-align:center}.standup-complete-icon{font-size:36px;margin-bottom:10px}.standup-complete-text{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:1px}.standup-complete-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.observer-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:2px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.standup-main{grid-column:2;grid-row:2;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-inset)}.pause-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-surface);border:3px solid var(--border-heavy);border-radius:var(--radius);box-shadow:var(--shadow-brutal);padding:4px;z-index:20;white-space:nowrap}.pause-menu-item{display:block;width:100%;text-align:left;padding:8px 14px;font-size:13px;color:var(--text-secondary);border-radius:var(--radius);transition:background 80ms}.pause-menu-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.demo-layout{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr auto;height:100vh;background:var(--bg-deep)}.demo-layout .room-topbar,.demo-layout .bottom-bar{grid-column:1 / -1}.demo-main{grid-column:1;grid-row:2;display:flex;flex-direction:column;background:#0a0a0a;position:relative;overflow:hidden}.demo-screen-share{flex:1;display:flex;align-items:center;justify-content:center}.demo-screen-share video{width:100%;height:100%;object-fit:contain}.demo-waiting{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);text-align:center}.demo-waiting-icon{font-size:48px;margin-bottom:12px;opacity:.2}.reaction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10}.reaction-emoji{position:absolute;bottom:60px;font-size:42px;animation:brutalFloat 1.5s cubic-bezier(.2,0,0,1) forwards;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,77,0,.3))}@keyframes brutalFloat{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}30%{opacity:1;transform:translateY(-40px) scale(1.2) rotate(-8deg)}to{opacity:0;transform:translateY(-140px) scale(.8) rotate(12deg)}}.demo-sidebar{grid-column:2;grid-row:2;border-left:3px solid var(--border-heavy);background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.demo-sidebar-section{padding:16px;flex:1;overflow-y:auto}.demo-sidebar-title{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--border)}.demo-attendee-count{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:16px}.recording-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-inset);border:2px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;width:100%;text-align:left;text-transform:uppercase;letter-spacing:.5px;transition:all .1s}.recording-toggle.active{border-color:var(--red);color:var(--red);box-shadow:0 0 12px #ff3b3b33}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.recording-toggle.active .recording-dot{background:var(--red);animation:recordPulse 1s steps(2) infinite}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.2}}.qa-list{list-style:none}.qa-item{padding:10px 0;border-bottom:1px solid var(--border)}.qa-item:last-child{border-bottom:none}.qa-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.qa-item-name{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.qa-item-text{font-size:13px;color:var(--text-primary);line-height:1.4}.qa-item-actions{display:flex;gap:4px}.qa-call-btn{font-family:var(--font-display);font-size:9px;font-weight:700;padding:2px 8px;border:2px solid var(--teal);border-radius:var(--radius);color:var(--teal);text-transform:uppercase;transition:all .1s}.qa-call-btn:hover{background:var(--teal);color:#000;box-shadow:var(--shadow-brutal-sm)}.qa-resolve-btn{font-size:10px;padding:2px 8px;border:2px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.qa-resolve-btn:hover{border-color:var(--text-secondary)}.qa-item.called{background:#00e5a00a;border:2px solid var(--teal);border-radius:var(--radius);padding:10px;margin:2px 0}.qa-item.resolved{opacity:.4}.qa-input-container{padding:12px 16px;border-top:3px solid var(--border-heavy);background:var(--bg-surface)}.qa-input-form{display:flex;gap:8px}.qa-input{flex:1;padding:8px 12px;border:2px solid var(--border);border-radius:var(--radius);font-size:13px;background:var(--bg-inset);color:var(--text-primary)}.qa-input:focus{outline:none;border-color:var(--accent-hot)}.qa-submit-btn{padding:8px 14px;background:var(--accent-hot);border:2px solid var(--accent-hot);color:#fff;border-radius:var(--radius);font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;box-shadow:var(--shadow-brutal-sm);transition:all .1s}.qa-submit-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-brutal)}.called-on-indicator{background:#00e5a00f;border:2px solid var(--teal);border-radius:var(--radius);padding:8px 14px;font-family:var(--font-mono);font-size:12px;color:var(--teal);font-weight:600;text-align:center;margin-bottom:12px}.reaction-buttons{display:flex;gap:4px}.reaction-btn{font-size:20px;padding:6px 10px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);transition:all 80ms;box-shadow:var(--shadow-brutal-sm)}.reaction-btn:hover{border-color:var(--accent-hot);transform:translate(-2px,-2px) scale(1.1);box-shadow:var(--shadow-brutal)}.reaction-btn:active{transform:translate(1px,1px) scale(.95);box-shadow:1px 1px #000}.demo-presenter-controls{padding:12px 16px;border-top:3px solid var(--border-heavy);display:flex;gap:8px}.session-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-deep);text-align:center;padding:40px;position:relative}.session-countdown:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.06) 0%,transparent 70%);bottom:-200px;left:-100px;pointer-events:none}.session-countdown-badge{margin-bottom:24px}.session-countdown-title{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.session-countdown-description{font-size:15px;color:var(--text-secondary);max-width:480px;margin-bottom:8px}.session-countdown-host{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:40px;text-transform:uppercase;letter-spacing:1px}.session-countdown-timer{display:flex;gap:12px;margin-bottom:40px}.session-countdown-unit{text-align:center;background:var(--bg-surface);border:3px solid var(--border-heavy);border-radius:var(--radius-lg);padding:16px 12px 12px;box-shadow:var(--shadow-brutal);min-width:80px}.session-countdown-number{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--text-primary);line-height:1;animation:countPulse 1s ease-in-out infinite}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.session-countdown-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-top:8px}.session-countdown-actions{display:flex;gap:12px}.session-notify-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;border:3px solid var(--blue);border-radius:var(--radius);color:var(--blue);font-family:var(--font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-brutal);transition:all .1s}.session-notify-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-lg)}.session-notify-btn:active{transform:translate(1px,1px);box-shadow:var(--shadow-brutal-sm)}.session-notify-btn.active{background:var(--blue);color:#000}.session-back-btn{padding:12px 24px;color:var(--text-muted);font-size:13px;font-weight:600;border:2px solid var(--border);border-radius:var(--radius);transition:all .1s}.session-back-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #1a1a1a;--bg-surface: #242424;--bg-elevated: #2e2e2e;--bg-inset: #1e1e1e;--text-primary: #f0ece4;--text-secondary: #a09890;--text-muted: #6b6560;--accent-hot: #FF4D00;--teal: #00E5A0;--amber: #FFB800;--red: #FF3B3B;--purple: #A78BFA;--blue: #38BDF8;--slate-50: #f0ece4;--slate-100: var(--bg-elevated);--slate-200: var(--border);--slate-300: var(--border-heavy);--slate-400: var(--text-muted);--slate-500: var(--text-secondary);--slate-600: var(--text-secondary);--slate-700: var(--text-primary);--slate-800: var(--text-primary);--slate-900: var(--text-primary);--border: #3a3632;--border-heavy: #4a4640;--shadow-brutal: 4px 4px 0 #000;--shadow-brutal-sm: 2px 2px 0 #000;--shadow-brutal-lg: 6px 6px 0 #000;--shadow-brutal-color: 4px 4px 0 var(--accent-hot);--radius: 4px;--radius-lg: 6px;--font-display: "Unbounded", cursive;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--banner-bg: #2a2420;--banner-border: var(--accent-hot)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deep);line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--accent-hot);color:#fff}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-heavy);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:3px solid var(--text-primary);border-radius:var(--radius);font-weight:600;font-size:14px;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-brutal-sm);transition:transform .1s,box-shadow .1s;text-transform:uppercase;letter-spacing:.5px}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-brutal)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn-primary{background:var(--accent-hot);border-color:var(--accent-hot);color:#fff;box-shadow:4px 4px #000}.btn-primary:hover{box-shadow:var(--shadow-brutal-lg);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:1px 1px #000;transform:translate(2px,2px)}.btn-ghost{border:2px solid var(--border-heavy);background:transparent;color:var(--text-secondary);box-shadow:none;padding:8px 12px;text-transform:none;letter-spacing:0}.btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary);box-shadow:none;transform:none}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-small{padding:5px 10px;font-size:11px;border-width:2px;box-shadow:var(--shadow-brutal-sm)}.btn-icon{padding:8px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-width:2px}.btn-icon:hover{background:var(--bg-elevated)}.btn-icon.active{background:var(--accent-hot);border-color:var(--accent-hot);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.modal-card{background:var(--bg-surface);border:3px solid var(--text-primary);border-radius:var(--radius-lg);box-shadow:8px 8px #000;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;animation:brutalSlideUp .2s cubic-bezier(.2,0,0,1)}.modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.modal-body{padding:20px 24px 24px}.modal-footer{padding:0 24px 24px;display:flex;gap:8px;justify-content:flex-end}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-heavy);border-radius:var(--radius);font-size:18px;color:var(--text-muted);transition:all .1s}.modal-close:hover{border-color:var(--red);color:var(--red);box-shadow:var(--shadow-brutal-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes brutalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:2px solid;border-radius:var(--radius);font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.badge-dropin{border-color:var(--teal);color:var(--teal);background:#00e5a014}.badge-standup{border-color:var(--amber);color:var(--amber);background:#ffb80014}.badge-demo{border-color:var(--purple);color:var(--purple);background:#a78bfa14}.badge-session{border-color:var(--blue);color:var(--blue);background:#38bdf814}.mode-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid var(--bg-surface)}.mode-dot-open{background:var(--teal);animation:heartbeat 2s ease-in-out infinite}.mode-dot-dnd{background:var(--amber);animation:heartbeat 3s ease-in-out infinite}.mode-dot-knock{background:var(--red);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1);opacity:1}15%{transform:scale(1.3);opacity:.8}30%{transform:scale(1);opacity:1}45%{transform:scale(1.15);opacity:.9}60%{transform:scale(1)}}.avatar-row{display:flex;align-items:center}.avatar{width:30px;height:30px;border-radius:var(--radius);border:2px solid var(--bg-surface);object-fit:cover;background:var(--bg-elevated)}.avatar-row .avatar+.avatar{margin-left:-6px}.avatar-overflow{width:30px;height:30px;border-radius:var(--radius);border:2px solid var(--bg-surface);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-left:-6px}.avatar-placeholder{width:30px;height:30px;border-radius:var(--radius);background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-secondary);font-family:var(--font-display);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.form-group{margin-bottom:16px}.form-label{display:block;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.form-input{width:100%;padding:10px 12px;border:3px solid var(--border-heavy);border-radius:var(--radius);font-size:14px;color:var(--text-primary);background:var(--bg-inset);transition:border-color .1s,box-shadow .1s}.form-input:focus{outline:none;border-color:var(--accent-hot);box-shadow:var(--shadow-brutal-sm)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:72px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.autocomplete{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);border:3px solid var(--border-heavy);border-radius:var(--radius);box-shadow:var(--shadow-brutal);z-index:10;max-height:200px;overflow-y:auto;margin-top:4px}.autocomplete-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background 80ms;border-bottom:1px solid var(--border)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--bg-elevated)}.autocomplete-item-photo{width:32px;height:32px;border-radius:var(--radius);object-fit:cover;background:var(--bg-elevated);border:2px solid var(--border)}.autocomplete-item-info{flex:1;min-width:0}.autocomplete-item-name{font-size:14px;font-weight:600;color:var(--text-primary)}.autocomplete-item-detail{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 4px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);font-size:12px;color:var(--text-primary)}.chip img{width:20px;height:20px;border-radius:3px;object-fit:cover}.chip-remove{margin-left:4px;color:var(--text-muted);font-size:14px;line-height:1;padding:0}.chip-remove:hover{color:var(--red)}.screen-share-icon{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--teal);font-weight:600;text-transform:uppercase}.screen-share-icon svg{width:14px;height:14px}