.app-titlebar{background:var(--surface);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;height:36px;padding:0 8px;display:flex}.drag-area{-webkit-app-region:drag;flex:1;align-items:center;gap:8px;display:flex}.app-title{color:var(--accent);font-size:13px;font-weight:800}.window-controls{z-index:2400;gap:6px;display:flex;position:relative}.window-controls .wc{color:var(--muted);-webkit-app-region:no-drag;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:28px;font-size:12px;display:inline-flex}.window-controls .wc:hover{color:var(--text);background:#ffffff05}.window-controls .wc-close{color:#07121a;background:linear-gradient(90deg,#ff6b6b,#ff4a4a)}.window-controls .wc-close:hover{filter:brightness(.95)}:root{--bg:#05060a;--surface:#0b1220;--surface-translucent:#00000057;--surface-opaque:#07101a;--muted:#9aa4b2;--text:#e6eef8;--accent:#4c7ba1;--accent-2:#3b6b77;--card:#071018;--danger:#ff6b6b}*{box-sizing:border-box}:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--fs-1:20px;--fs-2:16px;--lh-body:1.45;--header-height:80px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}html,body,#root,.app,.workspace,.container{height:100%;min-height:100%}.container>.feed,.container>.sidebar,.main-column{padding-bottom:92px}.feed,.sidebar,.auth{overflow:auto}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex:0 0 var(--header-height);-webkit-app-region:drag;background:linear-gradient(#00000040,#ffffff03);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.site-header *{-webkit-app-region:no-drag}.title{letter-spacing:.6px;font-size:24px;font-weight:700;font-family:Orbitron, var(--font-sans);color:var(--text);text-shadow:0 2px 18px #27415614;align-items:center;gap:12px;display:flex}.beta{color:var(--accent);background:linear-gradient(90deg,#2741560f,#3b6b770a);border:1px solid #ffffff05;border-radius:999px;margin-left:8px;padding:4px 8px;font-size:11px;font-weight:600}.header-actions{gap:8px;display:flex}.site-logo{border-radius:8px;width:auto;height:44px;display:block;box-shadow:0 8px 28px #2741560f}.container{grid-template-columns:260px 1fr 320px;align-items:start;gap:20px;width:1200px;max-width:96%;margin:24px auto;display:grid}.auth{grid-column:1/2}.feed{grid-column:2/3}.sidebar{grid-column:3/4}.auth-row{align-items:center;gap:8px;display:flex}.input{background:var(--surface);color:var(--text);font-size:var(--fs-2);border:1px solid #ffffff0f;border-radius:8px;outline:none;padding:10px 12px}.textarea{background:var(--surface);width:100%;color:var(--text);resize:vertical;font-size:var(--fs-2);line-height:var(--lh-body);border:1px solid #ffffff0f;border-radius:8px;padding:10px}.post-box{background:var(--surface);border:1px solid #ffffff08;border-radius:12px;padding:12px;box-shadow:0 10px 30px #000c}.feed-title{color:var(--muted);margin:0 0 8px;font-size:14px}.feed .post-card{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:6px 0 40px;transition:none;display:flex;position:relative;overflow:visible}.feed .post-card:hover{box-shadow:none;background:linear-gradient(90deg,#4c7ba108,#3b6b7705);transition:transform .12s,background .18s;transform:translateY(-2px)}.post-header{align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.avatar{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226;border:1px solid #ffffff0a;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}.post-author-name{color:var(--text);letter-spacing:.2px;font-size:14px;font-weight:700}.post-meta{color:var(--muted);margin-left:auto;font-size:12px}.post-content{color:#e6eef8f2;margin-top:4px;font-size:14px;line-height:1.45}.post-separator{background:linear-gradient(90deg,#0000,#ffffff08,#0000);height:1px;margin:8px 0 8px 52px}.feed .post-card .post-content,.feed .post-card .post-actions,.feed .post-card .reaction-users,.feed .post-card .post-thread,.feed .post-card .reply-item{margin-left:52px}.post-content p,.reply-content p{margin:0 0 .75em}.post-content p:last-child,.reply-content p:last-child{margin-bottom:0}.post-content h1,.post-content h2,.post-content h3,.reply-content h1,.reply-content h2,.reply-content h3{margin:.2em 0 .55em;line-height:1.25}.post-content ul,.post-content ol,.reply-content ul,.reply-content ol{margin:.35em 0 .8em 1.25em;padding:0}.post-content li,.reply-content li{margin:.2em 0}.post-content blockquote,.reply-content blockquote{color:#e6eef8c7;border-left:3px solid #ffffff2e;margin:.6em 0;padding:.15em 0 .15em .9em}.post-content hr,.reply-content hr{border:0;border-top:1px solid #ffffff1f;margin:.9em 0}.post-content pre,.reply-content pre{white-space:pre-wrap;background:#00000047;border:1px solid #ffffff0f;border-radius:12px;margin:.8em 0;padding:12px 14px;overflow:auto}.post-content code,.reply-content code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.92em}.post-content :not(pre)>code,.reply-content :not(pre)>code{color:#f3f7fb;background:#ffffff14;border-radius:6px;padding:.14em .42em}.post-content pre code,.reply-content pre code{color:inherit;background:0 0;padding:0;display:block}.post-content em,.reply-content em{font-style:italic}.post-content del,.reply-content del{color:#e6eef8b8;text-decoration:line-through}.post-content u,.reply-content u{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.post-rich-text,.post-rich-text p,.post-rich-text li,.post-rich-text blockquote{white-space:pre-wrap}.post-content>div,.reply-content>div{min-width:0}.flagged{color:var(--danger);margin-top:8px;font-weight:600}.post-card .post-actions{justify-content:space-between;align-items:center;margin-top:12px;padding:6px 4px;display:flex}.post-card .post-actions .actions-left,.post-card .post-actions .actions-right{align-items:center;gap:8px;display:flex}.reactions{align-items:center;gap:6px;display:flex}.reaction-btn{background:var(--surface);cursor:pointer;color:var(--muted);border:1px solid #ffffff08;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-weight:700;transition:all .12s;display:inline-flex}.reaction-btn:hover{color:#061226;background:linear-gradient(90deg,#2741560f,#3b6b770a);border:none;transform:translateY(-2px)}.post-card .msg-actions{opacity:0;transition:opacity .14s}.post-card:hover .msg-actions{opacity:1}.post-card .post-actions .icon-btn{background:var(--surface);width:40px;height:40px;color:var(--muted);cursor:pointer;border:1px solid #ffffff08;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:inline-flex}.post-card .post-actions .icon-btn svg{width:18px;height:18px}.post-card .post-actions .icon-btn:hover{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226;transform:translateY(-3px);box-shadow:0 12px 30px #0009}.post-card .post-actions .icon-btn:active{transform:translateY(-1px)}.post-card .post-actions .icon-btn.danger{color:var(--danger);border-color:#ff6b6b1f}.post-card .post-actions .icon-btn.danger:hover{color:#061226;background:linear-gradient(90deg,#ff7b7b,#ff2b6a);border:none}@media (width<=980px){.post-card .post-actions .icon-btn{width:36px;height:36px}.reaction-btn{padding:6px 8px}}.post-card .post-actions .icon-btn{position:relative}.post-card .post-actions .icon-btn[data-label]:after{content:attr(data-label);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#080c14e6;border-radius:8px;padding:6px 8px;font-size:12px;transition:all .12s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 6px 18px #0009}.post-card .post-actions .icon-btn[data-label]:before{content:"";transform-origin:50%;opacity:0;background:#080c14e6;border-radius:2px;width:8px;height:8px;transition:all .12s;position:absolute;bottom:92%;left:50%;transform:translate(-50%)rotate(45deg)}.post-card .post-actions .icon-btn[data-label]:hover:after{opacity:1;transform:translate(-50%)translateY(-12px)}.post-card .post-actions .icon-btn[data-label]:hover:before{opacity:1;bottom:94%}.post-card .post-actions .icon-btn:not(.danger):hover{color:var(--text);background:linear-gradient(90deg,#2563eb14,#7c3aed0f);border:none}.post-card .post-actions .actions-left .reaction-summary{background:#0000000a;border-radius:8px;margin-left:4px;padding:6px 8px}.post-card .post-actions .icon-btn,.post-card .post-actions .reaction-btn,.post-card .post-actions .reaction-summary{opacity:0;pointer-events:none;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .18s;transform:translate(8px)translateY(0)scale(.98)}.feed .post-card .post-actions .icon-btn,.feed .post-card .post-actions .reaction-btn,.feed .post-card .post-actions .reaction-summary{opacity:0;pointer-events:none;transform:translate(8px)scale(.98)}.modal-fullscreen{height:88vh;padding:14px}.feed .post-card .post-actions .actions-right .icon-btn:last-child{transition-delay:0s}.feed .post-card .post-actions .actions-right .icon-btn:nth-last-child(2){transition-delay:60ms}.feed .post-card .post-actions .actions-right .icon-btn:nth-last-child(3){transition-delay:.12s}.feed .post-card .post-actions .actions-right .icon-btn:nth-last-child(4){transition-delay:.18s}.feed .post-card .post-actions .actions-right .icon-btn:nth-last-child(5){transition-delay:.24s}.feed .post-card .post-actions .actions-right .icon-btn:nth-last-child(6){transition-delay:.3s}.feed .post-card .post-actions .actions-left .reaction-btn{transition-delay:.32s}.feed .post-card .post-actions .actions-left .reaction-summary{transition-delay:.34s}.shift-pressed .feed .post-card:hover .post-actions .icon-btn,.shift-pressed .feed .post-card:focus-within .post-actions .icon-btn,.shift-pressed .feed .post-card:hover .post-actions .reaction-btn,.shift-pressed .feed .post-card:focus-within .post-actions .reaction-btn,.shift-pressed .feed .post-card:hover .post-actions .reaction-summary,.shift-pressed .feed .post-card:focus-within .post-actions .reaction-summary,.shift-pressed .feed .post-card:hover .btn.icon-btn,.shift-pressed .feed .post-card:focus-within .btn.icon-btn,.shift-pressed .feed .post-card:hover .icon-btn,.shift-pressed .feed .post-card:focus-within .icon-btn{opacity:1!important;pointer-events:auto!important;transform:translate(0)scale(1)!important}.feed .post-card .btn.icon-btn,.feed .post-card .icon-btn{opacity:0!important;pointer-events:none!important;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .18s!important;transform:translate(8px)scale(.98)!important}.feed .post-card:hover .btn.icon-btn,.feed .post-card:focus-within .btn.icon-btn,.feed .post-card:hover .icon-btn,.feed .post-card:focus-within .icon-btn{opacity:1!important;pointer-events:auto!important;transform:translate(0)scale(1)!important}.feed .post-card .post-actions button.icon-btn,.feed .post-card .post-actions .btn.icon-btn,.feed .post-card .post-actions .icon-btn,.feed .post-card .post-actions .reaction-btn,.feed .post-card .post-actions .reaction-summary{opacity:0!important;pointer-events:none!important;transform:translate(8px)scale(.98)!important}.feed .post-card:hover .post-actions button.icon-btn,.feed .post-card:focus-within .post-actions button.icon-btn,.feed .post-card:hover .post-actions .btn.icon-btn,.feed .post-card:focus-within .post-actions .btn.icon-btn,.feed .post-card:hover .post-actions .icon-btn,.feed .post-card:focus-within .post-actions .icon-btn,.feed .post-card:hover .post-actions .reaction-btn,.feed .post-card:focus-within .post-actions .reaction-btn,.feed .post-card:hover .post-actions .reaction-summary,.feed .post-card:focus-within .post-actions .reaction-summary{opacity:1!important;pointer-events:auto!important;transform:translate(0)scale(1)!important}.post-card:focus-within .post-actions .icon-btn,.post-card:hover .post-actions .icon-btn,.post-card:focus-within .post-actions .reaction-btn,.post-card:hover .post-actions .reaction-btn,.post-card:focus-within .post-actions .reaction-summary,.post-card:hover .post-actions .reaction-summary{opacity:1;pointer-events:auto;transform:translate(0)translateY(0)scale(1)}.post-card .post-actions .actions-right .icon-btn:last-child{transition-delay:0s}.post-card .post-actions .actions-right .icon-btn:nth-last-child(2){transition-delay:40ms}.post-card .post-actions .actions-right .icon-btn:nth-last-child(3){transition-delay:80ms}.post-card .post-actions .actions-right .icon-btn:nth-last-child(4){transition-delay:.12s}.post-card .post-actions .actions-right .icon-btn:nth-last-child(5){transition-delay:.16s}.post-card .post-actions .actions-right .icon-btn:nth-last-child(6){transition-delay:.2s}.post-card .post-actions .actions-left .reaction-btn{transition-delay:.22s}.post-card .post-actions .actions-left .reaction-summary{transition-delay:.24s}.post-card .post-actions .icon-btn:focus{opacity:1;pointer-events:auto;transform:translate(0)}.reply-count{color:var(--muted);background:var(--surface);border:1px solid #ffffff05;border-radius:999px;padding:6px 8px;font-size:13px}.post-thread{margin-top:10px;padding-left:56px;position:relative}.post-thread:before{content:"";background:linear-gradient(#1b2430,#0b1220);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:28px}.reply-item{align-items:flex-start;gap:10px;margin:8px 0;padding-left:6px;display:flex}.reply-avatar{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226;border:1px solid #ffffff08;border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.reply-body{background:var(--surface);border-radius:8px;padding:6px 10px}.reply-meta{color:var(--muted);margin-bottom:6px;font-size:13px}.reply-time{color:var(--muted);margin-left:8px;font-size:12px}.reply-content{color:#e6eef8f2;font-size:14px;line-height:1.4}.reaction-btn.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226;border:none}.reaction-users{align-items:center;gap:6px;margin-top:6px;display:flex}.reaction-users .ru{background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:flex}.reaction-users .ru .remove{color:var(--danger);cursor:pointer;margin-left:6px}.post-author{color:var(--accent);background:0 0;border-radius:999px;margin-right:10px;padding:0;font-size:14px;font-weight:700;display:inline-block}.post-card>div[style]{margin-bottom:8px}.admin-badge{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:800;box-shadow:0 6px 24px #ff2bd60f}.sidebar .box{background:var(--surface-translucent);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff0f;border-radius:16px;margin-bottom:12px;padding:12px;box-shadow:0 18px 40px #00000061}.stage-bar{box-sizing:border-box;background:var(--surface-translucent);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff0d;border-radius:18px;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex;overflow-x:auto;box-shadow:0 18px 40px #00000057}.stage-bar .btn{border-radius:10px;min-width:74px;padding:8px 10px}.stage-bar .messages-badge{background:linear-gradient(90deg,var(--accent),#5bb3ff);color:#061226;text-align:center;border-radius:8px;min-width:28px;padding:4px 6px;font-size:12px;font-weight:700;box-shadow:0 6px 18px #1b243073}.system-pill{color:#061226;background:linear-gradient(90deg,#0b74ff,#5bb3ff);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800}.system-banner{font-size:13px}.scrolls-panel{opacity:0;width:0;transition:width .32s cubic-bezier(.2,.9,.2,1),opacity .28s,transform .28s;overflow:hidden;transform:translate(-6px)}.scrolls-panel.open{opacity:1;width:220px;transform:none}.scrolls-panel>div{padding:6px}.channel-sidebar{background:var(--surface-translucent);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff0f;border-radius:16px;padding:12px;box-shadow:0 18px 40px #00000061}.channel-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.channel-list{flex-direction:column;gap:8px;display:flex}.channel-list .btn{text-transform:capitalize;justify-content:flex-start;padding:8px 12px}@media (width<=980px){.container{grid-template-columns:1fr;gap:12px}.channel-sidebar,.sidebar{display:none!important}.sidebar{order:3}.auth{order:1}.feed{order:2}}@media (width<=600px){:root{--header-height:56px;--fs-1:18px;--fs-2:15px}.site-header{padding:10px 12px}.title{font-size:18px}.container{margin:12px}}@media (hover:none) and (pointer:coarse){.btn{min-width:48px;min-height:48px;padding:14px 16px}.icon-btn{border-radius:10px;min-width:48px;min-height:48px;padding:12px}.m-btn{min-height:48px;padding:14px 16px}.small-action,.action-icon{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.hover-reveal{opacity:1!important;pointer-events:auto!important;display:block!important}.hover-only{display:none!important}.channel-list .btn,.channel-list button{text-align:left;min-height:44px;padding:12px 14px}}@media (width<=800px){.btn{padding:12px 14px}.icon-btn{padding:10px}}.site-header .header-actions{gap:6px}.mobile-bottom-nav{z-index:2200;background:linear-gradient(#0b121cfa,#0b121cfa);border-top:1px solid #ffffff0a;justify-content:space-around;align-items:center;padding:8px 6px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav .m-btn{color:var(--muted);background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:6px 8px;font-size:12px;display:flex}.mobile-bottom-nav .m-btn.active{color:var(--accent)}.fixed-message-bar{border-radius:12px;width:auto;padding:10px;left:8px;right:8px}.modal-fullscreen{background:var(--surface);z-index:2400;padding:12px;position:fixed;inset:0;overflow:auto}.mobile-panel-backdrop{z-index:2300;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-panel{background:var(--surface);border-top-left-radius:12px;border-top-right-radius:12px;width:100%;max-height:86vh;padding:12px;overflow:auto;box-shadow:0 -12px 40px #0009}.mobile-panel .panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mobile-panel .panel-handle{background:#ffffff0f;border-radius:4px;width:36px;height:4px;margin:8px auto}@media (width<=600px){.fixed-message-bar{bottom:calc(var(--header-height,56px) + 12px);z-index:2501}.user-status-widget{bottom:calc(var(--header-height,56px) + 18px);z-index:2502}.mobile-panel-backdrop .fixed-message-bar{bottom:calc(86vh + 18px)}}.fixed-message-bar{pointer-events:auto;max-width:calc(100% - 24px);position:fixed;bottom:12px;left:12px;right:12px;z-index:3000!important}@media (width<=600px){.fixed-message-bar{bottom:8px;left:8px;right:8px}}.fixed-message-bar.debug-visibility{z-index:2147483647!important;background:#ff000014!important;border:2px dashed #f009!important;position:fixed!important;bottom:12px!important;left:12px!important;right:auto!important}.user-status-widget{z-index:3001!important}.glance-overlay{font-family:var(--font-sans)}.glance-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#02060c99,#02060c8c);position:absolute;inset:0}.glance-dialog{background:linear-gradient(180deg,var(--surface),var(--surface-opaque));border:1px solid #ffffff08;border-radius:12px;flex-direction:column;width:min(980px,95%);height:min(640px,90%);animation:.16s glance-pop;display:flex;overflow:hidden;transform:translateY(0);box-shadow:0 30px 80px #000000b3}.glance-header{border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:center;padding:12px;display:flex}.glance-title{flex-direction:column;display:flex}.glance-name{font-size:16px;font-weight:900}.glance-sub{color:var(--muted);font-size:13px}.glance-tabs{align-items:center;gap:8px;display:flex}.glance-body{flex:1;display:flex;overflow:hidden}.glance-left{background:linear-gradient(#0b101899,#080c1499);border-right:1px solid #ffffff05;flex:0 0 340px;padding:12px;overflow:auto}.glance-right{flex:1;padding:20px;overflow:auto}.glance-welcome h3{margin:0;font-size:20px}.glance-welcome .muted{color:var(--muted);margin-top:8px}.glance-pane{opacity:0;transition:all .18s cubic-bezier(.2,.9,.3,1);display:none;transform:translate(-6px)}.glance-pane.active{opacity:1;display:block;transform:none}@keyframes glance-pop{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:none}}@media (width<=980px){.glance-dialog{width:96%;height:86vh}.glance-left{flex:0 0 44%}}.glance-right h3{margin:0 0 6px}.glance-right .muted{color:var(--muted)}.glance-right .btn{min-width:88px}.notification-row img,.friend-row img{object-fit:cover;border-radius:6px;width:100%;height:100%}.notification-row{transition:background .12s,transform .14s}.notification-row:hover{background:linear-gradient(90deg,#4c7ba108,#3b6b7705);transform:translateY(-2px)}.scroll-row{transition:background .12s,transform .14s}.scroll-row:hover{background:linear-gradient(90deg,#4c7ba108,#3b6b7705);transform:translateY(-2px)}.friend-row{transition:background .12s,transform .14s}.friend-row:hover{background:linear-gradient(90deg,#4c7ba108,#3b6b7705);transform:translateY(-2px)}.glance-pane{transition:opacity .18s,transform .18s cubic-bezier(.2,.9,.3,1)}.glance-pane.active{opacity:1;transform:none}.glance-embed,.glance-attach{margin-bottom:10px}.glance-embed img,.glance-attach img{border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 12px 30px #00000080}.glance-embed a{color:var(--accent);text-decoration:underline}.glance-embed img,.glance-attach img{filter:blur(1.6px);transition:filter .28s,transform .18s}:is(.glance-embed img:loaded,.glance-attach img:loaded){filter:none}.glance-embed img[loading=lazy]{will-change:filter,transform}.glance-lightbox{z-index:4500;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.glance-lightbox img{border-radius:8px;max-width:92%;max-height:92%;box-shadow:0 30px 80px #000c}.glance-lightbox .close-btn{color:var(--text);background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;padding:8px 10px;position:fixed;top:18px;right:18px}.workspace{min-height:0;height:calc(100vh - var(--header-height) - 92px);flex:1;align-items:flex-start;gap:12px;padding:0 12px;display:flex}.workspace .scrolls-panel{align-self:stretch;min-height:0;overflow:auto}.main-column{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.container{flex:1;grid-template-columns:260px 1fr 320px;grid-auto-rows:1fr;height:100%;min-height:0;display:grid}.container>.auth,.container>.feed,.container>.sidebar{height:100%;min-height:0;overflow:auto}.sidebar{min-height:0;overflow:auto}.stage-bar{flex:none}.scrolls-panel.open>div{height:calc(100vh - 96px);overflow:auto}.post-box .toolbar{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.post-box .toolbar .actions{gap:8px;display:flex}.btn{color:var(--text);cursor:pointer;letter-spacing:.3px;background:0 0;border:1px solid #ffffff0f;border-radius:10px;padding:8px 12px;font-weight:700}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226;border:none;box-shadow:0 8px 40px #27415614}.btn.ghost{background:0 0;border:1px solid #ffffff08}.btn:hover{transition:all .14s;transform:translateY(-2px)}.icon-btn{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:inline-flex}.icon-btn svg{width:16px;height:16px}.icon-btn.danger{color:var(--danger);border-color:#ff6b6b26}.site-header .icon-btn{color:var(--text);-webkit-app-region:no-drag;z-index:2400;background:#ffffff05;border:1px solid #ffffff0a;transition:all .12s,background .12s,transform .12s;position:relative;box-shadow:0 6px 18px #00000073}.site-header .icon-btn:hover{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#061226;border:none;transform:translateY(-2px)}.site-header .icon-btn.close,.site-header .icon-btn.danger{color:var(--danger);border-color:#ff6b6b1f}.site-header .icon-btn.close:hover,.site-header .icon-btn.danger:hover{color:#061226;background:linear-gradient(90deg,#ff7b7b,#ff2b6a)}.fixed-message-bar{background:var(--surface-opaque);z-index:1300;border-radius:14px;align-items:center;gap:8px;width:min(840px,86%);padding:6px;display:flex;position:fixed;bottom:6px;left:auto;right:12px;transform:none;box-shadow:0 8px 20px #0009}.fixed-message-bar.compact{bottom:6px}.user-status-widget{z-index:1600;position:fixed;bottom:14px;right:24px}.fixed-message-bar .user-status-widget{margin-right:6px;position:static;bottom:auto;right:auto}.fixed-message-bar .user-status-widget>div{border-radius:14px;align-items:center;padding:6px 8px;display:flex}.fixed-message-bar .user-status-widget .btn{padding:6px 8px;font-size:12px}.fixed-message-bar .user-status-widget .avatar{width:32px;height:32px}.clean-ui .user-status-widget{right:18px}.dropdown-trigger{color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.dropdown-trigger span{font-size:13px}.dropdown-menu{position:relative}.dropdown-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px;display:flex}.dropdown-item:hover{background:#ffffff05}.dropdown-item .label{align-items:center;gap:8px;display:flex}.segmented{background:#ffffff05;border:1px solid #ffffff08;border-radius:10px;display:inline-flex;overflow:hidden}.segmented .seg-btn{color:var(--text);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:13px;font-weight:700}.segmented .seg-btn:not(.active):hover{background:#ffffff05}.segmented .seg-btn.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226}.edited-badge{color:var(--muted);background:#ffffff08;border:1px solid #ffffff08;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;display:inline-block}.spinner{border:2px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){:root{--header-height:64px;--fs-1:18px;--fs-2:14px}.site-header{padding:10px 12px}.container{grid-template-columns:1fr;gap:8px;width:100%;max-width:100%;margin:12px auto}.channel-sidebar,.sidebar{display:none!important}.auth{order:1}.feed{order:2}.post-card .post-actions{margin-top:8px;padding:4px}.avatar{border-radius:8px;width:32px;height:32px}.reply-avatar{border-radius:6px;width:24px;height:24px}.post-content{font-size:14px}.post-header{gap:8px}.fixed-message-bar{border-radius:14px;bottom:8px;width:calc(100% - 12px)!important;left:6px!important;right:6px!important}.fixed-message-bar.compact{bottom:8px}.user-status-widget{bottom:14px;right:12px}.stage-bar{padding:6px}.post-box .toolbar .actions{gap:6px}.feed .post-card .post-actions .icon-btn,.feed .post-card .post-actions .reaction-btn,.feed .post-card .post-actions .reaction-summary{opacity:1!important;pointer-events:auto!important;transform:none!important}.overlay-menu,.contextual-popup,.user-actions-popup,.dropdown-menu .contextual-popup{background:var(--surface-opaque);z-index:2000;border-radius:10px;max-height:50vh;padding:8px;overflow:auto;position:fixed!important;inset:auto 6px 64px!important}.post-author-name{font-size:13px}.post-meta{font-size:11px}.post-content{line-height:1.3}.post-card{padding:6px}.post-thread{padding-left:48px}.reply-item{margin:6px 0}.fixed-message-bar[style]{width:calc(100% - 12px)!important;left:6px!important;right:6px!important}}@media (width<=800px){.container{flex-direction:column;padding:12px}}.container.edge-left-viewport,.container{width:100%!important;max-width:100%!important;margin-left:0!important;padding-left:0!important}.app:not(.dark){--bg:#f6f9ff;--surface:#fff;--muted:#6b7280;--text:#0b1220;--accent:#2563eb;--accent-2:#7c3aed;--card:#fff;--danger:#b91c1c}.reaction-picker-toggle{min-width:40px;padding:6px 8px}.reaction-picker{background:var(--surface);z-index:1400;border-radius:12px;flex-wrap:wrap;gap:8px;min-width:160px;max-width:320px;padding:10px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0009}.reaction-picker:after{content:"";background:var(--surface);border-radius:2px;width:12px;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 6px 18px #0000004d}.post-card .reaction-picker{min-width:140px;max-width:260px;left:12px;transform:none}.post-card .reaction-picker:after{left:24px;transform:rotate(45deg)}.post-card .reaction-picker-toggle,.post-card .reaction-btn{z-index:1401;bottom:12px;left:12px;position:absolute!important}.post-card .reactions{padding-left:56px}.reaction-emoji{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:18px}.reaction-emoji.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#061226}.reaction-picker .close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;position:absolute;top:6px;right:8px}.reaction-summary{color:var(--muted);background:#ffffff05;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-weight:700;display:inline-flex}@media (width<=700px){.reaction-picker{bottom:44px;left:auto;right:0}}.clean-ui .header-actions .btn,.clean-ui .header-actions .btn.ghost,.clean-ui .scrolls-panel{display:none!important}.clean-ui .site-header{box-shadow:none;background:0 0;border-bottom:0}.hide-scrollbar,.hide-scrollbar *{scrollbar-width:none!important;-ms-overflow-style:none!important}.hide-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.hide-scrollbar ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.clean-ui,.clean-ui *{scrollbar-width:none!important;-ms-overflow-style:none!important}.clean-ui::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.clean-ui ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.splash-overlay{background:var(--bg);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-card{background:var(--surface-opaque);border-top:1px solid #ffffff0f;border-radius:0;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:100%;padding:28px 32px;display:flex;left:0;box-shadow:0 24px 80px #000c}.splash-logo{width:auto;height:64px}.splash-title{letter-spacing:1px;color:var(--text);font-size:20px;font-weight:900}.splash-spinner{border:4px solid #ffffff0f;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.splash-trivia{color:var(--muted);text-align:center;max-width:820px;padding:0 12px;font-size:13px}.splash-status-link{color:var(--bg);letter-spacing:.2px;background:linear-gradient(90deg,#7c3aed 0%,#06b6d4 100%);border-radius:999px;margin-top:10px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s;display:inline-block;box-shadow:0 8px 30px #0c122173}.splash-status-link:hover{filter:brightness(1.05);transform:translateY(-3px)}.splash-status-link:active{transform:translateY(-1px)}.splash-status-link:before{content:"●";vertical-align:middle;opacity:.9;margin-right:8px;font-size:10px;display:inline-block}.clean-ui .post-card,.clean-ui .sidebar .box,.clean-ui .post-box{box-shadow:none;border:1px solid #ffffff05}.container>.auth,.container>.feed,.container>.sidebar,.sidebar,.scrolls-panel,.workspace,.main-column,.scrolls-panel.open>div{scrollbar-width:none;-ms-overflow-style:none}.container>.auth::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.container>.feed::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.container>.sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scrolls-panel::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.workspace::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.main-column::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scrolls-panel.open>div::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.embed-card-native{transition:box-shadow .12s,transform .12s}.embed-card-native:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0009}.embed-card-native img{display:block}.post-card .post-actions .icon-btn,.post-card .post-actions .btn.icon-btn,.post-card .post-actions button.icon-btn,.post-card .post-actions .reaction-picker-toggle{opacity:0!important;pointer-events:none!important;display:none!important}.contextual-popup{background:var(--surface);z-index:3200;border:1px solid #ffffff0a;border-radius:10px;padding:6px;position:fixed;box-shadow:0 12px 40px #020617b3}.contextual-popup .contextual-menu{flex-direction:column;min-width:200px;display:flex}.contextual-popup .contextual-item{color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:700;display:flex}.contextual-popup .contextual-item:hover{background:#ffffff05}.contextual-popup .contextual-item .ki{justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:inline-flex}.contextual-popup .contextual-item.danger{color:var(--danger)}