*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--size-md);-webkit-font-smoothing:antialiased;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.005em;font-weight:600}a{color:var(--color-text-link);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}code,pre,kbd{font-family:var(--font-mono);font-size:.875em}code{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:.05em .3em}pre{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);white-space:pre-wrap;max-width:100%;margin:4px 0;padding:8px;overflow-x:auto}pre code{background:0 0;border:0;padding:0}kbd{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:2px 6px}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-bg-feature);color:var(--color-text-primary)}*{scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-text-muted)}.small{font-size:var(--size-xs)}.center{text-align:center}.pad{padding:12px}.spacer{flex:1}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.error-text{color:var(--color-danger-text);margin:4px 0}.splash{height:100%;color:var(--color-text-muted);place-items:center;display:grid}.instance-full{height:100%;padding:var(--space-lg);background:var(--color-bg-canvas);place-items:center;display:grid}.instance-full-card{align-items:center;gap:var(--space-md);width:min(420px,100%);padding:var(--space-xl);text-align:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-primary);flex-direction:column;display:flex}.instance-full-card h1{font-size:var(--size-xl);margin:0;font-weight:500}.instance-full-card p{color:var(--color-text-muted);margin:0}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid var(--color-border-strong);border-radius:var(--radius-button-outline);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-ui);font-size:var(--size-md);letter-spacing:-.005em;background:0 0;padding:6px 12px;font-weight:500;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--color-bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--color-accent-base);border-radius:var(--radius-button);color:var(--color-text-on-accent);border-color:#0000}.btn.primary:hover{background:var(--color-accent-hover)}.btn.danger{background:var(--color-danger-base);border-radius:var(--radius-button);color:var(--color-text-on-danger);border-color:#0000}.btn.danger:hover{background:var(--color-danger-hover)}.btn.small{font-size:var(--size-sm);padding:3px 8px}.btn.block{width:100%}.icon-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;min-width:26px;min-height:26px;padding:4px;display:inline-grid}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.icon-btn.danger{color:var(--color-danger-text)}.icon-btn.active{color:var(--color-success)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-input);width:100%;color:var(--color-text-primary);font-size:var(--size-md);outline:none;padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--color-border-focus)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--color-bg-active);outline:none}select:not([multiple]){appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);cursor:pointer;background-position:right 14px center,right 9px center;background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}@supports (appearance:base-select){select:not([multiple]){appearance:base-select}select:not([multiple])::picker(select){appearance:base-select}select::picker-icon{display:none}select::picker(select){padding:var(--space-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-input);box-shadow:var(--shadow-popover);margin-top:4px}select option{border-radius:var(--radius-sm);color:var(--color-text-primary);padding:6px 10px}select option::checkmark{display:none}select option:hover,select option:focus-visible{background:var(--color-bg-hover);outline:none}select option:checked{background:var(--color-bg-active);font-weight:500}}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--color-text-primary)}label{gap:var(--space-xs);font-size:var(--size-sm);color:var(--color-text-secondary);flex-direction:column;font-weight:500;display:flex}label.checkbox{align-items:center;gap:var(--space-sm);font-weight:400;font-size:var(--size-md);color:var(--color-text-primary);flex-direction:row}.form{gap:var(--space-md);flex-direction:column;display:flex}.form .row>label{flex:1;min-width:140px}fieldset{gap:var(--space-sm);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}legend{font-size:var(--size-sm);color:var(--color-text-primary);margin-bottom:var(--space-sm);padding:0;font-weight:600}.radio-group{gap:var(--space-lg);flex-direction:row}.radio-group label{font-size:var(--size-md);color:var(--color-text-primary);flex-direction:row;align-items:center}.auth-page{min-height:100%;padding:var(--space-lg);background:var(--color-bg-surface);place-items:center;display:grid}.auth-card{background:var(--color-bg-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);width:min(400px,100%);padding:var(--space-xl) 28px;gap:var(--space-md);box-shadow:var(--shadow-modal);flex-direction:column;display:flex}.auth-code-actions{justify-content:center}.auth-card.center{text-align:center;align-items:center}.auth-card h1{font-size:var(--size-display);text-align:center;margin:0;font-weight:500;line-height:1.1}.auth-card>p{text-align:center;margin:0}.app{height:100%;display:flex;overflow:hidden}.server-rail{width:var(--layout-rail);background:var(--color-bg-surface-alt);border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;align-items:center;min-height:0;display:flex}.server-rail-list{width:100%;min-height:0;padding:var(--space-sm) 0;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;overflow-y:auto}.server-pill{width:var(--layout-rail-item);height:var(--layout-rail-item);background:var(--color-bg-canvas);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-weight:600;font-size:var(--size-sm);letter-spacing:.02em;cursor:pointer;border-radius:0;flex-shrink:0;place-items:center;text-decoration:none;transition:background .15s,border-color .15s;display:grid;position:relative}.server-pill img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.server-pill:hover{border-color:var(--color-border-strong)}.server-pill.active{background:var(--color-selection-bg);border-color:var(--color-selection-bg);color:var(--color-selection-text)}.server-pill.voice-connected{box-shadow:0 0 0 2px var(--color-status-online)}.server-pill.unread:not(.active):after{content:"";background:var(--color-indicator);border:2px solid var(--color-bg-surface-alt);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.server-pill.add{color:var(--color-text-muted);background:0 0;border-style:dashed}.server-pill.add:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.rail-sep{background:var(--color-border-subtle);width:20px;height:1px;margin:2px 0}.rail-profile-wrap{width:100%;min-height:var(--layout-footer);padding:var(--space-sm) 0;border-top:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.server-pill.rail-profile{--status-ring:var(--color-bg-surface-alt);background:0 0;border:0;padding:0}.server-pill.rail-profile:hover{filter:brightness(1.08);border-color:#0000}.badge{background:var(--color-badge-bg);color:var(--color-badge-text);text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 5px;font-size:10px;font-weight:600;line-height:16px}.server-pill .badge{border:2px solid var(--color-bg-surface-alt);border-radius:9px;height:18px;line-height:14px;position:absolute;bottom:-4px;right:-4px}.sidebar{width:var(--layout-sidebar);background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative}.sidebar-resizer{z-index:15;cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0;right:-4px}.sidebar-resizer:after{content:"";background:0 0;width:2px;transition:background-color .15s;position:absolute;top:0;bottom:0;left:3px}.sidebar-resizer:hover:after,.sidebar-resizer:focus-visible:after,.sidebar-resizer.active:after{background:var(--color-border-strong)}.sidebar-resizer:focus-visible{outline:none}body.resizing-x,body.resizing-x *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sidebar-header{height:var(--layout-header);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;position:relative}.server-name{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;height:100%;padding:0 var(--space-md);cursor:pointer;font-family:var(--font-display);font-size:var(--size-lg);color:var(--color-text-primary);background:0 0;border:0;font-weight:600;display:flex}.server-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-name svg{color:var(--color-text-muted)}.server-name:hover{background:var(--color-bg-hover)}.dropdown{top:calc(var(--layout-header) + 4px);left:var(--space-sm);right:var(--space-sm);z-index:20;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-xs);box-shadow:var(--shadow-popover);flex-direction:column;display:flex;position:absolute}.dropdown button{align-items:center;gap:var(--space-sm);text-align:left;padding:6px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--size-md);background:0 0;border:0;display:flex}.dropdown button:hover{background:var(--color-bg-hover)}.dropdown button.strong{font-weight:600}.dropdown button.danger{color:var(--color-danger-text)}.dropdown button.danger:hover{background:var(--color-danger-base);color:var(--color-text-on-danger)}.channel-list{padding:var(--space-sm);flex:1;overflow-y:auto}.channel-list ul{margin:0;padding:0;list-style:none}.settings-group h3{margin:var(--space-sm) 0 var(--space-xs);font-size:var(--size-sm);color:var(--color-text-secondary);align-items:center;gap:6px;font-weight:600;display:flex}.settings-group h3 .name{flex:1}.small-select{width:auto;max-width:140px;height:26px;padding:0 24px 0 var(--space-xs);font-size:var(--size-sm)}.channel-group{margin-top:var(--space-md);border-radius:var(--radius-sm);scroll-margin-top:var(--space-sm);transition:background-color .4s;position:relative}.group-header{align-items:center;gap:2px;min-height:24px;padding-right:2px;display:flex;position:relative}.group-header[draggable=true]{cursor:grab}.group-title{min-width:0;font:inherit;flex:1;margin:0}.group-toggle{width:100%;padding:2px var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:var(--size-xs);color:var(--color-text-muted);text-align:left;background:0 0;border:0;align-items:center;gap:4px;font-weight:500;display:flex}.group-toggle:hover{color:var(--color-text-primary)}.group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-chevron{transition:transform .15s}.channel-group.collapsed .group-chevron{transform:rotate(-90deg)}.group-anchor,.group-actions{opacity:0;transition:opacity .12s}.group-header:hover .group-anchor,.group-header:hover .group-actions,.group-header:focus-within .group-anchor,.group-header:focus-within .group-actions,.group-anchor.copied{opacity:1}.group-anchor{border-radius:var(--radius-sm);min-width:20px;height:20px;color:var(--color-text-muted);font-size:var(--size-sm);place-items:center;text-decoration:none;display:inline-grid}.group-anchor:hover{color:var(--color-text-link);background:var(--color-bg-hover)}.group-actions{display:inline-flex}.group-actions .icon-btn{min-width:20px;min-height:20px;padding:2px}.group-name-input{min-width:0;height:24px;padding:0 var(--space-xs);font-size:var(--size-sm);flex:1}.dropdown.group-menu{width:180px;top:calc(100% + 2px);left:auto;right:0}.dropdown.context-menu{z-index:60;width:180px;position:fixed;right:auto}.channel.renaming{cursor:default;padding-top:2px;padding-bottom:2px}.channel.renaming .group-name-input{height:22px}.group-toggle.static{cursor:default}.group-toggle.static:hover{color:var(--color-text-muted)}.channel-group.flash{background:var(--color-bg-active)}.group-new{margin-top:var(--space-md);padding:0 var(--space-sm);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.channel.sidebar-schedule-event{color:var(--color-text-muted);font-size:var(--size-sm)}.sidebar-events{margin-bottom:var(--space-sm)}.server-home-events{margin-bottom:var(--space-lg)}.drop-hint{padding:4px var(--space-sm) 4px 28px;font-size:var(--size-xs);color:var(--color-text-muted);font-style:italic}.sidebar-error{align-items:flex-start;gap:var(--space-xs);margin:var(--space-sm) var(--space-xs) 0;color:var(--color-danger-text);display:flex}.channel-list li[draggable=true]{position:relative}.channel-list .dragging{opacity:.45}.channel-list li.drop-before:before,.channel-list li.drop-after:after,.channel-group.drop-before:before,.channel-group.drop-after:after{content:"";left:var(--space-xs);right:var(--space-xs);background:var(--color-accent-base);pointer-events:none;z-index:2;border-radius:1px;height:2px;position:absolute}.channel-list li.drop-before:before,.channel-group.drop-before:before{top:-2px}.channel-list li.drop-after:after,.channel-group.drop-after:after{bottom:-2px}.channel-group.drop-into,.ungrouped.drop-into{background:var(--color-bg-hover);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.ungrouped{border-radius:var(--radius-sm);min-height:4px;margin-top:var(--space-xs)!important}.channel{width:100%;padding:4px var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;font-size:var(--size-md);background:0 0;border:0;align-items:center;gap:6px;margin:1px 0;text-decoration:none;display:flex}.channel svg{color:var(--color-text-muted)}.channel .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.channel.active{background:var(--color-bg-active);color:var(--color-text-primary);font-weight:500}.channel.channel-page,.channel.home-link{font-weight:500}.channel.channel-page.active,.channel.home-link.active{font-weight:600}.channel.channel-text,.channel.channel-voice{font-weight:300}.channel.channel-text.active,.channel.channel-voice.active{font-weight:400}.channel.channel-text.unread{font-weight:500}.channel.unread{color:var(--color-text-primary);font-weight:600}.channel.voice-connected{border:1px dashed var(--color-border-strong);background:var(--color-bg-surface-alt);margin:3px 0}.channel.voice-connected:hover{background:var(--color-bg-hover)}.channel.voice-connected.active{background:var(--color-bg-active);border-color:var(--color-text-muted)}.channel.voice-connected svg{color:var(--color-success)}.voice-members{padding-left:22px!important}.voice-member{padding:5px var(--space-sm);font-size:var(--size-sm);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.voice-member .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-icons{color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.live-tag{border:1px solid var(--color-danger-text);color:var(--color-danger-text);letter-spacing:.04em;border-radius:var(--radius-sm);padding:0 4px;font-size:9px;font-weight:600;line-height:14px}.voice-panel{padding:6px var(--space-sm);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);align-items:center;display:flex}.voice-panel-info{flex-direction:column;flex:1;min-width:0;display:flex}.voice-panel-info a{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);text-decoration:none;overflow:hidden}.voice-status{font-weight:600;font-size:var(--size-sm)}.voice-status.connected{color:var(--color-success)}.voice-status.connecting,.voice-status.reconnecting{color:var(--color-warning)}.voice-panel-actions{display:flex}.user-panel{min-height:var(--layout-footer);padding:6px var(--space-sm);background:var(--color-bg-elevated);border-top:1px solid var(--color-border-subtle);--status-ring:var(--color-bg-elevated);align-items:center;gap:2px;display:flex}.user-panel-me-wrap{flex:1;min-width:0;display:flex;position:relative}.notice-add{z-index:1;border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);width:16px;height:16px;color:var(--color-text-primary);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:-3px;left:-1px;transform:scale(.8)}.rail-profile-wrap .notice-add{left:calc(50% + var(--avatar-md) / 2 - 7px);top:calc(50% - var(--avatar-md) / 2 - 4px)}.user-panel-me-wrap:hover .notice-add,.rail-profile-wrap:hover .notice-add,.notice-avatar-wrap:hover .notice-add,.voice-avatar-wrap:hover .notice-add,.notice-add:focus-visible{opacity:1;transform:scale(1)}.notice-add:hover{background:var(--color-bg-hover)}@media (hover:none){.notice-add{opacity:1;transform:none}}.user-panel-me{align-items:center;gap:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:2px 4px;display:flex}.user-panel-me:hover{background:var(--color-bg-hover)}.user-panel-names{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-panel-names .name{font-weight:600;font-size:var(--size-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{border-radius:50%;flex-shrink:0;display:inline-block;position:relative}.avatar img,.avatar-fallback{object-fit:cover;width:100%;height:100%;color:var(--color-text-on-avatar);font-family:var(--font-ui);border-radius:50%;place-items:center;font-weight:600;display:grid}.avatar.speaking{box-shadow:0 0 0 2px var(--color-success)}.status-dot{border:2px solid var(--status-ring,var(--color-bg-surface));background:var(--color-status-offline);border-radius:50%;width:36%;min-width:8px;height:36%;min-height:8px;position:absolute;bottom:-2px;right:-2px}.status-dot.online{background:var(--color-status-online)}.status-dot.idle{background:var(--color-status-idle)}.status-dot.busy{background:var(--color-status-busy)}.status-dot.dnd{background:var(--color-status-dnd)}.main{background:var(--color-bg-canvas);--status-ring:var(--color-bg-canvas);flex-direction:column;flex:1;min-width:0;display:flex}.banner{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--size-sm);padding:4px;font-weight:500;display:flex}.banner.warn{background:var(--color-bg-feature);color:var(--color-text-primary);border-bottom:1px solid var(--color-warning)}.banner.error{background:var(--color-danger-base);color:var(--color-text-on-danger)}.banner .icon-btn{color:inherit}.home{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;flex-direction:column;flex:1;display:flex}.home h1{font-size:var(--size-display);margin:0;font-weight:500}.chat,.voice-view{flex-direction:column;flex:1;min-height:0;display:flex}.chat-header{height:var(--layout-header);padding:0 var(--space-lg);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:6px;display:flex}.chat-header h2{font-size:var(--size-lg);color:var(--color-text-primary);margin:0;font-weight:600}.messages{padding-bottom:var(--space-sm);flex:1;overflow:hidden auto}.chat{container:chat/inline-size}.chat-grid{--chat-nav-w:184px;grid-template-columns:minmax(0, 1fr) var(--chat-nav-w);column-gap:var(--space-xl);padding:0 var(--space-lg);display:grid}.chat-column{width:100%;min-width:0;max-width:var(--layout-content);margin:0 auto}.chat-column>ul{margin:0;padding:0;list-style:none}.member-nav.chat-member-nav{top:var(--space-xl);margin-top:var(--space-xl);align-self:start;position:sticky}.chat-footer{flex-shrink:0}@container chat (width<=980px){.chat-grid{grid-template-columns:minmax(0,1fr)}.chat-member-nav,.chat-grid-spacer{display:none}}.channel-start{padding:var(--space-xl) var(--space-sm) var(--space-sm)}.channel-start h1{font-size:var(--size-display);margin:0 0 4px;font-weight:500;line-height:1.15}.message{gap:var(--space-md);padding:2px var(--space-xl) 2px var(--space-sm);margin-top:var(--space-md);display:flex;position:relative}.message.grouped{margin-top:0}.message{border-radius:var(--radius-sm)}.message:hover{background:var(--color-bg-hover)}.message.mentioned{background:var(--color-mention-bg);box-shadow:inset 2px 0 0 var(--color-mention-bar)}.message.pending .message-content{opacity:.5}.message.failed .message-content{color:var(--color-danger-text)}.message-gutter-time{width:var(--avatar-md);color:var(--color-text-muted);text-align:right;visibility:hidden;flex-shrink:0;padding-top:4px;font-size:10px}.message:hover .message-gutter-time{visibility:visible}.message-body{flex:1;min-width:0}.message-meta{align-items:baseline;gap:var(--space-sm);line-height:1.3;display:flex}.message-meta time{font-size:var(--size-xs)}.author{font-family:var(--font-ui);font-size:var(--size-md);color:var(--color-text-primary);font-weight:600}.message-content{font-family:var(--font-body);font-size:var(--size-body);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;line-height:1.45}.message-content .edited{font-family:var(--font-ui)}.mention{background:var(--color-mention-chip-bg);color:var(--color-mention-chip-text);border-radius:3px;padding:0 2px;font-weight:600}.mention.me{background:var(--color-mention-bg);box-shadow:inset 0 -2px 0 var(--color-mention-bar)}.message-actions{top:-10px;right:var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:none;position:absolute}.message:hover .message-actions{display:flex}.message-edit{flex-direction:column;gap:4px;display:flex}.message-edit textarea{resize:vertical;min-height:40px;font-family:var(--font-body);font-size:var(--size-body)}.attachments{gap:var(--space-sm);flex-wrap:wrap;margin-top:4px;display:flex}.att-image img{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);max-width:min(360px,100%);max-height:260px;display:block}.att-video{border-radius:var(--radius-md);max-width:min(360px,100%)}.att-file{align-items:center;gap:var(--space-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);max-width:360px;color:var(--color-text-primary);font-size:var(--size-md);text-decoration:none;display:flex}.att-file .name{color:var(--color-text-link);text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;overflow:hidden}.typing{height:18px;padding:0 var(--space-sm);font-size:var(--size-xs);color:var(--color-text-muted)}.composer{padding:0 0 var(--space-lg)}.composer-row{align-items:flex-end;gap:var(--space-xs);background:var(--color-bg-input);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);padding:6px 6px 6px var(--space-xs);transition:border-color .15s,box-shadow .15s;display:flex}.composer-row:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-border-focus) 18%, transparent)}.composer-row textarea:focus,.composer-row textarea:focus-visible{box-shadow:none;outline:none}.composer-row .composer-btn,.composer-row .composer-count{align-self:center}.send-btn{background:var(--color-accent-base);width:32px;height:32px;color:var(--color-text-on-accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .15s,opacity .15s,transform .1s;display:grid}.send-btn:hover:not(:disabled){background:var(--color-accent-hover)}.send-btn:active:not(:disabled){transform:scale(.92)}.send-btn:disabled{background:var(--color-bg-hover);color:var(--color-text-muted);cursor:default}.composer-row textarea{resize:none;max-height:200px;line-height:1.4;font-family:var(--font-body);font-size:var(--size-body);background:0 0!important;border:0!important;padding:5px 0!important}.composer-files{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;gap:6px;margin:0 0 6px;padding:6px;list-style:none;display:flex}.composer-files li{background:var(--color-bg-input);border-radius:var(--radius-sm);padding:2px 2px 2px var(--space-sm);align-items:center;gap:6px;max-width:240px;display:flex}.composer-files li.failed{border:1px solid var(--color-danger-base)}.composer-files .name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--size-sm);overflow:hidden}.role-tag{color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);margin-left:4px;padding:0 5px;font-size:10px;font-weight:500;line-height:16px}.stage{background:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.stage.idle{cursor:none}.screen-video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}.screen-loading{flex:1;place-items:center;display:grid}.stage-panel{left:50%;bottom:var(--space-lg);align-items:center;gap:var(--space-sm);max-width:calc(100% - 2 * var(--space-lg));padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-floating);font-size:var(--size-sm);border-radius:999px;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:translate(-50%)}.stage.idle .stage-panel:not(:focus-within){opacity:0;pointer-events:none;transform:translate(-50%,8px)}.stage-panel-info,.stage-panel-viewers,.stage-panel-actions{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.stage-panel-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.stage-panel-count{color:var(--color-text-muted);white-space:nowrap}.stage-panel-actions{gap:var(--space-xs)}.stage-panel .call-btn{width:36px;height:36px}.stage-panel .call-btn.stop-share,.stage-panel .call-btn.leave-stream{width:auto}.stream-volume{position:relative}.stream-volume-popover{bottom:calc(100% + var(--space-sm));align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);box-shadow:var(--shadow-floating);border-radius:999px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stream-volume-popover input{width:110px}.stream-volume-value{min-width:3.5ch;color:var(--color-text-muted);font-size:var(--size-xs);text-align:right}.stage-panel-reveal{right:var(--space-md);bottom:var(--space-md);background:var(--color-bg-elevated);width:36px;height:36px;box-shadow:var(--shadow-floating);opacity:.7;transition:opacity .2s;position:absolute}.stage-panel-reveal:hover,.stage-panel-reveal:focus-visible{opacity:1}.stage.idle .stage-panel-reveal:not(:focus-visible){opacity:0}.viewers-chip{color:var(--color-text-muted);font-size:var(--size-xs);align-items:center;gap:3px;display:inline-flex}@media (width<=640px){.stage-panel-viewers{display:none}}@media (prefers-reduced-motion:reduce){.stage-panel,.stage-panel-reveal{transition:none}.stage.idle .stage-panel:not(:focus-within){transform:translate(-50%)}}.volume{color:var(--color-text-primary);flex-direction:row;align-items:center;gap:6px;font-weight:400}.volume input{width:90px}.call-bar{left:50%;bottom:var(--space-lg);z-index:20;align-items:center;gap:var(--space-sm);max-width:calc(100% - var(--space-xl));display:flex;position:absolute;transform:translate(-50%)}.participants-dock{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-floating);--status-ring:var(--color-bg-elevated);border-radius:999px;display:flex}.participants-dock-more{font-size:var(--size-xs);color:var(--color-text-muted);padding:0 var(--space-xs);font-weight:600}.call-dock{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-floating);border-radius:999px;animation:.22s cubic-bezier(.2,.9,.3,1.2) call-dock-in;display:flex}@keyframes call-dock-in{0%{opacity:0;transform:translateY(12px)scale(.94)}}@media (prefers-reduced-motion:reduce){.call-dock{animation:none}}.call-btn{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;place-items:center;transition:background-color .15s,transform .1s;display:grid}.call-btn:hover:not(:disabled){background:var(--color-bg-hover)}.call-btn:active:not(:disabled){transform:scale(.94)}.call-btn:disabled{opacity:.5;cursor:default}.call-btn.off{color:var(--color-danger-text)}.call-btn.on{background:var(--color-bg-active)}.call-btn.raised{background:var(--color-bg-active);border-color:var(--color-warning);color:var(--color-warning)}.call-btn.hangup{background:var(--color-danger-base);width:56px;color:var(--color-text-on-danger);border-color:#0000;border-radius:22px}.call-btn.hangup:hover{background:var(--color-danger-hover)}.call-divider{background:var(--color-border-subtle);width:1px;height:24px}.voice-main:has(.call-dock) .voice-participants{padding-bottom:calc(var(--space-xl) + 72px)}.voice-view{flex-direction:row;flex:1;min-height:0;display:flex;container:voice/inline-size}.voice-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.voice-chat{background:var(--color-bg-surface);--status-ring:var(--color-bg-surface);border-left:1px solid var(--color-border-subtle);flex-shrink:0;width:340px;min-height:0;display:flex}.voice-chat .chat{width:100%}.chat-grid.single{padding:0 var(--space-md);grid-template-columns:minmax(0,1fr)}.chat-panel .channel-start{padding:var(--space-lg) var(--space-sm) var(--space-sm)}.chat-panel .composer{padding-bottom:var(--space-md)}@container voice (width<=820px){.voice-chat{display:none}}.voice-participants{place-content:center;gap:var(--space-xl) calc(var(--space-xl) * 1.5);padding:var(--space-xl);flex-wrap:wrap;flex:1;display:flex;overflow-y:auto}.voice-participants.compact{justify-content:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);flex-wrap:nowrap;flex:none;overflow-x:auto}.voice-participant{align-items:center;gap:var(--space-sm);--status-ring:var(--color-bg-canvas);flex-direction:column;min-width:96px;display:flex;position:relative}.voice-avatar{cursor:default;background:0 0;border:0;border-radius:50%;padding:0;display:inline-grid;position:relative}button.voice-avatar{cursor:pointer}.voice-avatar{isolation:isolate}.voice-avatar .avatar{transform:scale(calc(1 + var(--speak,0) * .08));will-change:transform}.voice-avatar:before{content:"";z-index:-1;background:var(--color-success);filter:blur(9px);opacity:calc(var(--glow,0) * .5);transform:scale(calc(1 + var(--glow,0) * .16));pointer-events:none;border-radius:50%;position:absolute;inset:-3px}.voice-name{max-width:180px;font-size:var(--size-md);color:var(--color-text-primary);align-items:center;gap:6px;font-weight:500;display:flex}.voice-name .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-name svg{color:var(--color-text-muted)}.voice-lobby{align-items:center;gap:var(--space-sm);flex-direction:column;flex-basis:100%;display:flex}.voice-lobby p:empty{display:none}.voice-participant .volume{z-index:5;padding:6px var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);white-space:nowrap;position:absolute;top:calc(100% + 4px)}.conn-quality{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.conn-quality i{background:var(--color-border-subtle);border-radius:1px;width:3px}.conn-quality i:first-child{height:5px}.conn-quality i:nth-child(2){height:8px}.conn-quality i:nth-child(3){height:12px}.conn-quality.q-excellent i,.conn-quality.q-good i:nth-child(-n+2){background:var(--color-success)}.conn-quality.q-poor i:first-child,.conn-quality.q-lost i:first-child{background:var(--color-danger-text)}.modal-backdrop{z-index:50;background:var(--color-bg-overlay);padding:var(--space-lg);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);width:min(420px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-modal);border-radius:0;flex-direction:column;display:flex}.modal.wide{width:min(780px,100%)}.modal-header{padding:var(--space-lg) var(--space-md) var(--space-sm) var(--space-xl);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--size-xl);margin:0;font-weight:500}.modal-body{padding:var(--space-sm) var(--space-xl) var(--space-xl);flex:1;min-height:0;overflow-y:auto}.settings-modal{height:min(640px,100vh - 32px)}.settings-modal .modal-body{flex-direction:column;display:flex;overflow:hidden}.settings{gap:var(--space-lg);flex:1;min-width:0;min-height:0;display:flex}.settings-tabs{flex-direction:column;flex-shrink:0;width:150px;display:flex}.settings-tablist{flex-direction:column;gap:1px;display:flex}.settings-tabs button{text-align:left;padding:6px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--size-md);color:var(--color-text-secondary);background:0 0;border:0}.settings-tabs button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-tabs button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.settings-tabs button.active{background:var(--color-bg-active);color:var(--color-text-primary);font-weight:500}.settings-logout{padding-top:var(--space-sm);border-top:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-sm);text-align:left;padding-left:var(--space-sm);padding-right:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--size-md);color:var(--color-danger-text);background:0 0;border-bottom:0;border-left:0;border-right:0;margin-top:auto;padding-bottom:6px;display:flex}.settings-logout:hover{background:var(--color-bg-hover)}.settings-content{min-width:0;min-height:0;padding-right:var(--space-xs);flex:1;overflow-y:auto}.settings-content :is(section,fieldset):not(:first-child){margin-top:var(--space-lg)}.settings-content h3{margin:var(--space-sm) 0;font-family:var(--font-ui);font-size:var(--size-sm);color:var(--color-text-primary);font-weight:600}.settings-list{margin:0 0 var(--space-md);padding:0;list-style:none}.settings-list li{align-items:center;gap:var(--space-sm);padding:6px var(--space-sm);border-bottom:1px solid var(--color-border-subtle);font-size:var(--size-md);display:flex}.settings-list .name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.settings-list select{width:auto;padding:3px 24px 3px 6px}.danger-zone{margin-top:var(--space-xl);border:1px solid var(--color-danger-base);border-radius:var(--radius-md);padding:var(--space-md)}.danger-zone h3{color:var(--color-danger-text);margin-top:0}.invite-link{gap:var(--space-sm);display:flex}.profile-row{align-items:center;gap:var(--space-lg);display:flex}.profile-row p{margin:4px 0 0}.form-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.account-info{margin:0}.account-info div{justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-border-subtle);padding:6px 0;display:flex}.account-info dt{color:var(--color-text-muted)}.account-info dd{margin:0;font-weight:500}.scale-slider{margin:var(--space-sm) 0}.scale-slider-head{justify-content:space-between;margin-bottom:4px;display:flex}.scale-slider-row{align-items:center;gap:var(--space-sm);display:flex}.scale-slider-row input[type=range]{flex:1}.meter{background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:3px;flex:1;min-width:120px;height:6px;position:relative;overflow:hidden}.meter>div{background:var(--color-success);height:100%;transition:width 50ms linear}.meter.gated>div{background:var(--color-text-muted)}.meter-threshold{background:var(--color-text-primary);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.meter>div{transition:none}}.server-home{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.server-home-scroll{flex-direction:column;flex:1;display:flex;overflow-y:auto}.cover.server-mural{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;width:100%;height:clamp(160px,30vh,280px);overflow:visible}.notion-layout{grid-template-columns:minmax(0, 1fr) var(--layout-member-list);column-gap:clamp(var(--space-xl), 5vw, 64px);padding:0 clamp(var(--space-lg), 6vw, 72px) var(--space-xl);flex-shrink:0;display:grid}.notion-page{width:100%;min-width:0;max-width:var(--layout-content);margin:0 auto}@media (width<=1280px){.notion-layout,.notice-board{grid-template-columns:minmax(0,760px)}.member-nav{margin-top:var(--space-xl);position:static}}.page-icon{z-index:1;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);width:72px;height:72px;font-family:var(--font-display);color:var(--color-text-primary);place-items:center;margin-top:-36px;font-size:28px;font-weight:500;display:grid;position:relative;overflow:hidden}.page-icon img{object-fit:cover;width:100%;height:100%}.page-title-row{align-items:baseline;column-gap:var(--space-md);row-gap:var(--space-xs);margin:var(--space-xl) 0 var(--space-md);flex-wrap:wrap;display:flex}.page-title{font-size:calc(var(--size-display) * 1.5);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.15}.server-home-welcome{margin:0 0 var(--space-lg);padding:2px 0 2px var(--space-lg);border-left:4px solid var(--color-border-strong);font-size:var(--size-display);color:var(--color-text-primary);font-weight:300;line-height:1.3}.page-body{font-family:var(--font-body);font-size:calc(var(--size-body) + 1px);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.page-placeholder{font-family:var(--font-body);font-size:calc(var(--size-body) + 1px);color:var(--color-text-muted);margin:0}.btn.ghost{color:var(--color-text-secondary);border-color:#0000}.btn.ghost:hover{color:var(--color-text-primary)}.channel.home-link{margin-bottom:var(--space-xs)}.field-label{font-size:var(--size-sm);color:var(--color-text-secondary);font-weight:500}.cover{position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cover-shade{pointer-events:none;background:linear-gradient(#0000,#0009);height:55%;position:absolute;bottom:0;left:0;right:0}.cover-error{left:var(--space-md);bottom:var(--space-md);font-size:var(--size-xs);background:var(--color-bg-elevated);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:2px var(--space-sm);position:absolute}.cover.server-mural.no-cover{border-bottom:0;height:56px}.cover.no-cover~* .page-icon{margin-top:0}.cover.cover-preview.no-cover{border-style:dashed;place-items:center;display:grid}.cover.cover-preview.no-cover:after{content:"Sem capa";font-size:var(--size-sm);color:var(--color-text-muted)}.cover.cover-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);height:96px}.cover-editor{right:var(--space-lg);bottom:var(--space-md);z-index:2;gap:var(--space-xs);display:flex;position:absolute}.cover-button{border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:var(--radius-sm);padding:3px var(--space-sm);font-size:var(--size-sm);cursor:pointer;opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:inline-flex}.server-mural:hover .cover-button,.cover-editor:focus-within .cover-button,.cover-button[aria-expanded=true]{opacity:1}.server-home-scroll:has(.no-cover):hover .cover-button{opacity:1}@media (hover:none){.cover-button{opacity:1}}.cover-popover{z-index:10;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:min(380px,100vw - 32px);box-shadow:var(--shadow-popover);padding:var(--space-md);position:absolute;top:calc(100% + 6px);right:0}.cover-picker{gap:var(--space-md);flex-direction:column;display:flex}.cover-picker-tabs{gap:var(--space-md);border-bottom:1px solid var(--color-border-subtle);display:flex}.cover-picker-tabs button{cursor:pointer;font-size:var(--size-md);color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:4px 0 6px}.cover-picker-tabs button.active{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.cover-picker-tabs .cover-picker-remove{font-size:var(--size-sm);margin-left:auto}.cover-gallery{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.cover-swatch{aspect-ratio:16/10;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:0}.cover-swatch:hover{border-color:var(--color-border-strong)}.cover-swatch.selected{outline:2px solid var(--color-border-focus);outline-offset:2px}.cover-link{gap:var(--space-sm);flex-direction:column;display:flex}.cover-link p{margin:0}.icon-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated);width:48px;height:48px;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--size-md);place-items:center;font-weight:500;display:grid;overflow:hidden}.icon-preview img{object-fit:cover;width:100%;height:100%}.icon-picker{gap:var(--space-md);flex-direction:column;display:flex}.icon-gallery{gap:var(--space-sm);grid-template-columns:repeat(8,1fr);display:grid}.icon-swatch{aspect-ratio:1;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text-secondary);cursor:pointer;place-items:center;padding:0;display:grid}.icon-swatch:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.icon-swatch.selected{outline:2px solid var(--color-border-focus);outline-offset:2px;color:var(--color-text-primary);background:var(--color-bg-active)}.icon-swatch-none{font-family:var(--font-display);font-size:var(--size-sm);font-weight:500}.tag-list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tag{font-family:var(--font-ui);font-size:var(--size-sm);color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-sm);border:0;align-items:center;padding:0 7px;font-weight:500;line-height:1.5;display:inline-flex}.tag.tag-more{cursor:default;color:var(--color-text-muted)}.tag-list-overflow{max-width:260px}.member-nav{top:var(--space-lg);min-width:0;margin-top:calc(var(--space-xl) + 36px);font-size:var(--size-md);align-self:start;position:sticky}.member-nav h3{margin:0 0 var(--space-sm);font-family:var(--font-ui);font-size:var(--size-sm);color:var(--color-text-primary);font-weight:600}.member-nav-group+.member-nav-group{margin-top:var(--space-md)}.member-nav h4{font-size:var(--size-xs);color:var(--color-text-muted);margin:0 0 4px;font-weight:500}.member-nav ul{border-left:1px solid var(--color-border-subtle);margin:0;padding:0;list-style:none}.member-nav-item{align-items:center;gap:var(--space-sm);padding:3px 0 3px var(--space-md);--status-ring:var(--color-bg-canvas);border-left:1px solid #0000;margin-left:-1px;transition:border-color .15s;display:flex}.member-nav-item:hover{border-left-color:var(--color-text-primary)}.member-nav ul.dim .member-nav-item{opacity:.6}.member-nav-item .hovercard{min-width:0}.member-nav-name{color:var(--color-text-secondary);font-size:var(--size-md);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:150px;padding:0;overflow:hidden}.member-nav-item:hover .member-nav-name{color:var(--color-text-primary)}.member-nav .hovercard-panel{flex-direction:column;gap:4px;min-width:180px;display:flex}.hovercard-title{font-weight:600}.role-chips{vertical-align:middle;flex-wrap:wrap;gap:4px;margin-left:4px;display:inline-flex}.hovercard-panel .role-chips{margin:4px 0 0}.role-chip{font-size:var(--size-xs);color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:5px;padding:0 7px;font-weight:500;line-height:1.6;display:inline-flex}.role-chip.system{color:var(--color-text-primary);background:var(--color-bg-active)}.role-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.member-settings-row{flex-wrap:wrap}.role-picker{gap:var(--space-sm) var(--space-md);padding:var(--space-sm) 0 var(--space-xs) 30px;flex-flow:wrap;flex-basis:100%}.role-create{gap:var(--space-sm);flex-direction:column;display:flex}.color-picker{gap:6px;display:flex}.color-swatch{border:2px solid var(--color-bg-elevated);width:20px;height:20px;box-shadow:0 0 0 1px var(--color-border-subtle);cursor:pointer;border-radius:50%;padding:0}.color-picker.compact .color-swatch{width:14px;height:14px}.color-swatch.selected{box-shadow:0 0 0 2px var(--color-border-focus)}@property --dock-scale{syntax:"<number>";inherits:false;initial-value:1}.floating-dock{z-index:40;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-floating);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;--status-ring:var(--color-bg-elevated);--dock-scale:1;border-radius:999px;align-items:center;gap:2px;padding:5px 8px 5px 6px;transition:box-shadow .2s,--dock-scale .2s cubic-bezier(.2,.8,.2,1);animation:.28s cubic-bezier(.2,.8,.2,1) dock-in;display:flex;position:fixed;top:0;left:0}@keyframes dock-in{0%{opacity:0;--dock-scale:.9}}.floating-dock.dragging{cursor:grabbing;--dock-scale:1.04;box-shadow:var(--shadow-floating), var(--shadow-floating)}.dock-grip{background-image:radial-gradient(circle, var(--color-text-muted) 1px, transparent 1.3px);opacity:.35;background-position:0 0;background-size:4px 4.67px;width:8px;height:14px;margin:0 3px 0 4px;transition:opacity .2s}.floating-dock:hover .dock-grip,.floating-dock.dragging .dock-grip{opacity:.6}.avatar-stack-lead{z-index:1;position:relative}.avatar-stack-lead .dock-me{padding:0;display:grid}.floating-dock .connected-stack .avatar-stack-lead{box-shadow:0 0 0 2px var(--color-bg-elevated)}.voice-toolbar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg) 0;display:flex}.hand-btn.raised{background:var(--color-bg-active);border-color:var(--color-warning)}.hand-btn.raised svg{color:var(--color-warning)}.hand-badge{top:0;left:calc(50% + var(--avatar-xxl) / 2 - 22px);z-index:2;background:var(--color-bg-elevated);border:2px solid var(--color-warning);width:30px;height:30px;color:var(--color-warning);box-shadow:0 0 0 3px var(--color-bg-canvas);border-radius:50%;place-items:center;animation:.25s cubic-bezier(.2,.9,.3,1.4) hand-pop;display:grid;position:absolute}.voice-participant:has(.thought-slot) .hand-badge{top:68px}.voice-participants.compact .hand-badge{left:calc(50% + var(--avatar-md) / 2 - 10px);width:18px;height:18px;box-shadow:0 0 0 2px var(--color-bg-canvas)}@keyframes hand-pop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}}@media (prefers-reduced-motion:reduce){.hand-badge{animation:none}}.hand-inline{color:var(--color-warning);display:inline-grid}.voice-count{margin-left:var(--space-sm);background:var(--color-bg-hover);color:var(--color-text-secondary);font-size:var(--size-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.chat-panel .chat-header .avatar-stack-item{box-shadow:0 0 0 2px var(--color-bg-surface);background:var(--color-bg-surface)}.dock-me{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:2px}.dock-divider{background:var(--color-border-subtle);width:1px;height:20px;margin:0 4px}.dock-voice{max-width:140px;color:var(--color-text-primary);font-size:var(--size-sm);align-items:center;gap:6px;padding:0 4px;font-weight:500;text-decoration:none;display:inline-flex}.dock-voice-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock-dot{background:var(--color-warning);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dock-dot.connected{background:var(--color-success)}@media (prefers-reduced-motion:reduce){.floating-dock{transition:none;animation:none}}.page-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.page-column{padding:0 clamp(var(--space-lg), 6vw, 72px) calc(var(--space-xl) * 3);justify-content:center;display:flex}.page-column .notion-page{width:min(760px,100%)}.page-column .page-icon{color:var(--color-text-secondary)}.page-edit-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.md-page>:first-child,.rich-editor-content>:first-child{margin-top:0}.md-page h1,.md-page h2,.md-page h3,.rich-editor-content h1,.rich-editor-content h2,.rich-editor-content h3{font-family:var(--font-display);margin:1.2em 0 .4em;font-weight:600;line-height:1.25}.md-page h1,.rich-editor-content h1{font-size:calc(var(--size-body) * 1.6)}.md-page h2,.rich-editor-content h2{font-size:calc(var(--size-body) * 1.35)}.md-page h3,.rich-editor-content h3{font-size:calc(var(--size-body) * 1.15)}.md-page p,.rich-editor-content p{margin:0 0 .75em}.md-page ul,.md-page ol,.rich-editor-content ul,.rich-editor-content ol{margin:0 0 .75em;padding-left:1.4em}.md-page li,.rich-editor-content li{margin:.15em 0}.rich-editor-content li>p{margin:0}.md-page blockquote,.rich-editor-content blockquote{padding:2px 0 2px var(--space-md);border-left:3px solid var(--color-border-strong);color:var(--color-text-secondary);margin:0 0 .75em}.md-page hr,.rich-editor-content hr{border:0;border-top:1px solid var(--color-border-subtle);margin:1.2em 0}.md-page .md-image,.rich-editor-content img:not(.ProseMirror-separator){border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);vertical-align:middle;width:auto;max-width:100%;height:auto;max-height:min(480px,60vh)}.md-page .md-image{margin:.25em 0;display:inline-block}.page-body{white-space:normal}.rich-editor{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-canvas)}.rich-editor:focus-within{border-color:var(--color-border-strong)}.rich-editor-toolbar{z-index:2;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface);border-radius:var(--radius-md) var(--radius-md) 0 0;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex;position:sticky;top:0}.rte-btn{border-radius:var(--radius-sm);min-width:28px;height:26px;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--size-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0 6px;font-weight:600;display:inline-grid}.rte-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.rte-btn.active{background:var(--color-bg-active);color:var(--color-text-primary)}.rte-sep{background:var(--color-border-subtle);width:1px;height:16px;margin:0 4px}.rte-image{gap:var(--space-sm);padding:var(--space-sm) 4px 4px;flex-direction:column;flex-basis:100%;display:flex}.rich-editor-content{min-height:200px;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:calc(var(--size-body) + 1px);outline:none;line-height:1.6}.rich-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--color-text-muted)}.rich-editor-content img.ProseMirror-selectednode{outline:2px solid var(--color-border-focus)}.rich-editor-counter{padding:4px var(--space-md) 6px;text-align:right;font-size:var(--size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle)}.rich-editor-counter.over{color:var(--color-danger-text);font-weight:600}.radio-group label svg{color:var(--color-text-muted)}.hovercard{display:inline-flex;position:relative}.hovercard-trigger{font:inherit;cursor:default}.hovercard-panel{z-index:30;min-width:160px;max-width:280px;padding:var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);color:var(--color-text-primary);font-size:var(--size-sm);text-align:left;white-space:normal;font-weight:400;position:absolute;top:calc(100% + 6px)}.hovercard-panel.align-start{left:0}.hovercard-panel.align-end{right:0}.hovercard-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hovercard-list li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hovercard-panel.place-top{top:auto;bottom:calc(100% + 6px)}.connected-stack{align-items:center;display:inline-flex}.voice-panel-info .connected-stack{margin-top:4px}.floating-dock .connected-stack{margin:0 4px}.connected-stack .avatar-stack-item{box-shadow:0 0 0 2px var(--color-bg-elevated);background:var(--color-bg-elevated)}.server-home-bar{gap:var(--space-sm)}.voice-activity{margin-left:var(--space-sm);align-items:center;gap:6px;min-width:0;display:flex}.voice-group{border-radius:var(--radius-md);background:var(--color-bg-hover);height:26px;color:var(--color-text-secondary);font-size:var(--size-sm);align-items:center;gap:6px;padding:0 4px 0 8px;display:inline-flex}.voice-group .avatar-stack-item{box-shadow:0 0 0 2px var(--color-bg-hover);background:var(--color-bg-hover)}.voice-group-name{color:inherit;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:120px;text-decoration:none;display:inline-flex;overflow:hidden}.voice-group-name:hover{color:var(--color-text-primary)}.voice-group.voice-group-more{color:var(--color-text-muted);border:0;padding:0 8px}.btn.fab{right:var(--space-xl);bottom:var(--space-xl);z-index:5;background:var(--color-bg-elevated);box-shadow:var(--shadow-popover);position:absolute}.btn.fab:hover{background:var(--color-bg-hover)}.avatar-stack{align-items:center;display:inline-flex}.avatar-stack-item{box-shadow:0 0 0 2px var(--color-bg-elevated);background:var(--color-bg-elevated);border-radius:50%;place-items:center;display:inline-grid}.avatar-stack-item+.avatar-stack-item{margin-left:-8px}.avatar-stack-more{width:var(--avatar-md);height:var(--avatar-md);cursor:default;background:var(--color-bg-active);color:var(--color-text-primary);font-size:var(--size-xs);border:0;padding:0;font-weight:600}.avatar-stack.size-sm .avatar-stack-more{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar-stack.size-xs .avatar-stack-more{width:var(--avatar-xs);height:var(--avatar-xs);font-size:9px}.avatar-stack.size-xs .avatar-stack-item+.avatar-stack-item,.avatar-stack.size-xs .avatar-stack-item+.hovercard{margin-left:-5px}.avatar-stack-item+.hovercard{margin-left:-8px}.avatar-stack.size-lg .avatar-stack-more{width:var(--avatar-lg);height:var(--avatar-lg)}.share-button{align-items:center;gap:var(--space-sm);display:inline-flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.theme-option{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);cursor:pointer;color:var(--color-text-primary);flex-direction:column;gap:8px;padding:8px;font-weight:400;transition:border-color .15s;display:flex}.theme-option:hover{border-color:var(--color-border-strong)}.theme-option.selected{border-color:var(--color-border-focus);box-shadow:inset 0 0 0 1px var(--color-border-focus)}.theme-option:has(:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:2px}.theme-option-text{flex-direction:column;gap:2px;padding:0 4px 4px;display:flex}.theme-option-name{font-weight:600;font-size:var(--size-md)}.theme-option-desc{font-size:var(--size-xs);color:var(--color-text-muted)}.theme-preview{border-radius:calc(var(--radius-card) * .6);border:1px solid var(--color-border-subtle);background:var(--color-bg-canvas);height:84px;color:var(--color-text-primary);font-family:var(--font-ui);pointer-events:none;font-size:9px;line-height:1.3;display:flex;overflow:hidden}.theme-preview-split{border-radius:10px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.theme-preview-split .theme-preview{border-radius:0}.theme-preview-split .theme-preview:first-child{border-right:0}.tp-rail{background:var(--color-bg-surface-alt);flex-direction:column;align-items:center;gap:4px;width:18px;padding-top:6px;display:flex}.tp-pill{background:var(--color-bg-canvas);border-radius:50%;width:11px;height:11px}.tp-pill.active{background:var(--color-selection-bg);border-radius:4px}.tp-sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);flex-direction:column;gap:5px;width:42px;padding:8px 5px;display:flex}.tp-line{background:var(--color-text-muted);opacity:.5;border-radius:2px;height:5px}.tp-line.active{opacity:1;background:var(--color-bg-active);outline:1px solid var(--color-text-muted)}.tp-line.w60{width:60%}.tp-line.w70{width:70%}.tp-line.w80{width:80%}.tp-main{flex-direction:column;flex:1;gap:4px;min-width:0;padding:6px;display:flex}.tp-msg{font-family:var(--font-body);white-space:nowrap;border-radius:2px;align-items:center;gap:4px;padding:2px;display:flex;overflow:hidden}.tp-msg.mention{background:var(--color-mention-bg);box-shadow:inset 2px 0 0 var(--color-mention-bar)}.tp-avatar{background:var(--color-avatar-0);border-radius:50%;flex-shrink:0;width:10px;height:10px}.tp-avatar.b{background:var(--color-avatar-2)}.tp-author{font-family:var(--font-ui);font-weight:700}.tp-chip{background:var(--color-mention-chip-bg);color:var(--color-mention-chip-text);border-radius:2px;padding:0 1px}.tp-button{background:var(--color-accent-base);color:var(--color-text-on-accent);border-radius:var(--radius-button);align-self:flex-end;margin-top:auto;padding:2px 8px;font-weight:600}.theme-swatches{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.theme-swatches span{width:16px;height:16px}@media (width<=700px){.server-rail{width:60px}.sidebar{width:200px}.settings{flex-direction:column}.settings-tabs{align-items:center;gap:var(--space-sm);flex-direction:row;flex-shrink:0;width:auto;min-width:0;overflow-x:auto}.settings-tablist{flex-direction:row}.settings-tabs button,.settings-admin-link{white-space:nowrap}.settings-tabs .settings-admin-link{margin-top:0}.settings-logout{border-top:0;margin-top:0;margin-left:auto;padding-top:6px}}.thought{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);max-width:180px;box-shadow:var(--shadow-popover);color:var(--color-text-primary);font-size:var(--size-sm);border-radius:18px;margin-bottom:14px;padding:6px 12px;line-height:1.35;position:relative}.thought-text{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.thought.placeholder{color:var(--color-text-muted);font-style:italic}.thought-dot{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:50%;position:absolute}.thought-dot.big{width:9px;height:9px;bottom:-8px;left:calc(50% - 10px)}.thought-dot.small{width:5px;height:5px;bottom:-14px;left:calc(50% - 15px)}.thought-slot{justify-content:center;align-items:flex-end;height:68px;display:flex}.voice-participant .thought{text-align:center}.notice-board{grid-template-columns:minmax(0, 1fr) var(--layout-member-list);column-gap:clamp(var(--space-xl), 5vw, 64px);padding:calc(var(--space-xl) * 1.5) clamp(var(--space-lg), 6vw, 72px) calc(var(--space-xl) * 1.5);flex-shrink:0;display:grid}.notice-section{width:100%;max-width:var(--layout-content);padding-top:var(--space-md);border-top:2px dotted var(--color-border-strong);grid-column:1;margin:0 auto}.notice-board-head{align-items:center;gap:var(--space-sm);width:100%;margin:0 0 var(--space-lg);color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.notice-board-head:hover,.notice-board-head:focus-visible{color:var(--color-text-primary)}.notice-board-head{transition:margin-bottom .28s,color .15s}.notice-board-head.collapsed{margin-bottom:0}.notice-board-head h3{font-size:var(--size-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.notice-board-count{background:var(--color-bg-hover);font-size:var(--size-xs);border-radius:999px;padding:0 7px;font-weight:600}.notice-list{gap:var(--space-xl) var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.notice-empty-slot{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--size-sm);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.notice-empty-slot:hover,.notice-empty-slot:focus-visible{color:var(--color-text-primary)}.notice-empty-slot{padding-left:8px}.notice-empty-circle{width:var(--avatar-lg);height:var(--avatar-lg);border:2px dashed var(--color-border-strong);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.notice-item{column-gap:var(--space-sm);grid-template-rows:auto auto;grid-template-columns:72px minmax(0,1fr);align-items:start;row-gap:4px;min-width:0;display:grid}.notice-bubble-row{display:contents}.notice-avatar-wrap{grid-area:1/1;justify-self:center;position:relative}.notice-item .thought{text-align:left;grid-area:1/2;justify-self:start;max-width:160px;margin:0}.notice-item .thought-text{-webkit-line-clamp:3}.notice-item .thought-dot.big{top:20px;bottom:auto;left:-4px}.notice-name{max-width:100%;font-size:var(--size-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;justify-self:center;font-weight:500;overflow:hidden}.notice-preview{padding:var(--space-md) 0 var(--space-xs);flex-direction:column;align-items:center;display:flex}.notice-count{align-self:flex-end}.notice-durations{gap:var(--space-sm);border:0;flex-direction:column;margin:0;padding:0;display:flex}.notice-durations legend{margin-bottom:var(--space-xs);font-size:var(--size-sm);color:var(--color-text-secondary);padding:0;font-weight:500}.chip-options{gap:var(--space-xs);flex-wrap:wrap;display:flex}.chip-option{border:1px solid var(--color-border-subtle);font-size:var(--size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:4px 12px;flex-direction:row!important;display:inline-flex!important}.chip-option input{opacity:0;pointer-events:none;position:absolute}.chip-option:hover{background:var(--color-bg-hover)}.chip-option.selected{background:var(--color-bg-active);border-color:var(--color-border-strong);color:var(--color-text-primary);font-weight:500}.chip-option:has(input:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:2px}.notice-custom{gap:var(--space-sm);display:flex}.notice-custom input{width:96px}.notice-custom select{width:auto}.notice-actions{align-items:center;gap:var(--space-sm);display:flex}.notice-actions .spacer{flex:1}.btn.notice-remove{color:var(--color-danger-text)}.channel-description{margin:var(--space-sm) 0 var(--space-md);padding:2px 0 2px var(--space-md);border-left:3px solid var(--color-border-strong);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--size-md);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.channel-start .btn{margin-top:var(--space-xs)}.page-description-input{width:100%;margin:var(--space-sm) 0 0;resize:vertical;font-family:var(--font-body)}.page-column .page-title{margin-top:var(--space-xl)}.page-column .page-body,.page-column .rich-editor,.page-column .page-placeholder{margin-top:calc(var(--space-xl) * 1.25)}.header-user-notice{margin-left:var(--space-sm)}.user-panel{gap:var(--space-sm);position:relative}.user-panel .user-panel-names{flex:1;min-width:0}.status-switch{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--size-xs);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.status-switch:hover{background:var(--color-bg-hover)}.status-swatch{background:var(--color-status-offline);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-swatch.online{background:var(--color-status-online)}.status-swatch.busy{background:var(--color-status-busy)}.status-swatch.dnd{background:var(--color-status-dnd)}.dropdown.status-menu{top:auto;bottom:calc(100% + 4px);left:auto;right:var(--space-sm);width:180px}.status-menu button{align-items:center;gap:var(--space-sm);display:flex}.status-menu button svg{margin-left:auto}.page-column{position:relative;container:page/inline-size}.page-toc{pointer-events:none;width:200px;position:absolute;top:0;bottom:0;left:calc(50% + 380px + clamp(32px,4vw,64px))}.page-toc-inner{pointer-events:auto;scrollbar-width:none;max-height:calc(100vh - 160px);overflow-y:auto}.page-toc-inner::-webkit-scrollbar{display:none}.page-toc-item a{-webkit-line-clamp:2;padding:3px 0 3px var(--space-md);color:var(--color-text-muted);font-size:var(--size-sm);border-left:1px solid #0000;-webkit-box-orient:vertical;margin-left:-1px;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;display:-webkit-box;overflow:hidden}.page-toc-item.depth-1 a{padding-left:calc(var(--space-md) + 12px)}.page-toc-item.depth-2 a{padding-left:calc(var(--space-md) + 24px)}.page-toc-item a:hover{color:var(--color-text-primary);border-left-color:var(--color-border-strong)}.page-toc-item.active a{color:var(--color-text-primary);border-left-color:var(--color-text-primary);font-weight:500}.md-page h1,.md-page h2,.md-page h3{scroll-margin-top:var(--space-lg)}@container page (width<=1240px){.page-toc{display:none}}.link-card{max-width:420px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);flex-direction:column;gap:2px;margin:4px 0;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.link-card:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.link-card-title{font-weight:600;font-size:var(--size-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-card-desc{color:var(--color-text-secondary);font-size:var(--size-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.link-card-url{color:var(--color-text-muted);font-size:var(--size-xs);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:2px;display:inline-flex;overflow:hidden}.msg-text{display:block}.message .md-image,.msg-text .md-image{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:auto;max-width:min(420px,100%);height:auto;max-height:320px;margin:4px 0;display:block}.link-insert-row{align-items:flex-end;gap:var(--space-sm);display:flex}.link-insert-row label{flex:1}.link-insert-preview{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);align-self:flex-start;max-width:100%;max-height:180px}.link-insert-card-preview .link-card{pointer-events:none;max-width:none}.hand-queue{top:calc(var(--layout-header) + var(--space-sm));left:var(--space-lg);z-index:4;flex-direction:column;gap:2px;max-width:300px;max-height:50%;margin:0;padding:0;list-style:none;display:flex;position:absolute;overflow-y:auto}.hand-queue li{font-size:var(--size-sm);color:var(--color-text-secondary);align-items:center;gap:6px;padding:2px 0;transition:opacity .2s ease-out;animation:.2s ease-out hand-fade-in;display:flex}.hand-queue li.out{opacity:0}@keyframes hand-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.hand-queue li{transition:none;animation:none}}.hand-queue li>svg{color:var(--color-warning)}.hand-queue-pos{min-width:20px;font-size:var(--size-xs);color:var(--color-text-muted);font-weight:600}.hand-queue-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hand-queue-text strong{color:var(--color-text-primary);font-weight:600}.checkbox.consent{font-size:var(--size-sm);align-items:flex-start;line-height:1.4}.settings-admin-link{margin-top:var(--space-md);color:var(--color-text-link)!important}.mono{font-family:var(--font-mono);font-size:var(--size-xs)}.legal-page{background:var(--color-bg-canvas);min-height:100%;padding:var(--space-xl) var(--space-lg) calc(var(--space-xl) * 2);overflow-y:auto}.legal{max-width:720px;font-family:var(--font-body);color:var(--color-text-primary);margin:0 auto;line-height:1.65}.legal h1{font-family:var(--font-display);margin:var(--space-sm) 0 0}.legal h2{font-size:var(--size-lg);margin:var(--space-xl) 0 var(--space-xs)}.legal ul{padding-left:1.2em}.legal li+li{margin-top:6px}.admin{background:var(--color-bg-canvas);height:100%;display:flex}.admin-sidebar{gap:var(--space-lg);width:232px;padding:var(--space-lg) var(--space-md);background:var(--color-bg-surface-alt);border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;display:flex}.admin-brand{align-items:center;gap:var(--space-sm);padding:0 var(--space-xs);display:flex}.admin-brand strong{font-family:var(--font-display);font-size:var(--size-lg);line-height:1.2;display:block}.admin-brand-icon{border-radius:var(--radius-md);background:var(--color-bg-inverse);width:32px;height:32px;color:var(--color-text-inverse);flex-shrink:0;place-items:center;display:inline-grid}.admin-brand-icon.large{border-radius:var(--radius-card);width:48px;height:48px}.admin-nav{flex-direction:column;gap:2px;display:flex}.admin-nav-item{align-items:center;gap:var(--space-sm);padding:8px var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--size-md);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;display:flex}.admin-nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.admin-nav-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.admin-nav-item[data-state=active]{background:var(--color-bg-active);color:var(--color-text-primary);font-weight:600}.admin-sidebar-foot{align-items:stretch;gap:var(--space-xs);flex-direction:column;margin-top:auto;display:flex}.admin-sidebar-foot .btn{justify-content:flex-start}.admin-timer{padding:0 var(--space-xs) var(--space-xs);font-size:var(--size-xs);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.admin-main{flex:1;min-width:0;overflow-y:auto}.admin-view{max-width:1120px;padding:var(--space-xl) var(--space-xl) calc(var(--space-xl) * 2);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.admin-view[hidden]{display:none}.admin-view:focus-visible{outline:none}.admin-page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-page-header h2{font-family:var(--font-display);font-size:var(--size-display);margin:0;font-weight:500;line-height:1.15}.admin-page-header p{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--size-md);max-width:60ch}.admin-page-actions{align-items:center;gap:var(--space-sm);display:flex}.admin-sub{font-size:var(--size-xs);color:var(--color-text-muted);font-weight:400;display:block}.admin-stats{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.admin-stat{column-gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.admin-stat-icon{border-radius:var(--radius-md);background:var(--color-bg-surface);width:36px;height:36px;color:var(--color-text-secondary);grid-row:1/span 3;place-items:center;display:grid}.admin-stat-label{font-size:var(--size-sm);color:var(--color-text-muted)}.admin-stat-value{font-family:var(--font-display);font-size:var(--size-xl);color:var(--color-text-primary);font-variant-numeric:lining-nums tabular-nums;font-weight:600;line-height:1.25}.admin-stat-hint{font-size:var(--size-xs);color:var(--color-text-muted)}.admin-stat.alert{border-color:var(--color-warning)}.admin-stat.alert .admin-stat-icon{background:var(--color-warning);color:var(--color-text-inverse)}.admin-stat.alert .admin-stat-hint{color:var(--color-text-primary)}.admin-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:hidden}.admin-panel-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);display:flex}.admin-panel-header h3{font-family:var(--font-ui);font-size:var(--size-md);margin:0;font-weight:600}.admin-panel>.error-text,.admin-panel>.muted,.admin-panel>.admin-more{margin:var(--space-md) var(--space-lg)}.admin-health{margin:0;padding:0;list-style:none}.admin-health li{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);font-size:var(--size-md);display:flex}.admin-health li+li{border-top:1px solid var(--color-border-subtle)}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--size-md)}.admin-table th{z-index:1;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);font-size:var(--size-xs);letter-spacing:.02em;color:var(--color-text-secondary);text-align:left;white-space:nowrap;font-weight:600;position:sticky;top:0}.admin-table td{padding:10px var(--space-lg);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;white-space:nowrap}.admin-table td.small{white-space:normal;min-width:180px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:not(.admin-table-empty):hover td{background:var(--color-bg-hover)}.admin-table tr.dim td{color:var(--color-text-muted)}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums}.admin-table .actions{text-align:right;white-space:nowrap;width:1%}.admin-table-empty td{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--color-text-muted)}.admin-user{align-items:center;gap:var(--space-sm);display:flex}.admin-user-name{align-items:center;gap:6px;font-weight:500;display:flex}.admin-badge{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--size-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-weight:500;display:inline-flex}.admin-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.admin-badge.success{color:var(--color-success)}.admin-badge.warning{color:var(--color-text-primary);border-color:var(--color-warning)}.admin-badge.warning:before{background:var(--color-warning)}.admin-badge.danger{color:var(--color-danger-text)}.admin-search{align-items:center;gap:var(--space-xs);background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-input);min-width:260px;color:var(--color-text-muted);flex-direction:row;padding:0 10px}.admin-search:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-bg-active)}.admin-search>input:not([type=checkbox]):not([type=radio]):not([type=range]){box-shadow:none;background:0 0;border:0;flex:1;padding:7px 0}.admin-filter{width:auto;min-width:200px}.admin-menu{z-index:60;min-width:190px;padding:var(--space-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-floating)}.admin-menu-item{align-items:center;gap:var(--space-sm);padding:7px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--size-md);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}.admin-menu-item[data-highlighted]{background:var(--color-bg-hover)}.admin-menu-item.danger{color:var(--color-danger-text)}.admin-row-menu[data-state=open]{background:var(--color-bg-active);color:var(--color-text-primary)}.admin-dialog-overlay{z-index:70;background:var(--color-bg-overlay);position:fixed;inset:0}.admin-dialog{z-index:71;gap:var(--space-md);width:min(460px,100vw - 32px);max-height:calc(100vh - 32px);padding:var(--space-lg) var(--space-xl) var(--space-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.admin-dialog-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.admin-dialog-header h2{font-size:var(--size-xl);margin:0;font-weight:500}.admin-dialog-description{color:var(--color-text-muted);font-size:var(--size-md);margin:0}.admin-dialog-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.admin-form-row{gap:var(--space-md);grid-template-columns:1fr 120px;display:grid}.admin-secret{gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-feature);border-radius:var(--radius-md);flex-direction:column;display:flex}.admin-secret-note{align-items:flex-start;gap:var(--space-sm);font-size:var(--size-sm);margin:0;display:flex}.admin-secret-value{padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);font-size:var(--size-md);word-break:break-all;-webkit-user-select:all;user-select:all;display:block}@media (prefers-reduced-motion:no-preference){.admin-dialog-overlay[data-state=open]{animation:.15s ease-out admin-fade}.admin-dialog[data-state=open],.admin-menu[data-state=open]{animation:.15s ease-out admin-pop}}@keyframes admin-fade{0%{opacity:0}}@keyframes admin-pop{0%{opacity:0;scale:.97}}.admin-settings{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.admin-settings-now{align-items:center;gap:var(--space-md);display:flex}.admin-settings-now>span:last-child{flex-direction:column;display:flex}.admin-settings-of{font-family:var(--font-ui);font-size:var(--size-md);color:var(--color-text-muted);font-weight:400}.admin-settings-limit{max-width:240px}.admin-settings-rules{padding-left:var(--space-lg);gap:var(--space-xs);font-size:var(--size-sm);color:var(--color-text-muted);flex-direction:column;margin:0;display:flex}.admin-settings-form{gap:var(--space-lg);flex-direction:column;display:flex}.admin-settings-foot{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.admin-unlock{height:100%;padding:var(--space-lg);background:var(--color-bg-surface-alt);place-items:center;display:grid}.admin-unlock-card{align-items:stretch;gap:var(--space-md);width:min(380px,100%);padding:var(--space-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);text-align:center;flex-direction:column;display:flex}.admin-unlock-card .admin-brand-icon{margin:0 auto}.admin-unlock-card h1{font-size:var(--size-xl);margin:0;font-weight:500}.admin-unlock-card p{font-size:var(--size-md);margin:0}.admin-unlock-card label{text-align:left}.admin-unlock-back{font-size:var(--size-sm);color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (width<=760px){.admin{flex-direction:column}.admin-sidebar{align-items:center;gap:var(--space-sm);width:auto;padding:var(--space-sm) var(--space-md);border-right:0;border-bottom:1px solid var(--color-border-subtle);flex-direction:row;overflow-x:auto}.admin-brand>span:last-child,.admin-timer{display:none}.admin-nav{flex-direction:row}.admin-sidebar-foot{flex-direction:row;margin:0 0 0 auto}.admin-view{padding:var(--space-lg) var(--space-md) var(--space-xl)}.admin-search{width:100%;min-width:0}.admin-page-actions{width:100%}}.avatar-trigger{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;line-height:0;display:inline-grid}.avatar-trigger:hover .avatar,.avatar-trigger:focus-visible .avatar{filter:brightness(1.08)}.avatar-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.profile-card{z-index:70;perspective:1400px;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed}.profile-card-controls{z-index:2;gap:4px;display:flex;position:absolute;top:8px;right:8px}.profile-card-controls .icon-btn{background:color-mix(in srgb, var(--color-bg-elevated) 70%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.profile-card-inner{transform-style:preserve-3d;cursor:grab;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:relative}.profile-card-inner.flipped{transform:rotateY(180deg)}.profile-card:active .profile-card-inner{cursor:grabbing}.profile-card-face{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);backface-visibility:hidden;overflow:hidden}.profile-card-back{position:absolute;inset:0;transform:rotateY(180deg)}.profile-card-banner{height:88px}.profile-card-back-cover{border:0;border-radius:0;position:absolute;inset:0}.profile-card-avatar-slot{left:var(--space-lg);top:calc(88px - var(--avatar-xl) / 2);box-shadow:0 0 0 4px var(--color-bg-elevated);background:var(--color-bg-elevated);border-radius:50%;display:inline-flex;position:absolute}.profile-card-body{padding:calc(var(--avatar-xl) / 2 + var(--space-sm)) var(--space-lg) var(--space-lg)}.profile-card-name{font-family:var(--font-display);font-size:var(--size-lg);margin:0;font-weight:600}.profile-card-handle{margin:2px 0 var(--space-sm)}.profile-card-status{margin:0 0 var(--space-sm);align-items:center;gap:6px;display:flex}.profile-card-thought{margin:var(--space-sm) 0 0;padding-top:var(--space-sm);border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-style:italic;font-size:var(--size-sm);overflow-wrap:anywhere}.inbox{position:relative}.inbox-badge{position:absolute;top:-2px;right:-2px}.inbox-panel{z-index:30;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:min(340px,100vw - 32px);max-height:min(420px,70vh);box-shadow:var(--shadow-popover);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.inbox-panel-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.inbox-panel-header h3{font-size:var(--size-sm);margin:0;font-weight:600}.inbox-empty{padding:var(--space-lg) var(--space-md);text-align:center}.inbox-list{padding:var(--space-xs);margin:0;list-style:none;overflow-y:auto}.inbox-item{align-items:flex-start;gap:var(--space-sm);text-align:left;width:100%;padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;color:inherit;background:0 0;border:0;display:flex}.inbox-item:hover{background:var(--color-bg-hover)}.inbox-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.inbox-item-body strong{font-size:var(--size-sm);font-weight:500}.inbox-item-body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialog-backdrop{z-index:70;animation:.15s ease-out dialog-fade}.dialog{animation:.18s ease-out dialog-in}.dialog-body{gap:var(--space-md);padding:var(--space-xl);flex-direction:column;display:flex}.dialog-head{align-items:center;gap:var(--space-sm);display:flex}.dialog-title{font-size:var(--size-lg);margin:0;font-weight:600}.dialog-warn{color:var(--color-danger-text)}.dialog-message{color:var(--color-text-secondary);white-space:pre-line;overflow-wrap:anywhere;margin:0}.dialog-actions{justify-content:flex-end;gap:var(--space-sm);margin:0 calc(-1 * var(--space-xl)) calc(-1 * var(--space-xl));padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border-subtle);display:flex}.dialog-actions .btn{padding:var(--space-sm) var(--space-lg);border-radius:0}.dialog-cancel{color:var(--color-text-secondary)}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.dialog-backdrop,.dialog{animation:none}}.toast-stack{z-index:80;right:var(--space-lg);bottom:var(--space-lg);gap:var(--space-sm);flex-direction:column;width:min(320px,100vw - 32px);display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);padding:var(--space-sm) var(--space-md);animation:.2s ease-out toast-in;display:flex}.toast.error{border-left:3px solid var(--color-danger-base)}.toast.clickable{cursor:pointer}.toast.clickable:hover{border-color:var(--color-border-strong)}.toast-body{flex:1;min-width:0}.toast-title{font-size:var(--size-sm);font-weight:600;display:block}.toast-text{font-size:var(--size-sm);color:var(--color-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;display:-webkit-box;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pinned-tag{color:var(--color-text-muted);font-size:var(--size-xs);align-items:center;gap:3px;display:inline-flex}.event-card{background:var(--color-bg-feature);border-radius:var(--radius-md);margin:var(--space-sm) var(--space-sm) 0;position:relative}.event-card-link{color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);text-decoration:none;display:block}.event-card:hover{filter:brightness(1.04)}.event-card-corner{pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:6px;right:6px}.event-card-edit{pointer-events:auto;width:22px;height:22px;padding:0}.event-card-head{font-weight:600;font-size:var(--size-sm);align-items:center;gap:6px;display:flex}.event-live-badge{background:var(--color-danger-base);color:var(--color-text-on-danger);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:3px;padding:0 5px;font-size:9px;font-weight:700;line-height:14px;display:inline-flex}.event-live-badge:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.event-card-meta{gap:var(--space-sm);margin-top:2px;display:flex}.event-card-description{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.event-card-list{gap:var(--space-sm);flex-direction:column;display:flex}.event-card-list .event-card{margin:0}.events-modal{gap:var(--space-xl);grid-template-columns:minmax(0,280px) minmax(0,1fr);min-height:0;display:grid}.events-calendar{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.events-calendar-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.events-calendar-month{text-transform:capitalize;font-weight:600}.calendar-grid{flex-direction:column;gap:4px;display:flex}.calendar-row{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{text-align:center;font-size:var(--size-xs);color:var(--color-text-muted);font-weight:600}.calendar-weekday.sunday{color:var(--color-danger-text)}.calendar-day{aspect-ratio:1;color:var(--color-text-primary);font-size:var(--size-sm);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.calendar-day.empty{cursor:default}.calendar-day.sunday{color:var(--color-danger-text)}.calendar-day.has-events{background:var(--color-bg-feature);font-weight:600}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--color-border-focus)}.calendar-day.selected:not(.has-events){background:var(--color-bg-active)}.calendar-day.selected.has-events{outline:2px solid var(--color-text-primary);outline-offset:2px}.calendar-day:not(.empty):hover{filter:brightness(1.08)}.events-calendar-head,.events-detail-head{min-height:32px}.events-detail{min-width:0;position:relative}.events-detail-inner{gap:var(--space-md);flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.events-detail-head{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.events-detail-date{font-weight:600}.events-detail-body{flex:1;min-height:0;padding-right:2px;overflow-y:auto}.events-detail-body.empty{text-align:center;justify-content:center;align-items:center;display:flex}.message.picker-open .message-actions{display:flex}.message.flash{animation:1.6s ease-out message-flash}@keyframes message-flash{0%,40%{background:var(--color-mention-bg)}}.reply-quote{align-items:center;gap:var(--space-xs);max-width:100%;padding:0 0 0 var(--space-sm);border:0;border-left:2px solid var(--color-border-strong);color:var(--color-text-muted);font:inherit;font-size:var(--size-sm);text-align:left;cursor:pointer;background:0 0;margin:0 0 2px;display:flex}.reply-quote:hover .reply-quote-text{color:var(--color-text-primary)}.reply-quote-author{color:var(--color-text-primary);flex-shrink:0;font-weight:600}.reply-quote-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reactions{gap:var(--space-xs);flex-wrap:wrap;margin-top:4px;display:flex}.reaction{border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-secondary,var(--color-text-primary));font-size:var(--size-sm);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.reaction:hover{border-color:var(--color-border-strong)}.reaction.mine{border-color:var(--color-border-focus);background:color-mix(in srgb, var(--color-border-focus) 16%, var(--color-bg-elevated));color:var(--color-text-primary)}.reaction-count{font-weight:600;font-size:var(--size-xs)}.reaction-picker{z-index:60;width:248px;padding:var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-popover);grid-template-columns:repeat(8,1fr);gap:2px;display:grid;position:fixed}.reaction-picker-item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:18px;display:grid}.reaction-picker-item:hover{background:var(--color-bg-hover)}.composer-reply{align-items:center;gap:var(--space-sm);padding:4px 6px 4px var(--space-sm);border-left:2px solid var(--color-border-focus);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--size-sm);color:var(--color-text-muted);margin-bottom:4px;display:flex}.composer-reply strong{color:var(--color-text-primary)}.composer-reply-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.board{isolation:isolate;border-top:1px solid var(--color-border-subtle);background:var(--color-bg-surface);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.board.hidden{display:none}.board-bar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.board-bar .spacer{flex:1}.board-hint{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-saved{color:var(--color-success,var(--color-text-primary));align-items:center;gap:4px;display:inline-flex}.board-save{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.board-save input{flex:1;min-width:0}.board-canvas{flex:1;min-height:0;position:relative}.board-canvas .excalidraw{position:absolute;inset:0}.board-loading{flex:1;place-items:center;display:grid}.call-btn.attention{animation:1.4s ease-in-out infinite call-attention}@keyframes call-attention{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-border-focus) 40%, transparent)}}@media (prefers-reduced-motion:reduce){.call-btn.attention{box-shadow:0 0 0 3px var(--color-border-focus);animation:none}}.gallery{flex-direction:column;flex:1;min-height:0;display:flex}.gallery-body{padding:var(--space-xl) clamp(var(--space-lg), 4vw, 48px);flex:1;overflow-y:auto}.gallery-empty{max-width:48ch}.gallery-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.gallery-card{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.gallery-thumb{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);cursor:pointer;aspect-ratio:4/3;background:#fff;padding:0;display:block;overflow:hidden}.gallery-thumb:hover{border-color:var(--color-border-strong)}.gallery-thumb img{object-fit:contain;width:100%;height:100%;display:block}.gallery-meta{flex-direction:column;min-width:0;display:flex}.gallery-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gallery-view{gap:var(--space-md);flex-direction:column;display:flex}.gallery-view img{object-fit:contain;border-radius:var(--radius-sm);background:#fff;align-self:center;max-width:100%;max-height:60vh}.gallery-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.gallery-actions .spacer{flex:1}.board-editing{min-width:0;max-width:28ch;padding:0 0 0 var(--space-sm);background:var(--color-bg-hover);border-radius:999px;align-items:center;gap:4px;display:inline-flex}.board-editing strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-gallery-btn{height:36px;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--size-sm);cursor:pointer;box-shadow:var(--shadow-popover);border:0;align-items:center;gap:6px;display:inline-flex}.board-gallery-btn:hover{background:var(--color-bg-hover)}.board-gallery{top:56px;right:var(--space-md);z-index:10;width:min(300px, calc(100% - 2 * var(--space-md)));background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-floating);flex-direction:column;display:flex;position:absolute;bottom:72px}.board-gallery>header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.board-gallery>p{margin:var(--space-md)}.board-gallery ul{padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.board-gallery li{gap:var(--space-sm);align-items:center;min-width:0;display:flex}.board-gallery li img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:#fff;flex-shrink:0;width:72px;height:54px}.board-gallery li>div{flex-direction:column;gap:4px;min-width:0;display:flex}.board-gallery li strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-gallery-actions{gap:var(--space-xs);display:flex}.call-btn.stop-share,.floating-dock .icon-btn.stop-share{width:auto;padding:0 var(--space-md);background:var(--color-danger-base);color:var(--color-text-on-danger);font-size:var(--size-sm);border-color:#0000;border-radius:999px;align-items:center;gap:6px;font-weight:600;display:inline-flex}.call-btn.stop-share:hover:not(:disabled),.floating-dock .icon-btn.stop-share:hover:not(:disabled){background:var(--color-danger-hover,var(--color-danger-base));filter:brightness(1.1)}.call-btn.leave-stream,.floating-dock .icon-btn.leave-stream{width:auto;padding:0 var(--space-md);font-size:var(--size-sm);border-color:var(--color-warning);color:var(--color-warning);border-radius:999px;align-items:center;gap:6px;font-weight:600;display:inline-flex}.live-chip{background:var(--color-danger-base);height:18px;color:var(--color-text-on-danger);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 7px;font-size:10px;font-weight:700;animation:2.6s ease-in-out infinite live-glow;display:inline-flex}.live-chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2.6s ease-in-out infinite live-dot}@keyframes live-dot{50%{opacity:.4}}@keyframes live-glow{50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger-base) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.live-chip,.live-chip-dot{animation:none}}.voice-group.live{border-color:color-mix(in srgb, var(--color-danger-base) 60%, transparent);background:color-mix(in srgb, var(--color-danger-base) 10%, var(--color-bg-elevated))}.live-event-pill{align-items:center;gap:var(--space-sm);min-width:0;max-width:32ch;height:28px;padding:0 var(--space-sm);margin-right:var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);font-size:var(--size-sm);border-radius:999px;font-weight:500;display:inline-flex}.live-event-pill-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-card-footer{align-items:center;gap:4px;margin-top:6px;display:flex}.header-menu{position:relative}.header-menu-panel{z-index:30;min-width:220px;padding:var(--space-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0}.header-menu-panel button{align-items:center;gap:var(--space-sm);text-align:left;padding:6px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--size-md);background:0 0;border:0;display:flex}.header-menu-panel button:hover{background:var(--color-bg-hover)}.avatar-hold-ring{pointer-events:none;width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;inset:-9px;overflow:visible;transform:rotate(-90deg)}.avatar-hold-ring circle{fill:none;stroke:color-mix(in srgb, var(--color-text-primary) 38%, transparent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0;transition:stroke-dashoffset .15s ease-out,opacity .15s}.holding>.avatar-hold-ring circle{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .9s linear,opacity .1s}.voice-avatar-wrap{display:inline-grid;position:relative}.notice-add.large{width:26px;height:26px;top:4px;left:4px}.notice-section+.notice-section{margin-top:calc(var(--space-xl) * 1.5)}.pinned-list{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.pinned-card{height:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-bg-elevated);color:var(--color-text-primary);flex-direction:column;gap:6px;text-decoration:none;transition:border-color .15s;display:flex}.pinned-card:hover,.pinned-card:focus-visible{border-color:var(--color-border-strong)}.pinned-card-head{align-items:center;gap:var(--space-xs);min-width:0;font-size:var(--size-sm);display:flex}.pinned-card-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pinned-card-head .muted{flex-shrink:0}.pinned-card-text{font-family:var(--font-body);font-size:var(--size-sm);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.pinned-card-foot{align-items:center;gap:4px;margin-top:auto;display:flex}.channel.sidebar-notes-toggle{color:var(--color-text-muted);font-size:var(--size-sm)}.sidebar-notes-toggle .notice-board-count{margin-left:auto}.sidebar-notes{margin:0 0 var(--space-xs);padding:var(--space-xs) 30px var(--space-xs) calc(var(--space-sm) + var(--icon-sm,16px) + 6px);position:relative}.note-nav{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:0;place-items:center;padding:0;transition:opacity .15s,color .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.note-nav.prev{left:1px}.note-nav.prev svg{transform:rotate(90deg)}.note-nav.next{right:0}.note-nav.next svg{transform:rotate(-90deg)}.sidebar-notes:hover .note-nav,.note-nav:focus-visible{opacity:.7}.sidebar-notes:hover .note-nav:hover,.note-nav:focus-visible{opacity:1;color:var(--color-text-primary)}@media (hover:none){.note-nav{opacity:.5}}.sidebar-note{align-items:center;gap:var(--space-sm);min-width:0;height:calc(var(--size-sm) * 1.35 * 2 + 14px);display:flex}.sidebar-note .avatar-trigger{flex-shrink:0}.sidebar-note .thought{flex:0 auto;min-width:0;max-width:100%;margin:0}.sidebar-note .thought-text{-webkit-line-clamp:2}.sidebar-note .thought-dot.big{top:calc(50% - 4px);bottom:auto;left:-4px}.sidebar-note .note-avatar{animation:.6s ease-out both note-fade}.sidebar-note .thought{transform-origin:0;animation:.4s cubic-bezier(.2,.9,.3,1.3) .3s both note-pop}@keyframes note-fade{0%{opacity:0}}@keyframes note-pop{0%{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.sidebar-note .note-avatar,.sidebar-note .thought{animation:none}}.home-toc.column{display:none}.home-toc-desc{margin:0 0 4px}.home-toc .member-nav-name{color:var(--color-text-secondary);text-decoration:none}.home-toc .member-nav-item svg{color:var(--color-text-muted);flex-shrink:0}.home-toc-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.home-toc-head h3{margin:0 0 var(--space-sm)}.home-toc-edit{margin-bottom:var(--space-sm);opacity:0;transition:opacity .15s}.home-toc:hover .home-toc-edit,.home-toc-edit:focus-visible{opacity:1}@media (hover:none){.home-toc-edit{opacity:.6}}.home-toc-empty{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.home-toc-empty p{margin:0}.home-toc.inline{margin:0 0 var(--space-lg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);font-size:var(--size-md)}.home-toc.inline summary{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--size-sm);cursor:pointer;font-weight:600;display:flex}.home-toc-inline-body{padding:0 var(--space-md) var(--space-md);position:relative}.home-toc-inline-body>.home-toc-edit{top:-34px;right:var(--space-sm);opacity:1;position:absolute}.home-toc.inline .home-toc-sections{gap:var(--space-md) var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.home-toc.inline .member-nav-group+.member-nav-group{margin-top:0}@media (width>=1500px){.notion-layout.has-toc,.notice-board.with-toc{grid-template-columns:200px minmax(0,1fr) 200px}.notice-board.with-toc .notice-section{grid-column:2}.home-toc.column{display:block}.home-toc.inline{display:none}}@media (width>=1600px){.notion-layout.has-toc,.notice-board.with-toc{grid-template-columns:var(--layout-member-list) minmax(0, 1fr) var(--layout-member-list)}}.toc-editor{gap:var(--space-md);flex-direction:column;display:flex}.toc-folder{gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);flex-direction:column;display:flex}.toc-folder-head{align-items:center;gap:var(--space-xs);display:flex}.toc-folder-head input{flex:1;min-width:0;font-weight:600}.toc-pages{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.toc-pages li{align-items:center;gap:var(--space-xs);padding:2px 0 2px var(--space-sm);border-radius:var(--radius-sm);display:flex}.toc-pages li:hover{background:var(--color-bg-hover)}.toc-pages .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.flip-up{transform:rotate(180deg)}.tooltip{z-index:200;background:var(--color-text-primary);max-width:260px;color:var(--color-bg-canvas);font-family:var(--font-ui);font-size:var(--size-xs);letter-spacing:.01em;text-align:center;overflow-wrap:anywhere;pointer-events:none;border-radius:8px;padding:5px 10px;font-weight:500;line-height:1.35;animation:.14s ease-out both tooltip-in;position:fixed;box-shadow:0 6px 18px #00000047}.tooltip.top{transform:translate(-50%,-100%)}.tooltip.bottom{transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0;margin-top:3px}}.tooltip.bottom{animation-name:tooltip-in-bottom}@keyframes tooltip-in-bottom{0%{opacity:0;margin-top:-3px}}@media (prefers-reduced-motion:reduce){.tooltip{animation:none}}.collapsible{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .28s,opacity .22s;display:grid}.collapsible.closed{opacity:0;grid-template-rows:0fr}.collapsible-inner{min-height:0;margin:-6px -4px -4px;padding:6px 4px 4px;overflow:hidden}.reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(10px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.collapsible,.notice-board-head,.reveal{transition:none}.reveal{opacity:1;transform:none}}.room-chat-title{z-index:3;align-items:center;gap:var(--space-sm);width:100%;height:var(--layout-header);padding:0 var(--space-md);border:0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--size-lg);text-align:left;cursor:pointer;font-weight:600;display:flex;position:sticky;top:0}.room-chat-title:hover{background:var(--color-bg-hover)}.room-chat-fab{right:var(--space-lg);bottom:var(--space-lg);z-index:20;background:var(--color-bg-elevated);box-shadow:var(--shadow-floating);position:absolute}.room-chat-fab.open{background:color-mix(in srgb, var(--color-text-primary) 20%, var(--color-bg-elevated))}.room-chat-fab.over-board{bottom:calc(var(--space-lg) + 52px)}.voice-main{isolation:isolate}.room-wallpaper{--wp-ink:color-mix(in srgb, var(--color-text-primary) 9%, transparent);z-index:-1;pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.room-wallpaper.wp-halftone{background-image:radial-gradient(circle, var(--wp-ink) 1.7px, transparent 2.1px);background-size:13px 13px;-webkit-mask-image:linear-gradient(135deg,#000 0%,#0000 72%);mask-image:linear-gradient(135deg,#000 0%,#0000 72%)}.room-wallpaper.wp-grid{background-image:radial-gradient(circle, var(--wp-ink) 1.1px, transparent 1.5px);background-size:18px 18px}.room-wallpaper.wp-diamond{background-image:radial-gradient(circle, var(--wp-ink) 1.4px, transparent 1.8px), radial-gradient(circle, var(--wp-ink) 1.4px, transparent 1.8px);background-position:0 0,10px 10px;background-size:20px 20px}.room-wallpaper.wp-spot{background-image:radial-gradient(circle, var(--wp-ink) 2px, transparent 2.5px);background-size:14px 14px;-webkit-mask-image:radial-gradient(at 50% 42%,#000 0%,#0000 72%);mask-image:radial-gradient(at 50% 42%,#000 0%,#0000 72%)}.room-wallpaper.wp-fine{background-image:radial-gradient(circle, var(--wp-ink) .8px, transparent 1.2px);background-size:6px 6px;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.room-wallpaper.wp-big{background-image:radial-gradient(circle, var(--wp-ink) 3.4px, transparent 3.9px);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 100% 100%,#000 0%,#0000 70%)}.room-wallpaper-wrap{left:var(--space-lg);bottom:var(--space-lg);z-index:20;position:absolute}.room-wallpaper-fab{background:var(--color-bg-elevated);box-shadow:var(--shadow-floating)}.room-wallpaper-fab.open{background:color-mix(in srgb, var(--color-text-primary) 20%, var(--color-bg-elevated))}.wallpaper-menu{left:0;bottom:calc(100% + var(--space-sm));gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-popover);grid-template-columns:repeat(3,64px);animation:.18s ease-out wallpaper-menu-in;display:grid;position:absolute}.wallpaper-swatch{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-canvas);width:64px;height:46px;color:var(--color-text-muted);cursor:pointer;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.wallpaper-swatch:hover{border-color:var(--color-border-strong)}.wallpaper-swatch.selected{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.wallpaper-swatch .room-wallpaper{--wp-ink:color-mix(in srgb, var(--color-text-primary) 38%, transparent);z-index:0}@keyframes wallpaper-menu-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.wallpaper-menu{animation:none}}