:root{color-scheme:light;--neo-accent:#c8ff00;--neo-accent-hover:#b5eb00;--neo-accent-active:#a3d600;--neo-accent-soft:#efffc2;--neo-black:#0b0c0d;--neo-dark:#17191b;--neo-bg:#f4f5f2;--neo-surface:#fff;--neo-surface-2:#e9ebe7;--neo-text:#101112;--neo-text-inverse:#fff;--neo-muted:#6e716c;--neo-muted-inverse:#b8bcb5;--neo-border:#d9dcd6;--neo-border-strong:#aeb2aa;--neo-border-dark:#303337;--neo-success:#22c55e;--neo-danger:#ff3b30;--neo-overlay:rgb(11 12 13/64%);--neo-font-sans:"Plus Jakarta Sans","Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--neo-radius-xs:6px;--neo-radius-sm:10px;--neo-radius-control:12px;--neo-radius-md:16px;--neo-radius-lg:22px;--neo-radius-pill:999px;--neo-space-1:4px;--neo-space-2:8px;--neo-space-3:12px;--neo-space-4:16px;--neo-space-6:24px;--neo-space-8:32px;--neo-space-12:48px;--neo-sidebar-width:72px;--neo-bottom-nav-height:68px;--neo-duration-fast:150ms;--neo-duration-base:200ms;--neo-ease-standard:cubic-bezier(.2,0,0,1);--neo-focus-ring:0 0 0 3px var(--neo-accent)}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--neo-bg:#101112;--neo-surface:#17191b;--neo-surface-2:#24272a;--neo-text:#f4f5f2;--neo-muted:#b8bcb5;--neo-border:#303337;--neo-border-strong:#555a53}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--neo-bg);color:var(--neo-text);font:450 1rem/1.55 var(--neo-font-sans)}button,input,textarea{font:inherit;color:inherit}a{color:inherit}button,a,input,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--neo-focus-ring);outline:1px solid var(--neo-black);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0 0 var(--neo-space-2)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--neo-radius-sm);background:var(--neo-accent);color:var(--neo-black);font-weight:800;font-size:1.5rem;text-decoration:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--neo-sidebar-width);padding:var(--neo-space-3);background:var(--neo-black);display:flex;flex-direction:column;align-items:center;gap:var(--neo-space-8);z-index:200}.sidebar nav{display:flex;flex:1;flex-direction:column;gap:var(--neo-space-3)}.sidebar nav a,.nav-button{display:grid;place-items:center;width:48px;min-height:48px;border:0;border-radius:var(--neo-radius-sm);background:transparent;color:var(--neo-muted-inverse);font-size:1.5rem;text-decoration:none;cursor:pointer}.sidebar nav span{position:absolute;left:64px;background:var(--neo-dark);padding:var(--neo-space-2) var(--neo-space-3);border-radius:var(--neo-radius-xs);font-size:.75rem;opacity:0;pointer-events:none}.sidebar nav a:hover span{opacity:1}.sidebar nav a.active{color:var(--neo-black);background:var(--neo-accent)}
.app-shell{width:min(calc(100% - var(--neo-sidebar-width)),960px);min-height:100vh;margin-left:max(var(--neo-sidebar-width),calc((100vw - 960px + var(--neo-sidebar-width))/2));padding:var(--neo-space-8) var(--neo-space-6) 180px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:var(--neo-space-6);margin-bottom:var(--neo-space-6)}h1,h2,p{margin-top:0}.topbar h1{font-size:clamp(2.25rem,4vw,2.75rem);line-height:1.08;margin:0}.search{position:relative;width:min(320px,100%)}.search input{width:100%;height:48px;border:1px solid var(--neo-border);border-radius:var(--neo-radius-control);background:var(--neo-surface);padding:0 48px 0 var(--neo-space-4)}.search button{position:absolute;right:0;top:0;width:48px;height:48px;border:0;background:none;font-size:1.35rem}.filterbar{display:flex;gap:var(--neo-space-2);border-bottom:1px solid var(--neo-border);margin-bottom:var(--neo-space-6)}.filterbar a{padding:var(--neo-space-3) var(--neo-space-4);font-weight:700;text-decoration:none;border-bottom:4px solid transparent}.filterbar a.active{border-color:var(--neo-accent)}
.timeline{display:flex;flex-direction:column;gap:var(--neo-space-4)}.message{position:relative;align-self:flex-end;width:min(78%,680px);background:var(--neo-surface);border:1px solid var(--neo-border);border-left:4px solid var(--neo-accent);border-radius:var(--neo-radius-md);padding:var(--neo-space-4);transition:transform var(--neo-duration-base) var(--neo-ease-standard)}.message:hover{transform:translateY(-2px)}.message.is-done{opacity:.72;border-left-color:var(--neo-success)}.message-meta{display:flex;justify-content:space-between;gap:var(--neo-space-4);font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--neo-muted);text-transform:uppercase}.message-body{margin-top:var(--neo-space-3);overflow-wrap:anywhere}.reply-ref{display:block;margin-top:var(--neo-space-3);border-left:3px solid var(--neo-border-strong);padding:var(--neo-space-2) var(--neo-space-3);color:var(--neo-muted);font-size:.875rem;text-decoration:none}.link-preview{display:grid;gap:var(--neo-space-1);margin-top:var(--neo-space-3);padding:var(--neo-space-4);border-radius:var(--neo-radius-control);background:var(--neo-dark);color:#fff;text-decoration:none}.link-preview>span{color:var(--neo-accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.link-preview small{color:var(--neo-muted-inverse)}.attachments{display:grid;gap:var(--neo-space-2);margin-top:var(--neo-space-3)}.attachments img{display:block;max-width:100%;max-height:440px;border-radius:var(--neo-radius-control);object-fit:contain}.file{display:flex;align-items:center;gap:var(--neo-space-3);padding:var(--neo-space-3);background:var(--neo-dark);color:#fff;border-radius:var(--neo-radius-control);text-decoration:none}.file>b{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--neo-radius-sm);background:var(--neo-accent);color:var(--neo-black);font-size:1.3rem}.file small{display:block;color:var(--neo-muted-inverse)}.tags{display:flex;flex-wrap:wrap;gap:var(--neo-space-2);margin-top:var(--neo-space-3)}.tags a{padding:var(--neo-space-1) var(--neo-space-2);background:var(--neo-surface-2);border-radius:var(--neo-radius-pill);font-size:.75rem;font-weight:700;text-decoration:none}.message-actions{display:flex;justify-content:flex-end;gap:var(--neo-space-1);margin-top:var(--neo-space-2);opacity:0;transition:opacity var(--neo-duration-fast)}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions form{display:contents}.message-actions button{width:44px;height:44px;border:0;background:transparent;border-radius:var(--neo-radius-sm);cursor:pointer}.message-actions .danger{color:var(--neo-danger)}
.empty{text-align:center;padding:var(--neo-space-12) var(--neo-space-4);border:1px dashed var(--neo-border-strong);border-radius:var(--neo-radius-lg)}.empty>span{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--neo-accent);color:var(--neo-black);border-radius:var(--neo-radius-sm);font-size:1.5rem}.empty h2{margin:var(--neo-space-4) 0 var(--neo-space-1)}.empty p{color:var(--neo-muted);margin:0}
.composer{position:fixed;left:calc(var(--neo-sidebar-width) + 50%);bottom:var(--neo-space-6);transform:translateX(-50%);width:min(calc(100% - var(--neo-sidebar-width) - 48px),900px);padding:var(--neo-space-3);background:var(--neo-dark);color:#fff;border:1px solid var(--neo-border-dark);border-radius:var(--neo-radius-lg);box-shadow:0 24px 64px rgb(11 12 13/18%);z-index:100}.drop-zone{display:flex;align-items:end;gap:var(--neo-space-2)}.drop-zone.dragging{box-shadow:inset 0 0 0 3px var(--neo-accent);border-radius:var(--neo-radius-control)}.attach,.send{flex:0 0 48px;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--neo-radius-sm);cursor:pointer}.attach{background:var(--neo-border-dark);font-size:1.4rem}.attach input{display:none}.send{border:0;background:var(--neo-accent);color:var(--neo-black);font-size:1.4rem}.send:hover{background:var(--neo-accent-hover)}.send:active{background:var(--neo-accent-active)}.composer textarea{flex:1;resize:none;max-height:180px;min-height:48px;padding:12px 16px;border:1px solid var(--neo-border-dark);border-radius:var(--neo-radius-control);background:var(--neo-black);color:#fff}.composer-details{display:flex;justify-content:space-between;align-items:center;gap:var(--neo-space-3);padding:var(--neo-space-2) var(--neo-space-1) 0;color:var(--neo-muted-inverse);font-size:.75rem}.composer-details label{display:flex;align-items:center;gap:var(--neo-space-2)}.composer-details input{border:0;border-bottom:1px solid var(--neo-border-dark);background:transparent;color:#fff}.replying{align-items:center;justify-content:space-between;padding:var(--neo-space-2) var(--neo-space-3);margin-bottom:var(--neo-space-2);background:var(--neo-black);border-left:4px solid var(--neo-accent);border-radius:var(--neo-radius-xs)}.replying:not([hidden]){display:flex}.replying button{width:44px;height:44px;border:0;background:transparent;color:#fff}
.bottom-nav{display:none}.alert{padding:var(--neo-space-3) var(--neo-space-4);border-radius:var(--neo-radius-control);margin-bottom:var(--neo-space-4)}.alert.error{background:#fee2e2;color:#7f1d1d;border-left:4px solid var(--neo-danger)}dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);padding:var(--neo-space-6);background:var(--neo-surface);color:var(--neo-text);box-shadow:0 24px 64px rgb(11 12 13/18%)}dialog::backdrop{background:var(--neo-overlay)}dialog textarea{width:100%;margin-top:var(--neo-space-2);padding:var(--neo-space-3);border:1px solid var(--neo-border);border-radius:var(--neo-radius-control);background:var(--neo-bg)}dialog form>div:last-child{display:flex;justify-content:flex-end;gap:var(--neo-space-3);margin-top:var(--neo-space-4)}.button{min-height:44px;border-radius:var(--neo-radius-control);padding:0 var(--neo-space-4);font-weight:700;cursor:pointer}.button.primary{background:var(--neo-accent);color:var(--neo-black);border:0}.button.secondary{background:var(--neo-surface);border:1px solid var(--neo-border-strong)}.button.destructive{background:var(--neo-danger);color:#fff;border:0}.load-more{display:block;text-align:center;margin:var(--neo-space-6);font-weight:700}
.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--neo-space-4);background:var(--neo-black)}.login-shell{display:grid;grid-template-columns:1.15fr .85fr;width:min(100%,1000px);min-height:580px;border-radius:var(--neo-radius-lg);overflow:hidden;background:var(--neo-surface)}.login-brand{padding:var(--neo-space-12);background:var(--neo-dark);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font-size:clamp(2.25rem,4vw,2.75rem);line-height:1.08;margin-bottom:var(--neo-space-4)}.login-brand div>p:last-child{color:var(--neo-muted-inverse);max-width:42ch}.login-panel{padding:var(--neo-space-12);align-self:center}.login-panel h2{font-size:2rem}.login-panel form{display:grid;gap:var(--neo-space-4)}.login-panel label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.login-panel input{display:block;width:100%;height:48px;margin-top:var(--neo-space-2);border:1px solid var(--neo-border);border-radius:var(--neo-radius-control);background:var(--neo-bg);padding:0 var(--neo-space-4)}
@media(max-width:700px){.sidebar{display:none}.app-shell{width:100%;margin:0;padding:var(--neo-space-4) var(--neo-space-4) 210px}.topbar{align-items:stretch;flex-direction:column;gap:var(--neo-space-4)}.topbar h1{font-size:2.25rem}.filterbar{overflow-x:auto}.message{width:94%}.message-actions{opacity:1}.composer{left:var(--neo-space-3);right:var(--neo-space-3);bottom:calc(var(--neo-bottom-nav-height) + env(safe-area-inset-bottom) + var(--neo-space-2));transform:none;width:auto}.composer-details{display:none}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;min-height:var(--neo-bottom-nav-height);padding-bottom:env(safe-area-inset-bottom);background:var(--neo-black);z-index:200}.bottom-nav a{display:grid;place-items:center;align-content:center;min-height:68px;color:var(--neo-muted-inverse);font-size:.75rem;font-weight:700;text-decoration:none}.bottom-nav a span{font-size:1.35rem}.bottom-nav a.active{color:var(--neo-accent)}.login-shell{display:block;min-height:0}.login-brand{padding:var(--neo-space-6)}.login-brand div{display:none}.login-panel{padding:var(--neo-space-6)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.message:hover{transform:none}}