:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182e2a;background:#f7f8f5;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #e3e7df;background:white;color:inherit;border-radius:16px;padding:11px 16px;font-size:13px;font-weight:600;transition:background .12s}button:hover{background:#e9eee5}button:disabled{opacity:.45;cursor:default}.primary{background:#203c32;color:white;border-color:transparent}.primary:hover{background:#355244}.quiet{background:transparent;border-color:transparent;color:#748079}.icon{font-size:22px;line-height:1;padding:9px 12px;border-color:transparent;background:transparent}input,textarea{outline:none;border:1px solid #e3e7df;border-radius:16px;padding:13px 15px;background:white;color:inherit}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #86a68e;outline-offset:3px}input[type=search]{width:100%;font-size:13px}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:31px;letter-spacing:-1.5px}.logo{display:grid;place-items:center;width:48px;height:48px;background:#284137;border-radius:17px}.logo img{width:34px;height:25px;object-fit:contain}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#748079}.muted{color:#748079;line-height:1.8}.fine{font-size:11px;color:#748079;line-height:1.6}.welcome{min-height:100dvh;max-width:1200px;margin:auto;padding:70px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}.welcome .eyebrow{margin-top:65px}.welcome h1{font-size:clamp(36px,4.7vw,62px);line-height:1.12;letter-spacing:-2.8px;margin:20px 0}.welcome .primary{margin-top:22px;padding:16px 28px}.welcome-art{height:470px;background:#e4ebdf;border-radius:64px;display:flex;flex-direction:column;justify-content:center;padding:35px;transform:rotate(-3deg)}.bubble{font-size:25px;background:#233e33;color:white;border-radius:26px 26px 8px 26px;padding:28px 24px;align-self:flex-end;box-shadow:0 14px 35px #233e3310}.bubble.light{background:white;color:#233e33;margin-top:25px;align-self:flex-start;border-radius:26px 26px 26px 8px}.art-logo{align-self:center;margin-top:38px;background:#203c32;width:80px;height:80px;border-radius:27px;display:grid;place-items:center}.art-logo img{width:55px}.workspace{height:100dvh;display:flex;padding:0;gap:0}aside{background:#1c342c;color:#eaf0e9;border-radius:0;padding:28px 14px 15px;width:243px;display:flex;flex-direction:column;flex-shrink:0}aside .brand{margin-bottom:35px}aside .logo{background:#d6e7ca}aside input{background:#294138;color:#eaf0e9;border:0}aside input::placeholder{color:#a5b8ac}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:10px;letter-spacing:1.4px;color:#a5b8ac}.section-heading button{color:#eaf0e9}nav{overflow:auto;flex:1;padding-top:8px}nav button{display:flex;align-items:center;width:100%;text-align:left;background:transparent;color:#c5d4c9;border:0;border-radius:16px;margin:3px 0;padding:12px;gap:9px}nav button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}nav button:hover{background:#294138}nav button.selected{background:#d6e7ca;color:#182e2a}.badge{background:#d6e7ca;color:#182e2a;border-radius:20px;min-width:22px;padding:3px 6px;text-align:center;font-size:10px}.selected .badge{background:#294138;color:white}.sidebar-bottom{padding-top:12px;display:grid;gap:5px}.sidebar-bottom>button{color:#eaf0e9;background:transparent;border:0;text-align:left}.sidebar-bottom>button:hover{background:#294138}.profile-button{display:flex;align-items:center;gap:9px}.profile-button #my-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:12px}.avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:12px;background:#d6e7ca;color:#294138;font-weight:650;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.dot{width:8px;height:8px;background:#8a9690;border-radius:50%;display:inline-block}.dot.online{background:#77bc88}.conversation{min-width:0;flex:1;background:#f7f8f5;border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:8px;padding:22px 28px;border-bottom:1px solid #edf0e9}header .heading{flex:1;min-width:0}header h1{font-size:19px;font-weight:650;letter-spacing:-.4px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header p{font-size:11px;color:#748079;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 0}header button{font-size:11px;padding:10px}#menu{display:none}.empty{margin:auto;padding:40px;text-align:center}.empty h2{font-size:32px;letter-spacing:-1px}.empty p{color:#748079;font-size:14px;line-height:1.8;margin-bottom:26px}#history{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:16px 28px;overscroll-behavior:contain;scrollbar-gutter:stable}#messages{margin-top:auto}#older{display:block;margin:0 auto 12px}.message{display:flex;gap:12px;margin:0;padding:18px 0;border-bottom:1px solid #e0e7e2}.message-body{min-width:0;flex:1}.message-meta{display:flex;gap:10px;align-items:baseline;font-size:12px}.message-meta time{font-size:10px;color:#748079}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:14px;margin:5px 0}.files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.file{display:flex;flex-direction:column;max-width:250px;border:1px solid #e3e7df;background:#f7f8f5;border-radius:16px;overflow:hidden}.file a{color:#284137;text-decoration:none;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px}.file img{max-width:240px;max-height:180px;object-fit:contain;background:#edf0e9}.file video{max-width:240px;max-height:180px}.file summary{padding:12px;cursor:pointer;font-size:12px}#composer{margin:0 22px 18px;border:1px solid #e0e7dc;border-radius:26px;background:#fff;padding:8px}#draft{display:block;border:0;resize:none;min-height:58px;max-height:160px;width:100%;background:transparent;padding:10px 12px;font-size:14px}#draft:focus{outline:none}.composer-actions{display:flex;align-items:center;gap:6px}.composer-actions .fine{flex:1;font-size:10px}.composer-actions button{font-size:11px}.composer-actions #send,.composer-actions #schedule-send,.composer-actions #attach{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:11px;flex-shrink:0}.composer-actions #schedule-send,.composer-actions #attach{background:transparent;border-color:transparent}.composer-actions #schedule-send:hover,.composer-actions #attach:hover{background:#e9eee5}.composer-actions svg{pointer-events:none}#pending-files{display:flex;gap:6px;overflow:auto}#pending-files button{flex-shrink:0;font-size:11px;padding:7px 10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#new-messages{align-self:center;margin:8px;border-radius:30px;background:#d6e7ca}dialog{border:1px solid #e0e7dc;border-radius:28px;box-shadow:0 25px 100px #182e2a35;padding:28px;width:min(480px,calc(100vw - 32px));max-height:85dvh;overflow:auto;color:#182e2a}dialog::backdrop{background:#182e2a45;backdrop-filter:blur(5px)}dialog h2{font-size:22px;letter-spacing:-.7px;margin:0 0 20px}dialog label{font-size:12px;display:grid;gap:7px;margin:15px 0}dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.member{display:flex;align-items:center;gap:12px;margin:16px 0}.member .person{flex:1;min-width:0}.member b,.member small{display:block;overflow:hidden;text-overflow:ellipsis}.member small{font-size:11px;color:#748079;margin-top:4px}.schedule-row{padding:14px 0;border-bottom:1px solid #e3e7df}.schedule-row p{white-space:pre-wrap;font-size:13px}.profile-large{width:90px;height:90px;margin:auto;border-radius:32px;font-size:34px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#203c32;color:white;padding:15px 22px;border-radius:18px;box-shadow:0 5px 30px #182e2a30;z-index:10;max-width:min(600px,90vw);font-size:13px}[hidden]{display:none!important}@media(max-width:850px){.workspace{padding:0;gap:0}aside{width:216px;padding:22px 14px}.conversation{border-radius:0}header{padding:17px}#history{padding:12px 17px}#composer{margin:0 12px 12px}.welcome{padding:35px;gap:30px}.welcome-art{height:390px;padding:20px}.bubble{font-size:20px}header button{padding:8px;font-size:10px}}@media(max-width:670px){aside{display:none;position:fixed;top:7px;bottom:7px;left:7px;z-index:3;box-shadow:10px 0 35px #182e2a35}aside.open{display:flex}#menu{display:block}.welcome{display:block;padding:35px 28px}.welcome-art{display:none}.welcome .eyebrow{margin-top:70px}.welcome h1{font-size:48px}.composer-actions .fine{font-size:9px}header h1{font-size:16px}.empty h2{font-size:27px}}
.channel-menu { position: fixed; z-index: 100; padding: 6px; background: white; border: 1px solid #dce3db; border-radius: 14px; box-shadow: 0 8px 30px #182e2a26; }
.channel-menu button { color: #a32e2e; }

.sidebar-bottom>#logout{display:flex;align-items:center;gap:9px;border:1px solid #52695e;border-radius:12px;background:#294138;padding:10px 12px}.sidebar-bottom>#logout:hover{background:#385347}.image-thumb{border:0;padding:0;border-radius:0;line-height:0;background:transparent}.image-thumb img{display:block;width:160px;height:120px;object-fit:cover}.image-preview{display:block;width:100%;max-height:65dvh;object-fit:contain}#pending-files button{display:flex;align-items:center;gap:8px;max-width:240px}#pending-files img{object-fit:cover;border-radius:6px;flex-shrink:0}#pending-files button span:first-of-type{overflow:hidden;text-overflow:ellipsis}
.app-rail{width:64px;flex:0 0 64px;display:flex;flex-direction:column;gap:12px;padding:20px 6px;background:#13251f;border-right:1px solid #385347}.app-rail button{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:48px;padding:8px 2px;font-size:24px;color:#d6e7ca;border-radius:12px}.app-rail button[aria-pressed=true]{background:#385347}.app-rail #settings{margin-top:auto}.history-note{font-size:11px!important;color:#748079}select{font:inherit;color:inherit;background:transparent;border:1px solid #748079;border-radius:10px;padding:12px;max-width:100%}.person-choice{display:flex;align-items:center;gap:10px}.person-choice input{width:auto}.person-choice span{font-size:12px}.resource-tabs{display:flex;gap:8px}.resource-row{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #74807940;overflow-wrap:anywhere}.resource-row a{color:inherit}.resource-row small{color:#748079}header{flex-wrap:wrap}
:root[data-theme=dark]{color-scheme:dark;color:#e8eee8;background:#202724}
[data-theme=dark] .conversation,[data-theme=dark] dialog{background:#202724;color:#e8eee8;border-color:#3c4942}
[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] textarea{background:#2c3731;color:#e8eee8;border-color:#46534b}
[data-theme=dark] button:hover{background:#3d4b42}
[data-theme=dark] .primary{background:#d6e7ca;color:#182e2a}
[data-theme=dark] #composer,[data-theme=dark] .file{background:#29342e;border-color:#46534b}
[data-theme=dark] #draft{background:transparent}
[data-theme=dark] header,[data-theme=dark] .message{border-color:#3c4942}
[data-theme=dark] aside{background:#182e26}
[data-theme=dark] .app-rail{background:#101e19}
[data-theme=dark] nav button{background:transparent;color:#d8e4db}
[data-theme=dark] nav button.selected{background:#d6e7ca;color:#182e2a}
[data-theme=dark] .file a{color:#d6e7ca}
[data-theme=dark] .fine,[data-theme=dark] .muted,[data-theme=dark] header p,[data-theme=dark] .message-meta time,[data-theme=dark] .history-note{color:#a8b9ac}
[data-theme=dark] .welcome-art{background:#35473b}
[data-theme=dark] .channel-menu{background:#29342e;border-color:#46534b}
@media(max-width:670px){.app-rail{width:58px;flex-basis:58px;padding:12px 3px}aside{left:58px}.conversation header{gap:4px;padding:12px}.conversation header .heading{flex-basis:65%}}

#online-people{max-height:190px;overflow:auto}#online-people .eyebrow{color:#a5b8ac}#online-people button{display:block;width:100%;text-align:left;background:transparent;color:#c7daca;border:0;padding:7px;font-size:11px}

.message-menu-button{margin-left:auto;padding:0 7px;background:transparent;font-size:20px;border:0}.reactions{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.reactions button{padding:5px 9px}.reactions .selected{border-color:#7d9f84}blockquote{border-left:3px solid #8fa69b;margin:6px 0;padding:7px 10px;font-size:12px;color:#748079}#reply-preview{display:flex;gap:8px;align-items:center;padding:8px;font-size:12px}#reply-preview span{flex:1}dialog textarea{width:100%;min-height:100px}

#online-people { max-height: 150px; overflow-y: auto; } .app-rail svg { display:block; margin:0 auto; }
#server-usage { color:#c7daca; padding:8px 4px 0; font-size:10px; }
#server-usage .eyebrow { margin:0 0 6px; }
.usage-row { display:flex; justify-content:space-between; gap:6px; }
#server-usage meter { display:block; width:100%; height:6px; margin:1px 0 4px; accent-color:#99be9c; }
#server-usage meter::-webkit-meter-bar { background:#365248; border:0; }
#server-usage meter::-webkit-meter-optimum-value { background:#99be9c; }