*{box-sizing:border-box}:root{--yellow: #FFD700;--yellow-dark: #e6c200;--pink: #FF4D8D;--black: #000;--white: #fff;--bg: #f5f0e8;--border: 2px solid #000;--font: "Courier New", "Courier", monospace}body{font-family:var(--font);background:var(--bg);color:var(--black);margin:0;overflow:hidden}.app-shell{position:relative;width:100vw;height:100dvh!important;min-width:0;overflow:hidden}.main-pane,.channel-view,.message-list,.right-panel{min-width:0}.mobile-topbar,.mobile-scrim{display:none}.login-shell{min-height:100dvh;display:grid;place-items:center;background:var(--bg);font-family:var(--font);padding:24px}.login-card{width:min(420px,calc(100vw - 32px));border:3px solid #000;background:#fff;box-shadow:8px 8px #000;padding:24px;display:grid;gap:12px}.login-brand{font-size:24px;font-weight:700;letter-spacing:0}.login-label{font-size:12px;font-weight:700}.login-input{border:2px solid #000;background:#fff;color:#000;font-family:var(--font);font-size:15px;padding:10px;outline:none}.login-input:focus{outline:2px solid var(--pink);outline-offset:-2px}.login-button{min-height:42px;border:2px solid #000;background:var(--pink);color:#fff;font-family:var(--font);font-weight:700;cursor:pointer;box-shadow:3px 3px #000}.login-button:disabled{background:#eee;color:#999;cursor:not-allowed;box-shadow:none}.login-error{border:2px solid #000;background:#fff0f4;color:#b00020;padding:8px;font-size:12px;font-weight:700}.login-hint{margin:0;color:#777;font-size:12px;line-height:1.45}.sidebar-item{transform:translate(0);transition:background-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease,outline-color .14s ease}.sidebar-item:hover,.sidebar-item:focus-visible{background:#fff8bf!important;color:#000!important;box-shadow:2px 2px #000;outline:2px solid #000;outline-offset:-2px;transform:translate(2px)}.sidebar-item-active,.sidebar-item-active:hover,.sidebar-item-active:focus-visible{background:var(--pink)!important;color:#fff!important;box-shadow:3px 3px #000;outline:2px solid #000;outline-offset:-2px;transform:translate(0)}.sidebar-workspace:hover,.sidebar-workspace:focus-visible{background:var(--yellow)!important}.right-rail-trigger{position:fixed;right:14px;top:58px;z-index:5;border:2px solid #000;background:#fff;color:#000;font-family:var(--font);font-weight:700;padding:7px 10px;cursor:pointer;box-shadow:3px 3px #000;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.right-rail-trigger:hover,.right-rail-trigger:focus-visible{background:var(--yellow);transform:translate(-1px,-1px);outline:2px solid #000;outline-offset:2px}.right-rail-trigger:active{box-shadow:0 0 #000;transform:translate(2px,2px)}.px-btn{font-family:var(--font);font-weight:700;border:var(--border);border-radius:0;cursor:pointer;box-shadow:3px 3px #000;transition:box-shadow .05s,transform .05s;-webkit-user-select:none;user-select:none}.px-btn:active{box-shadow:0 0 #000;transform:translate(2px,2px)}.px-input{font-family:var(--font);border:var(--border);border-radius:0;outline:none;background:var(--white);color:var(--black)}.px-input:focus{outline:2px solid var(--pink);outline-offset:-2px}.message-row:hover .message-actions{opacity:1!important}.right-panel-thread{animation:thread-panel-enter .14s cubic-bezier(.2,.9,.2,1);will-change:transform,opacity}.message-row-target{animation:message-target-pulse 1.8s ease-out}.presence-avatar{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent}.presence-avatar-active:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid rgba(124,58,237,.55);border-radius:8px;animation:avatar-breathing-ring 1.8s ease-in-out infinite;pointer-events:none}@keyframes avatar-breathing-ring{0%{opacity:.35;transform:scale(.94)}50%{opacity:.9;transform:scale(1.08)}to{opacity:.35;transform:scale(.94)}}@keyframes message-target-pulse{0%{background:#ffd7008c}to{background:transparent}}@keyframes thread-panel-enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.message-row p{margin:0 0 8px}.message-row p:last-child,.message-row ul:last-child,.message-row ol:last-child{margin-bottom:0}.message-row pre,.message-row code,.right-panel pre,.right-panel code{max-width:100%;overflow-x:auto}.message-row table,.right-panel table{max-width:100%}@media (max-width: 1023px){.mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:20;height:52px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;border-bottom:2px solid #000;background:#fff;padding:0 10px;font-family:var(--font)}.mobile-topbar-button{width:40px;height:40px;border:2px solid #000;background:var(--yellow);color:#000;font-family:var(--font);font-size:20px;font-weight:700;cursor:pointer;box-shadow:2px 2px #000}.mobile-topbar-title{display:grid;gap:2px;min-width:0;line-height:1.1}.mobile-topbar-title strong,.mobile-topbar-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-title strong{font-size:14px}.mobile-topbar-title span{color:#777;font-size:11px}.sidebar-shell{position:fixed;inset:0 auto 0 0;width:min(86vw,320px)!important;max-width:min(86vw,320px);height:100dvh;z-index:31;transform:translate(-105%);transition:transform .18s ease;box-shadow:8px 0 #00000029}.sidebar-shell.sidebar-mobile-open{transform:translate(0)}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:block;z-index:30;border:0;background:#00000052;padding:0}.main-pane{padding-top:52px;width:100vw}.channel-header{display:none!important}.right-panel{position:fixed!important;top:52px!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:none!important;height:calc(100dvh - 52px)!important;z-index:25;border-left:0!important}.right-rail-trigger{top:60px;right:10px;min-height:40px}.message-list{padding:10px 10px 8px!important}.message-row{max-width:100%!important;gap:8px!important}.message-row-grouped{padding-left:40px!important}.message-actions{opacity:1!important;flex-wrap:wrap;justify-content:flex-end}.composer-shell{padding:8px 10px max(10px,env(safe-area-inset-bottom))!important}.composer-input-row{gap:6px!important}.composer-input-row textarea{max-height:136px}.composer-input-row button{min-width:72px;padding-left:10px!important;padding-right:10px!important}.mention-menu{width:min(320px,calc(100vw - 20px));min-width:0!important;max-height:45dvh;overflow-y:auto}}@media (max-width: 767px){.app-shell{height:100dvh!important}.mobile-topbar{height:50px;grid-template-columns:42px minmax(0,1fr) 42px;padding:0 8px}.main-pane{padding-top:50px}.right-panel{top:50px!important;right:0!important;bottom:0!important;left:0!important;height:calc(100dvh - 50px)!important}.right-rail-trigger{top:58px;padding:6px 8px;font-size:11px}}