:root{--ink:#24302d;--muted:#87908a;--line:#e9ece8;--paper:#fff;--wash:#f7f8f5;--forest:#263d35;--mint:#e7f2e9;--coral:#e78c69;--serif:Georgia,serif}*{box-sizing:border-box}body{margin:0;background:#f5f6f3;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}.app-shell{height:100vh;min-height:680px;display:grid;grid-template-columns:68px 248px minmax(660px,1fr);max-width:1600px;margin:auto;background:white;box-shadow:0 15px 60px #1b2a2110}.rail{background:#17221f;color:#bcc5be;display:flex;align-items:center;flex-direction:column;padding:21px 0 17px;gap:13px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#f0b37b;color:#24332c;display:grid;place-items:center;font:700 19px 'Space Grotesk';margin-bottom:32px}.brand-mark span{color:#477255}.rail-button{width:36px;height:36px;border:0;background:transparent;color:#929f97;border-radius:10px;font-size:19px;cursor:pointer}.rail-button.active{color:#f0bd87;background:#ffffff10}.rail-bottom{margin-top:auto;display:grid;justify-items:center;gap:13px}.online-dot,.presence{width:7px;height:7px;background:#76b68a;border-radius:50%;display:inline-block}.sidebar{background:#fbfcfa;border-right:1px solid var(--line);padding:20px 15px 13px;display:flex;flex-direction:column;min-height:0}.workspace{display:flex;align-items:center;gap:10px;padding:2px 4px 26px}.workspace-icon{width:33px;height:33px;border-radius:10px;background:#e6ede5;color:#56765d;display:grid;place-items:center;font-size:16px}.workspace strong,.member strong,.profile strong{font-size:12px;font-weight:700}.workspace small,.member small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.more{border:0;background:none;color:#909992;letter-spacing:2px;font-weight:bold;cursor:pointer;margin-left:auto}.section-label{font-size:9px;letter-spacing:1.2px;color:#a3aaa4;font-weight:700;padding:0 8px 9px}.nav-item{border:0;background:transparent;color:#626e67;display:flex;align-items:center;gap:11px;text-align:left;border-radius:7px;padding:9px 10px;margin-bottom:2px;font:500 12px 'DM Sans';cursor:pointer}.nav-item span{font-size:14px;color:#89938b}.nav-item.active{background:#edf2ed;color:#334d3a;font-weight:700}.nav-item i{font-style:normal;margin-left:auto;border-radius:20px;background:#d9e5da;color:#59705c;font-size:10px;padding:2px 7px}.members-label{display:flex;justify-content:space-between;margin-top:27px}.members-label span{letter-spacing:0;background:#f0f2ef;border-radius:8px;padding:1px 6px}.member{height:48px;display:flex;align-items:center;gap:10px;padding:4px 6px}.avatar{width:29px;height:29px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:700;flex:none;border:2px solid white}.avatar.small{width:27px;height:27px}.you{background:#dfb99b;color:#5c3c2f}.friend{background:#c8d6e5;color:#385776}.art{background:#e8d7b2;color:#786133}.code{background:#cadbd1;color:#3d6653}.bot-tag{margin-left:auto;font-size:9px;color:#89958c}.sidebar-card{margin:23px 4px 14px;background:#eff4eb;border-radius:10px;padding:15px 13px 13px}.card-icon{font-size:17px;color:#83946e;margin-bottom:9px}.sidebar-card strong{font:600 12px 'Space Grotesk'}.sidebar-card p{color:#748074;font-size:10px;line-height:1.6;margin:7px 0 10px}.text-button{padding:0;border:0;background:none;color:#59795d;font-weight:700;font:600 10px 'DM Sans';cursor:pointer}.text-button span{padding-left:5px}.profile{margin-top:auto;border-top:1px solid var(--line);padding:13px 2px 0;display:flex;align-items:center;gap:9px}.main-panel{display:flex;flex-direction:column;min-width:0;background:var(--paper)}.topbar{height:56px;border-bottom:1px solid #f0f1ee;display:flex;align-items:center;justify-content:space-between;padding:0 33px;color:#87908a;font-size:11px}.breadcrumb strong{color:#48564d}.breadcrumb span{padding:0 7px;color:#bbc1bb}.top-actions{display:flex;align-items:center;gap:14px}.saved-indicator{font-size:10px;color:#839087}.saved-indicator i{width:6px;height:6px;border-radius:50%;background:#79ac82;display:inline-block;margin-right:5px}.icon-button{border:0;background:none;color:#858d86;font-size:17px;cursor:pointer}.share-button{background:#304d3a;border:0;border-radius:6px;color:white;font:600 10px 'DM Sans';padding:9px 12px;cursor:pointer}.room-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:27px 39px 20px;border-bottom:1px solid #eff1ed}.eyebrow{font-size:9px;letter-spacing:1.35px;color:#869187;font-weight:700}.sparkle{color:#b89461;font-size:12px;margin-right:4px}.room-code{letter-spacing:.5px;font-size:8px;background:#f4f5f1;border-radius:4px;padding:4px 6px;margin-left:8px;color:#89928a}h1{font:600 32px 'Space Grotesk';letter-spacing:-1.2px;margin:9px 0 2px;color:#28352f}.heading-dot{color:#da9b67}.room-heading p{margin:0;color:#90988f;font-size:11px}.room-people{display:flex;align-items:center;gap:9px;color:#90988f;font-size:10px;padding-bottom:5px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack .avatar{margin-left:-6px;width:25px;height:25px}.content-grid{display:grid;grid-template-columns:minmax(390px,1fr) 284px;flex:1;min-height:0}.chat-column{display:flex;flex-direction:column;min-width:0;padding:0 38px 15px}.date-divider{display:flex;align-items:center;gap:12px;color:#9da59e;font-size:9px;margin:17px 0 18px}.date-divider:before,.date-divider:after{content:'';height:1px;background:#eff0ed;flex:1}.messages{flex:1;overflow:auto;min-height:120px;padding-right:5px}.message{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;animation:rise .2s ease}@keyframes rise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.message .avatar{width:29px;height:29px}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:7px;margin:2px 0 5px}.message-meta strong{font-size:11px}.message-meta time{font-size:9px;color:#a2aaa3}.role-pill{font-size:8px;color:#9a8254;background:#f7f3e8;border-radius:3px;padding:3px 5px}.message-text{font-size:11px;color:#59645d;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.mention{color:#547459;font-weight:700;background:#edf3eb;border-radius:3px;padding:1px 3px}.message-quote{margin-top:8px;border-left:2px solid #d6a471;background:#fbf8f1;padding:9px 11px;border-radius:0 5px 5px 0;color:#636858;font-size:10px;line-height:1.55}.message-quote strong{font-size:9px;color:#8a734e;display:block;margin-bottom:3px}.proposal-inline{border:1px solid #e8eadf;background:#f9faf6;border-radius:6px;padding:9px 11px;margin-top:9px;color:#687264;font-size:10px;line-height:1.5}.composer-wrap{border:1px solid #e5e9e3;border-radius:8px;padding:10px 12px 7px;box-shadow:0 3px 12px #26352c08}.composer-tools{display:flex;justify-content:space-between;align-items:center}.writing-as{font-size:9px;color:#9aa199}.writing-as strong{color:#5b6d5e}.writing-as span{padding-left:3px}.tool-button{border:0;background:transparent;color:#929c94;font-size:16px;cursor:pointer;padding:2px 6px}.composer{display:flex;align-items:flex-end;gap:8px}.composer textarea{border:0;outline:0;resize:none;flex:1;font:11px/1.5 'DM Sans';color:#4c5a51;min-height:39px;padding:7px 0}.composer textarea::placeholder{color:#aab1aa}.send-button{border:0;background:#304d3a;color:white;border-radius:6px;width:28px;height:28px;font-size:17px;cursor:pointer}.composer-hint{display:flex;justify-content:space-between;color:#a2aaa2;font-size:8px}.composer-hint kbd{font:8px 'DM Sans';background:#f1f3ef;border:1px solid #e7e9e4;border-radius:3px;padding:1px 4px;color:#728074}.right-column{border-left:1px solid #eff0ed;background:#fdfdfb;padding:21px 19px 14px;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading>div{display:flex;align-items:center;gap:7px}.panel-heading strong{font:600 11px 'Space Grotesk';color:#46544b}.panel-icon{font-size:15px;color:#b3915a}.panel-icon.green{color:#739074}.count-badge{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f4ecdc;color:#987644;font-weight:700;font-size:9px}.proposal-list{margin-top:13px}.proposal-card{border:1px solid #e9e9e0;border-radius:7px;background:#fff;padding:12px;margin-bottom:9px}.proposal-top{display:flex;align-items:center;gap:6px;color:#9a8254;font-size:8px;letter-spacing:.5px;font-weight:700}.proposal-top .proposal-status{margin-left:auto;color:#a58a56;background:#f8f3e8;border-radius:4px;padding:3px 5px;font-size:7px}.proposal-card h3{font:600 11px 'Space Grotesk';margin:9px 0 5px;color:#37443a}.proposal-card p{font-size:9px;line-height:1.55;color:#7d857b;margin:0}.proposal-author{display:flex;align-items:center;gap:6px;border-top:1px solid #f1f1ed;padding-top:9px;margin-top:10px;color:#969d94;font-size:8px}.proposal-author .avatar{width:19px;height:19px;font-size:8px}.proposal-actions{display:flex;gap:6px;margin-top:10px}.proposal-actions button{flex:1;padding:6px 3px;border-radius:4px;font:600 8px 'DM Sans';cursor:pointer}.approve-button{background:#e9f0e7;border:1px solid #e0e9de;color:#536f53}.decline-button{background:#fff;border:1px solid #eaede8;color:#939b93}.accepted-label{font-size:8px;color:#608362;background:#edf4ec;border-radius:4px;padding:5px 7px;margin-top:9px;display:inline-block}.panel-divider{height:1px;background:#eff0ed;margin:19px 0}.context-heading{margin-bottom:12px}.context-card{border:1px solid #e9ece6;background:#fff;border-radius:7px;padding:11px}.context-top{display:flex;align-items:center;gap:8px}.file-icon{width:25px;height:25px;border-radius:6px;background:#edf3e9;color:#7f956c;display:grid;place-items:center}.context-top strong{font-size:9px;display:block}.context-top small{display:block;color:#9aa199;font-size:8px;margin-top:3px}.arrow{margin-left:auto;color:#9aa49b}.context-card p{font-size:9px;line-height:1.6;color:#788078;margin:10px 0}.context-tags{display:flex;gap:5px}.context-tags span{color:#728074;background:#f3f5f0;border-radius:4px;padding:4px 6px;font-size:7px}.add-note{background:none;border:0;display:flex;align-items:center;gap:7px;color:#7d8b7d;font-size:15px;padding:12px 3px;cursor:pointer}.add-note span{font:500 9px 'DM Sans'}.assistant-note{background:#f3f6f0;border-radius:6px;padding:10px;display:flex;gap:8px;color:#819075;margin-top:7px}.assistant-note>span{font-size:13px}.assistant-note p{font-size:8px;line-height:1.55;color:#788176;margin:0}.assistant-note strong{color:#5f735e;font-size:9px}.footnote{height:36px;border-top:1px solid #f2f3f0;display:flex;align-items:center;justify-content:center;gap:7px;color:#adb3ac;font-size:8px}.footnote>span:first-child{color:#b6a178}.foot-sep{color:#d0d4cf}.footnote button{border:0;background:none;color:#929a91;font:8px 'DM Sans';text-decoration:underline;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);background:#263d35;color:white;border-radius:7px;padding:10px 15px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 20px #17221f25}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:12px;padding:0;width:min(430px,calc(100vw - 32px));box-shadow:0 20px 80px #19261c40;color:var(--ink)}dialog::backdrop{background:#17221f70;backdrop-filter:blur(2px)}#noteForm{padding:23px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-head h2{font:600 23px 'Space Grotesk';margin:6px 0}.close-dialog{border:0;background:#f1f3ef;border-radius:50%;width:27px;height:27px;font-size:18px;color:#718075;cursor:pointer}#noteForm label{display:block;font-size:10px;color:#68746b;margin:14px 0}#noteForm input,#noteForm textarea{display:block;width:100%;border:1px solid #e2e7e0;border-radius:6px;margin-top:6px;padding:10px;font:11px 'DM Sans';outline-color:#78947a;resize:vertical}.primary-button{border:0;background:#304d3a;color:white;border-radius:6px;padding:10px 16px;font:600 10px 'DM Sans';cursor:pointer}.empty-proposals{color:#929a91;font-size:9px;line-height:1.5;padding:12px 2px}
@media(max-width:1050px){.app-shell{grid-template-columns:58px 215px minmax(500px,1fr)}.content-grid{grid-template-columns:minmax(340px,1fr) 260px}.chat-column{padding-left:25px;padding-right:25px}.room-heading{padding-left:28px;padding-right:28px}.topbar{padding:0 25px}}
@media(max-width:800px){.app-shell{height:auto;min-height:100vh;grid-template-columns:54px minmax(0,1fr)}.sidebar{display:none}.main-panel{min-height:100vh}.content-grid{grid-template-columns:1fr}.right-column{border-left:0;border-top:1px solid var(--line);padding:18px 24px}.chat-column{min-height:580px;padding:0 22px 16px}.room-heading{padding:23px 22px 18px}.room-people{display:none}.topbar{padding:0 17px}.saved-indicator{display:none}}
@media(max-width:470px){.share-button span{display:none}.room-heading h1{font-size:28px}.content-grid{display:block}.chat-column{min-height:560px}.footnote{font-size:7px}.top-actions{gap:8px}}
.auth-gate{position:fixed;inset:0;z-index:5;background:#f3f5f0;display:grid;place-items:center;padding:20px;overflow:auto}.auth-gate[hidden]{display:none}.auth-card{background:white;width:min(420px,100%);border:1px solid #e9ede6;border-radius:15px;padding:30px;box-shadow:0 20px 70px #27392b12}.auth-mark{margin:0 0 18px}.auth-card h1{font-size:27px;margin:8px 0 6px}.auth-card>p{color:#808a81;font-size:11px;line-height:1.6}.auth-form label{display:block;color:#677269;font-size:10px;margin:13px 0}.auth-form input{display:block;width:100%;padding:11px;border:1px solid #e1e7df;border-radius:6px;margin-top:6px;font:11px 'DM Sans';outline-color:#739376}.auth-form button{width:100%;margin-top:6px}.secondary-button{border:1px solid #dce7d9;color:#4d684f;background:#edf3e9;border-radius:6px;padding:10px 16px;font:600 10px 'DM Sans';cursor:pointer}.auth-switch{color:#7f8980;font-size:10px;text-align:center;margin:16px 0}.auth-switch button{border:0;background:none;color:#527354;text-decoration:underline;font:600 10px 'DM Sans';cursor:pointer}.auth-separator{display:flex;align-items:center;gap:9px;color:#a0a79f;font-size:8px;letter-spacing:1px;margin:20px 0 10px}.auth-separator:before,.auth-separator:after{content:'';height:1px;background:#edf0eb;flex:1}.auth-help{font-size:9px;color:#929b93;line-height:1.5}.auth-message{min-height:18px;color:#5e805e;font-size:10px;line-height:1.5}.auth-message.error{color:#ae5947}.auth-foot{border-top:1px solid #f0f2ee;padding-top:12px;margin-top:12px;font-size:9px!important}