@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#202729;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:light;--ink:#202729;--muted:#758184;--line:#e8eced;--teal:#217a73;--wash:#f0f7f5;--rail:#242b2e}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--teal)}input:focus-visible,textarea:focus-visible{outline:2px solid #64a49b;outline-offset:1px}a{color:var(--teal)}svg{display:block;width:20px;height:20px;flex-shrink:0}button{border:0;background:none;color:inherit}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;border:1px solid var(--teal);border-radius:9px;background:var(--teal);color:#fff;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4}.button:hover{background:#17655f}.button:disabled{opacity:.5}.button.secondary{background:#fff;border-color:#dde3e4;color:#37464a}.button.secondary:hover{background:#f5f7f7}.button.small{min-height:36px;padding:7px 12px;font-size:12px}.button.full,.text-button.full{width:100%}.button.spaced,.text-button.spaced{margin-top:10px}.text-button{min-height:44px;color:var(--teal);font-size:13px}.danger{color:#b64c4c}.danger-button{background:#b64c4c;border-color:#b64c4c}.danger-button:hover{background:#a34141}.icon-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:7px;border-radius:7px;background:transparent;color:#7a868a}.icon-button:hover{background:#edf2f2;color:#34464b}.icon-button:disabled{opacity:.4}.wordmark{font-weight:760;font-size:24px;letter-spacing:-1.1px;line-height:1.2;white-space:nowrap}.wordmark sup{font-size:8px;vertical-align:top;position:relative;top:2px;letter-spacing:0;margin-left:2px}.spinner{width:20px;height:20px;display:inline-block;border:2px solid #e0e9e7;border-top-color:var(--teal);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{rotate:360deg}}.boot-state,.fatal-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:var(--app-height,100dvh)}.fatal-state h1{font-size:22px;letter-spacing:-.7px}.fatal-state p{max-width:300px;text-align:center;font-size:14px;color:var(--muted)}
.knack-shell{display:grid;grid-template-columns:64px 236px minmax(0,1fr);height:100vh;height:var(--app-height,100dvh);overflow:hidden}.workspace-rail{position:relative;z-index:45;display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 9px 14px;background:var(--rail);color:#fff;overflow-y:auto;scrollbar-width:none}.rail-brand{display:block;height:44px;width:44px;text-align:center;line-height:42px;font-size:31px;font-weight:800;text-decoration:none;color:#fff;letter-spacing:-3px}.rail-brand span{color:#88c4b6}.workspace-list{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.rail-button{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:15px;background:#3c4549;color:#e0e6e7;font-size:13px;font-weight:600;letter-spacing:-.3px;transition:background-color .15s,border-radius .15s}.rail-button:hover{background:#4e5d61}.rail-button.selected{border-radius:12px;background:#d0ebe4;color:#255f55}.rail-button.selected:before{content:"";position:absolute;left:-9px;width:3px;height:25px;border-radius:0 3px 3px 0;background:#cce5df}.rail-unread{position:absolute;right:0;top:0;width:10px;height:10px;border-radius:50%;background:#a8d7c9;border:2px solid var(--rail)}.add-workspace{background:transparent;border:1px dashed #637074;color:#a3c8bf}.add-workspace:hover{background:#364747}.rail-bottom{font-size:8px;letter-spacing:1px;color:#85959b;writing-mode:vertical-rl;margin-top:auto;padding-top:16px}.sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f7f9f9;border-right:1px solid var(--line)}.sidebar-head{height:64px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:44px;padding:0 8px;border-radius:8px;text-align:left;font-size:15px;letter-spacing:-.3px}.workspace-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-title:hover{background:#eaf0ef}.workspace-title svg{width:17px;height:17px;color:#6f8078}.sidebar-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 10px}.nav-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#6f8078;font-size:11px;font-weight:600;letter-spacing:.2px}.nav-heading .icon-button{width:28px;height:28px;padding:6px}.nav-heading svg{width:16px;height:16px}.nav-group{display:flex;flex-direction:column;gap:3px;margin:4px 0 23px}.nav-row{display:flex;align-items:center;gap:10px;min-height:36px;width:100%;padding:6px 10px;border-radius:7px;color:#647276;font-size:14px;text-align:left}.nav-row>span:not(.person-avatar){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.nav-row>svg{width:17px;height:17px;color:#6f8078}.nav-row:hover{background:#ecf1f0}.nav-row.selected{background:#e1efeb;color:#27685d}.nav-row.selected>svg{color:#49887b}.nav-row.unread{font-weight:650;color:#2b3e42}.unread-count{display:inline-grid;place-items:center;min-width:19px;height:18px;padding:0 4px;border-radius:5px;font-size:10px;color:#55726a;background:#dceae5}.sidebar-empty{font-size:12px;line-height:1.6;color:#6f8078;padding:8px 10px 9px}.sidebar-get-started{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px;width:100%;font-size:12px;color:#447a6d;border:1px dashed #c5d7d0;border-radius:8px}.sidebar-get-started svg{width:16px;height:16px}.sidebar-footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:54px;padding:11px 19px;border-top:1px solid var(--line);font-size:10px;color:#6f8078}.sidebar-footer small{margin-left:auto;font-size:9px;color:#6f8078}.connection-dot{height:5px;width:5px;border-radius:50%;background:#bfccc8}.connection-dot.connected{background:#73b49c}.connection-dot.offline,.connection-dot.expired{background:#c49558}.sidebar-footer .reconnect{height:25px;width:25px;padding:4px}.sidebar-footer .reconnect svg{height:14px;width:14px}.workspace-area{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.topbar{display:flex;align-items:center;gap:18px;padding:0 24px;min-height:64px;height:64px;border-bottom:1px solid var(--line);flex-shrink:0;position:relative;z-index:40}.topbar>.wordmark{font-size:19px;letter-spacing:-.7px}.search-launch{display:flex;align-items:center;gap:9px;width:min(360px,48%);min-height:34px;border:1px solid #e6ebeb;background:#f8fafa;border-radius:7px;color:#6f8078;margin-left:auto;padding:6px 10px;font-size:12px;text-align:left}.search-launch svg{width:15px;height:15px}.search-launch kbd{margin-left:auto;display:block;border:1px solid #e2e7e7;border-radius:4px;background:#fff;font:9px inherit;padding:2px 4px;color:#6f8078}.search-launch:hover{background:#f1f5f4}.mobile-menu{display:none}.content-columns{flex:1;display:flex;min-height:0;min-width:0}.chat{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}.conversation-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;height:58px;flex-shrink:0;padding:0 24px;border-bottom:1px solid #f0f3f3}.conversation-title{display:flex;align-items:center;gap:10px;min-width:0}.conversation-title>svg{width:22px;height:22px;color:#758689}.conversation-title>div{min-width:0}.conversation-title h1{font-size:15px;font-weight:650;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title span{display:block;font-size:11px;color:#6f8078;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.conversation-actions{display:flex;gap:3px}.conversation-actions .icon-button{width:auto;min-width:36px;gap:4px}.conversation-actions small{font-size:10px}.message-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce3e3 transparent;overflow-anchor:none}.message-scroll:focus-visible{outline:1px solid #c4dcd5;outline-offset:-1px}.messages{padding:18px 0 12px}.chat-loading,.chat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:240px;color:#6f8078;font-size:13px}.chat-error h2{font-size:17px;color:#334347}.chat-error p{max-width:280px;text-align:center;line-height:1.7}.chat-error>span{color:#6f8078}.history-button{display:block;margin:0 auto 18px;min-height:36px;padding:8px 16px;font-size:11px;background:#f4f8f6;border:1px solid #e4ece8;border-radius:18px;color:#668276}.history-button:hover{background:#e9f1ed}.date-divider{display:flex;align-items:center;gap:14px;margin:24px 24px 18px;font-size:10px;font-weight:500;color:#6f8078}.date-divider:before,.date-divider:after{content:"";height:1px;background:#edf1f1;flex:1}.date-divider:first-child{margin-top:8px}.message{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:5px 24px;margin-top:12px;scroll-margin:70px;outline:none}.message:hover,.message:focus-within{background:#fafcfc}.message.grouped{margin-top:0;padding-top:2px;padding-bottom:2px;gap:12px}.person-avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:-.5px;background:#dfeee9;color:#457665}.person-avatar.small{width:24px;height:24px;border-radius:7px;font-size:9px}.tone-0{background:#dcede8;color:#558574}.tone-1{background:#e8e3f3;color:#89769b}.tone-2{background:#f3e8dc;color:#a18a65}.tone-3{background:#e1eaf3;color:#788dae}.tone-4{background:#f4e1e1;color:#a77777}.tone-5{background:#e4eadb;color:#829567}.message-main{min-width:0}.message-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:4px;min-height:17px}.author-name{font-size:13px;font-weight:650;letter-spacing:-.15px;padding:0;text-align:left;color:#35484d;max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.author-name:hover{text-decoration:underline}.message-meta time{font-size:9px;color:#6f8078;white-space:nowrap}.compact-time{font-size:8px;line-height:23px;color:#6f8078;text-align:right;visibility:hidden;overflow:hidden;white-space:nowrap;align-self:start}.message.grouped:hover .compact-time,.message.grouped:focus-within .compact-time{visibility:visible}.message-body{font-size:14px;line-height:1.75;letter-spacing:-.05px;color:#46565b;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.message-body a{color:#338575;text-decoration:underline;text-decoration-color:#bbd8cc;text-underline-offset:3px}.edited-label{font-size:9px;white-space:nowrap;color:#6f8078;margin-left:6px}.deleted-label{font-size:12px;color:#6f8078;font-style:italic}.message.deleted{margin-top:5px}.message-actions{position:absolute;top:-14px;right:20px;display:flex;padding:3px;background:#fff;border:1px solid #e6ecea;box-shadow:0 3px 9px #1e3d2e0b;border-radius:9px;opacity:0;pointer-events:none;z-index:2}.message:hover .message-actions,.message:focus-within .message-actions,.message.actions-open .message-actions{opacity:1;pointer-events:auto}.message-actions .icon-button{width:30px;height:29px;padding:6px}.message-actions svg{width:16px;height:16px}.message-more{display:none}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attachment{display:flex;align-items:center;gap:10px;min-height:56px;min-width:170px;max-width:100%;padding:10px 12px;border:1px solid #dfe9e4;border-radius:9px;background:#f8fbfa;text-decoration:none;color:#507664}.attachment>svg{width:21px;height:21px;color:#6f8078}.attachment>span{display:block;min-width:0;flex:1}.attachment strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.attachment small{display:block;font-size:9px;color:#6f8078;margin-top:2px}.attachment>svg:last-child{width:15px;height:15px;margin-left:15px;color:#7a9e8b}.attachment:hover{border-color:#accabd;background:#f1f8f4}.reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.reaction{display:flex;align-items:center;justify-content:center;gap:5px;min-height:25px;padding:2px 7px;border:1px solid #e5ebe9;border-radius:7px;background:#f8fafa;color:#6f8078;font-size:10px}.reaction>span{font-size:13px}.reaction.mine{border-color:#b5d4c6;background:#edf6ef;color:#548768}.reaction:hover{border-color:#adbcba}.thread-link{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:10px;color:#54907b;padding:3px 0;min-height:23px}.thread-link svg{width:14px;height:14px}.thread-open-label{margin-left:4px;font-size:9px;color:#6f8078;opacity:0}.thread-link:hover .thread-open-label{opacity:1}.conversation-start{margin:32px 24px 40px;padding-bottom:25px;border-bottom:1px solid #edf2f0}.conversation-start>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#eff5f2;color:#6f8078;margin-bottom:16px}.conversation-start h2{font-size:24px;letter-spacing:-.8px;line-height:1.45}.conversation-start p{font-size:12px;color:#6f8078;margin-top:8px;line-height:1.8;overflow-wrap:anywhere}.new-messages{position:absolute;z-index:8;bottom:140px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:7px;min-height:35px;padding:7px 14px;background:#277a6c;border:1px solid #1f6f62;color:#fff;font-size:11px;border-radius:18px;box-shadow:0 4px 14px #2855461f;white-space:nowrap}.new-messages svg{width:14px;height:14px}.typing{height:22px;flex-shrink:0;padding:2px 26px;font-size:10px;color:#6f8078}.composer-area{flex-shrink:0;padding:0 22px 20px}.composer{position:relative;border:1px solid #dbe5e1;border-radius:12px;background:#fff;box-shadow:0 2px 5px #24483204;overflow:hidden}.composer:focus-within{border-color:#9fbfb4;box-shadow:0 0 0 2px #eaf3ef}.composer-input{display:block;width:100%;border:0;background:none;color:#42574b;outline:none!important;resize:none;min-height:45px;max-height:180px;padding:13px 15px 5px;font-size:13px;line-height:1.6;overflow-y:auto;scrollbar-width:thin}.composer-input::placeholder{color:#6f8078}.composer-tools{display:flex;align-items:center;gap:8px;padding:4px 9px 8px;min-height:37px}.composer-tools .attach-button{height:29px;width:29px;border-radius:6px;color:#6f8078}.composer-tools .attach-button svg{width:18px;height:18px}.composer-hint{font-size:9px;color:#6f8078}.send-state{margin-left:auto;font-size:9px;color:#6f8078;white-space:nowrap}.send-button{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:7px;background:#2c8778;color:#fff;transition:background .15s}.send-button svg{width:16px;height:16px}.send-button:hover{background:#216a60}.send-button:disabled{background:#e8f0ed;color:#6f8078}.pending-attachments{display:flex;flex-wrap:wrap;gap:7px}.pending-attachments:not(:empty){padding-bottom:9px}.pending-file{display:flex;align-items:center;gap:7px;border:1px solid #e2ebe5;border-radius:8px;padding:6px 6px 6px 10px;background:#f7fbf8;max-width:260px;min-width:0;color:#7f9e8e}.pending-file>svg{width:16px;height:16px}.pending-file>span{font-size:11px;color:#638472;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-file small{display:block;font-size:8px;color:#6f8078;margin-top:2px}.pending-file .icon-button{width:24px;height:24px;padding:5px}.pending-file .icon-button svg{width:13px;height:13px}.drop-target .composer{border:2px dashed #76b29f;background:#f1f9f4}.thread-panel{display:flex;flex-direction:column;flex:0 0 clamp(280px,32%,390px);width:clamp(280px,32%,390px);min-width:0;min-height:0;border-left:1px solid var(--line);background:#fff}.thread-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;min-height:58px;height:58px;border-bottom:1px solid #f0f3f3}.thread-head h2{font-size:14px;font-weight:600}.thread-panel .messages{padding-top:18px}.thread-panel .message{padding-left:18px;padding-right:18px;gap:9px;grid-template-columns:30px minmax(0,1fr)}.thread-panel .person-avatar{width:30px;height:30px;font-size:10px}.thread-panel .composer-area{padding:12px 14px 20px}.thread-panel .composer-hint{display:none}.thread-divider{display:flex;align-items:center;gap:12px;color:#6f8078;font-size:9px;margin:20px 18px}.thread-divider:after{content:"";height:1px;background:#eaf0ec;flex:1}.thread-root .message{margin-top:0}.thread-empty{font-size:12px;color:#6f8078;padding:14px 18px;text-align:center}.thread-error{margin:20px 18px;color:#a36a57;font-size:12px;line-height:1.7}.start-card{padding:clamp(40px,12vh,160px) 28px 40px;max-width:560px;margin:auto;text-align:center}.start-mark{width:64px;height:64px;border:1px solid #e2ece7;display:grid;place-items:center;border-radius:22px;background:#f6faf8;margin:0 auto 24px;color:#6f8078}.start-mark svg{width:29px;height:29px}.start-card h1{font-size:26px;font-weight:650;letter-spacing:-.9px;line-height:1.5}.start-card p{font-size:13px;color:#6f8078;line-height:1.9;margin:12px 0 25px;max-width:340px;margin-left:auto;margin-right:auto;word-break:keep-all}.start-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.start-actions .button{font-size:12px}.session-banner{display:flex;align-items:center;gap:12px;background:#fff7e7;border-bottom:1px solid #efe2c5;color:#947344;padding:12px 20px;font-size:12px;line-height:1.6}.session-banner .button{flex-shrink:0}.message.highlight{background:#e6f4e8;transition:background .5s}
dialog{width:440px;max-width:calc(100vw - 32px);max-height:calc(var(--app-height,100dvh) - 40px);padding:0;border:1px solid #e0e8e4;border-radius:16px;background:#fff;box-shadow:0 24px 100px #142e2429;color:var(--ink);overflow:auto}dialog.wide{width:620px}dialog::backdrop{background:#1c2a264d;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px 13px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #f3f5f4}.dialog-head h2{font-size:17px;font-weight:650;letter-spacing:-.5px}.dialog-head .icon-button{width:32px;height:32px}.dialog-content{padding:21px 24px 24px}.dialog-intro{font-size:13px;line-height:1.8;color:#6f8078;margin-bottom:20px;word-break:keep-all}.dialog-content label:not(.check-label):not(.member-check):not(.search-field):not(.member-filter){display:block;font-size:12px;color:#5f796a;margin-bottom:16px;line-height:1.8}.dialog-content input:not([type=checkbox]),.edit-textarea{display:block;width:100%;height:44px;border:1px solid #dce6df;border-radius:8px;padding:10px 12px;background:#fff;color:#486a55;font-size:13px;margin-top:6px;min-width:0}.dialog-content input::placeholder,.edit-textarea::placeholder{color:#6f8078}.optional{font-size:10px;color:#6f8078;padding-left:4px}.field-hint{font-size:11px;line-height:1.8;color:#6f8078;margin-top:-5px;margin-bottom:20px;word-break:keep-all}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.form-actions .button{font-size:12px}.form-error{font-size:12px;line-height:1.7;background:#fff5ef;color:#b5785b;border:1px solid #f1e2d6;border-radius:8px;padding:10px 12px;margin-top:14px}.choice-card{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:15px 16px;border:1px solid #e4ebe6;border-radius:10px;text-align:left;margin-top:10px}.choice-card:hover{background:#f7faf8;border-color:#c7dacd}.choice-card>svg{color:#6f8078;width:22px;height:22px}.choice-card>span{display:block;flex:1;min-width:0}.choice-card strong{display:block;font-size:13px;font-weight:600;color:#52745f;line-height:1.6}.choice-card small{display:block;font-size:10px;color:#6f8078;margin-top:3px;line-height:1.6}.choice-card>svg:last-child{width:16px;height:16px}.workspace-overview{display:flex;align-items:center;gap:13px;margin-bottom:23px}.workspace-monogram{height:48px;width:48px;border-radius:14px;background:#e8f3ed;display:grid;place-items:center;color:#75a182;font-size:16px;font-weight:600}.workspace-overview strong{display:block;font-size:14px;color:#55715c;line-height:1.7;overflow-wrap:anywhere}.workspace-overview small{display:block;font-size:11px;color:#6f8078;margin-top:3px}.check-label{display:flex;align-items:flex-start;gap:10px;margin:20px 0;color:#67816e;font-size:12px;line-height:1.7}.check-label input,.member-check input{accent-color:var(--teal);width:16px;height:16px;margin:3px 0 0;flex-shrink:0}.check-label>span{display:block;position:relative;flex:1}.check-label svg{display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-right:4px}.check-label small{display:block;font-size:10px;color:#6f8078;margin-top:3px}.dialog-content fieldset{margin:18px 0;padding:14px;border:1px solid #e1ebe3;border-radius:9px}.dialog-content legend{padding:0 6px;color:#6f8078;font-size:11px}.member-check{display:flex;align-items:center;gap:10px;min-height:34px;font-size:12px;color:#748e7a}.member-check input{margin-top:0}.member-filter,.search-field{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #dce6df;border-radius:8px;padding:0 12px;color:#6f8078;background:#fff}.dialog-content .member-filter input,.dialog-content .search-field input{border:0;background:none;outline:none;margin:0;padding:8px 0;height:42px;min-width:0;flex:1;color:#4d7558}.member-filter svg,.search-field>svg{width:17px;height:17px}.member-list{margin-top:15px;max-height:360px;overflow-y:auto}.member-row{display:flex;align-items:center;gap:12px;min-height:60px;width:100%;padding:10px 8px;border-radius:9px;text-align:left}.member-row:hover{background:#f5f9f5}.member-row>span:not(.person-avatar){flex:1;min-width:0}.member-row strong{display:block;font-size:12px;font-weight:600;color:#5b8063;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-row small{display:block;font-size:10px;color:#6f8078;margin-top:3px}.member-row>svg{width:17px;height:17px;color:#6f8078}.member-no-results{margin:30px 0;text-align:center;color:#6f8078;font-size:13px}.member-profile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:5px 0 24px}.member-profile .person-avatar{height:66px;width:66px;font-size:21px;border-radius:20px}.member-profile strong{font-size:19px;color:#52765a;letter-spacing:-.5px;overflow-wrap:anywhere}.member-profile>span:last-child{font-size:11px;color:#6f8078}.edit-textarea{height:150px;resize:vertical;min-height:100px;max-height:320px;line-height:1.8;margin-top:0;margin-bottom:15px}.delete-preview{margin:0;padding:12px 16px;border-left:2px solid #e1d9cc;background:#fcfaf7;color:#6f8078;font-size:12px;line-height:1.8;max-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.reaction-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reaction-picker button{height:64px;font-size:27px;border:1px solid #e8ece4;border-radius:10px}.reaction-picker button:hover{background:#f3f7ee;border-color:#ccdcc0}.invite-preview{display:flex;gap:14px;align-items:center;padding:15px;background:#f1f8ef;border:1px solid #e1eddb;border-radius:10px;color:#6f8078}.invite-preview strong{display:block;font-size:14px;color:#78916b}.invite-preview small{display:block;font-size:10px;color:#6f8078;margin-top:3px}.dialog-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:150px;font-size:12px;color:#6f8078}.search-form{margin-bottom:16px}.search-field{padding-right:5px;gap:8px}.search-field .button{min-height:32px;padding:7px 13px;font-size:11px}.search-scope{font-size:10px;margin:12px 0}.search-scope input{width:13px;height:13px;margin-top:2px}.search-tip,.search-summary{font-size:11px;color:#6f8078;margin:20px 0 14px;line-height:1.7}.quick-switch{display:grid;gap:3px}.search-switch{display:flex;align-items:center;gap:10px;padding:11px 10px;text-align:left;font-size:12px;color:#6f8078;border-radius:8px;min-height:42px}.search-switch>svg{height:16px;width:16px;color:#6f8078}.search-switch>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-switch>svg:last-child{height:13px;width:13px}.search-switch:hover{background:#f4f8ef}.search-result{display:flex;gap:11px;padding:15px 8px;width:100%;text-align:left;border-bottom:1px solid #ecf1e7;border-radius:7px}.search-result:hover{background:#f7faf2}.search-result>span:not(.person-avatar){flex:1;min-width:0}.search-result strong{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#6f8078;font-size:12px;font-weight:600;line-height:1.6}.search-result time{font-size:9px;color:#6f8078;font-weight:400}.search-result>span>span{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#6f8078;line-height:1.8;margin:5px 0}.search-result small{display:flex;align-items:center;gap:5px;font-size:9px;color:#6f8078;margin-top:7px}.search-result small svg{height:11px;width:11px}.search-empty{text-align:center;min-height:170px;padding:45px 20px;color:#6f8078}.search-empty p{font-size:14px}.search-empty small{display:block;margin-top:8px;font-size:11px;color:#6f8078}
#toast{position:fixed;bottom:24px;left:50%;translate:-50% 12px;z-index:110;max-width:calc(100vw - 32px);padding:12px 17px;border-radius:11px;background:#304f3d;color:#6f8078;font-size:12px;line-height:1.7;box-shadow:0 5px 25px #1a442427;opacity:0;pointer-events:none;transition:opacity .18s,translate .18s;overflow-wrap:anywhere}#toast.visible{opacity:1;translate:-50% 0}#toast.error{background:#805a47}.login-page{position:relative;max-width:1180px;min-height:var(--app-height,100dvh);margin:auto;padding:48px 70px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:50px;background:#fff}.login-page header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.login-page header .wordmark{font-size:31px;letter-spacing:-1.5px}.kiba-brand{display:block;width:76px;height:auto;opacity:.8}.login-card{align-self:center;padding:60px 0 80px}.eyebrow{font-size:9px;letter-spacing:2.8px;color:#6f8078;font-weight:600;display:block;margin-bottom:25px}.login-card h1{font-size:clamp(35px,4.2vw,50px);letter-spacing:-2.3px;line-height:1.4;font-weight:650;color:#304338}.login-card p{font-size:14px;line-height:2;color:#6f8078;margin:22px 0 30px}.login-button{font-size:12px;min-width:225px;justify-content:space-between;padding:13px 18px;border-radius:9px;background:#488569;border-color:#488569}.login-button svg{width:16px;height:16px}.login-note{display:block;font-size:11px;color:#6f8078;margin-top:14px}.login-card .setup-note{font-size:12px;max-width:280px;border:1px solid #e7efe3;padding:15px 17px;border-radius:10px;color:#6f8078;background:#f8fcf5;margin-top:30px}.login-preview{align-self:center;background:#fafcf8;border:1px solid #e8efe4;border-radius:16px;padding:26px 28px 22px;box-shadow:0 24px 100px #466b350c;rotate:-2deg;position:relative;max-width:430px;min-width:0}.preview-channel{display:block;color:#6f8078;font-size:12px;font-weight:600;padding-bottom:18px;border-bottom:1px solid #e9efdf;margin-bottom:28px}.preview-line{display:flex;gap:12px}.preview-line i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;font-size:13px;font-style:normal}.preview-line strong{display:block;font-size:12px;color:#6f8078;margin-bottom:6px}.preview-line small{display:block;font-size:10px;color:#6f8078;line-height:1.8}.preview-reaction{display:inline-flex;gap:5px;margin:12px 0 0 45px;font-size:11px;background:#f2f7e9;border:1px solid #e4edda;border-radius:6px;padding:4px 9px;color:#6f8078}.preview-reply{display:block;margin:12px 0 0 45px;font-size:9px;color:#6f8078}.preview-input{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4eddc;padding:15px 14px;border-radius:10px;background:#fff;margin-top:36px;color:#6f8078;font-size:10px}.preview-input b{font-size:16px;color:#6f8078;font-weight:400}.login-page footer{grid-column:1/-1;color:#6f8078;font-size:10px;letter-spacing:.4px;padding-top:20px}.drawer-shade{display:none}
@media(min-width:761px) and (max-width:1100px){.knack-shell{grid-template-columns:60px 210px minmax(0,1fr)}.workspace-rail{padding-left:7px;padding-right:7px}.rail-button.selected:before{left:-7px}.thread-panel{flex-basis:310px;width:310px}.thread-panel:not([hidden])~*{display:none}.topbar{padding:0 18px;gap:12px}.conversation-head{padding:0 18px}.message{padding-left:18px;padding-right:18px}.composer-area{padding-left:16px;padding-right:16px}.composer-hint{display:none}.conversation-title span{max-width:240px}.search-launch{width:45%}}
@media(max-width:1000px) and (min-width:761px){.thread-panel{position:absolute;right:0;top:64px;bottom:0;z-index:30;box-shadow:-8px 0 22px #203b2310;width:360px}.thread-panel .thread-head{background:#fff}}
@media(max-width:760px){.knack-shell{display:block;height:var(--app-height,100dvh)}.workspace-area{height:100%;width:100%;min-height:0}.workspace-rail{position:fixed;left:0;top:56px;bottom:0;z-index:52;width:58px;translate:-100% 0;padding:14px 7px;transition:translate .2s cubic-bezier(.2,.8,.2,1)}body:has(.sidebar.open) .workspace-rail{translate:0 0}.workspace-rail .rail-brand{display:none}.rail-bottom{display:none}.rail-button{width:42px;height:42px}.rail-button.selected:before{left:-7px}.sidebar{position:fixed;left:58px;top:56px;bottom:0;z-index:51;width:min(276px,calc(100vw - 86px));translate:calc(-100% - 58px) 0;visibility:hidden;transition:translate .2s cubic-bezier(.2,.8,.2,1),visibility .2s;border:0;}.sidebar.open{translate:0 0;visibility:visible}.sidebar-head{height:60px;min-height:60px;padding:0 12px}.sidebar-scroll{padding:12px 9px}.sidebar-footer{padding-left:16px;padding-right:15px}.nav-row{min-height:44px;font-size:14px}.nav-heading .icon-button{width:36px;height:36px}.workspace-title{min-height:44px}.drawer-shade{position:fixed;inset:56px 0 0;z-index:49;display:block;animation:fade-in .16s}.topbar{height:56px;min-height:56px;gap:10px;padding:0 12px;z-index:55}.mobile-menu{display:flex;width:36px;height:44px;}.topbar>.wordmark{font-size:21px;letter-spacing:-.8px}.search-launch{display:grid;place-items:center;width:38px;height:40px;min-height:40px;border:0;padding:9px;margin-left:auto;}.search-launch svg{width:20px;height:20px}.search-launch span,.search-launch kbd{display:none}.topbar .kiba-account{margin-left:-2px}.conversation-head{height:53px;min-height:53px;padding:0 16px 0 20px;gap:8px}.conversation-title{gap:8px}.conversation-title>svg{width:19px;height:19px;}.conversation-title h1{font-size:14px;font-weight:600;}.conversation-title span{font-size:10px;max-width:210px;margin-top:1px;}.conversation-actions{gap:0}.conversation-actions>.icon-button:last-child{display:none}.conversation-actions>.icon-button{height:40px;min-width:40px;}.conversation-actions small{font-size:9px}.message-scroll{scrollbar-width:none}.messages{padding:13px 0 10px}.date-divider{margin:20px 19px 17px;font-size:9px;gap:12px;}.message{grid-template-columns:31px minmax(0,1fr);gap:10px;padding:5px 20px 5px 18px;margin-top:11px}.message.grouped{gap:10px;padding-top:2px;padding-bottom:2px}.message .person-avatar{width:31px;height:31px;font-size:10px;border-radius:9px}.message-meta{gap:8px;margin-bottom:3px}.author-name{font-size:13px;}.message-meta time{font-size:8px;}.message-body{font-size:14px;line-height:1.8;letter-spacing:-.05px}.message-more{display:flex;position:absolute;right:4px;top:2px;width:24px;height:26px;padding:5px;opacity:.7}.message-more svg{width:15px;height:15px}.message-actions{display:none;top:-20px;right:9px;}.message:hover .message-actions,.message:focus-within .message-actions{display:none}.message.actions-open .message-actions{display:flex;opacity:1;pointer-events:auto}.message-actions .icon-button{width:40px;height:40px;padding:11px}.message-actions svg{height:18px;width:18px}.compact-time{font-size:7px;line-height:23px;}.thread-link{font-size:10px;min-height:29px}.thread-open-label{display:none}.reaction{min-height:29px;padding:3px 8px;font-size:10px;border-color:#e9efdf;}.reaction.mine{border-color:#d8e8c1;}.attachment{min-width:150px;min-height:53px;border-color:#e7eddf;padding:10px}.attachment strong{font-size:11px;max-width:180px;}.attachment small{font-size:8px;}.attachment>svg{height:18px;width:18px;}.attachment>svg:last-child{margin-left:8px}.typing{font-size:9px;height:21px;padding:2px 20px;}.composer-area{padding:0 14px calc(10px + env(safe-area-inset-bottom))}.composer{border-radius:12px;background:#fff}.composer:focus-within{box-shadow:0 0 0 2px #f6f9f0}.composer-input{font-size:16px;line-height:1.5;min-height:46px;padding:12px 13px 5px;max-height:140px}.composer-input::placeholder{}.composer-tools{padding:3px 7px 6px;min-height:38px;gap:7px}.composer-hint{display:none}.composer-tools .attach-button{width:34px;height:32px;}.send-button{height:32px;width:36px;border-radius:7px;}.send-button:hover{}.send-button:disabled{color:#6f8078}.send-state{font-size:9px;}.new-messages{bottom:136px;font-size:10px;min-height:32px;max-width:90%;border-color:#a1c374;}.pending-file{max-width:230px;border-color:#e6efd8}.pending-file>span{font-size:10px;}.pending-file small{}.pending-file .icon-button{height:30px;width:30px}.conversation-start{margin:24px 20px 30px;padding-bottom:20px}.conversation-start>span{height:46px;width:46px;border-radius:14px;color:#6f8078}.conversation-start h2{font-size:23px;letter-spacing:-.7px;}.conversation-start p{font-size:11px;line-height:1.8;}.start-card{padding:clamp(60px,10vh,100px) 24px 35px;max-width:420px}.start-card h1{font-size:24px;letter-spacing:-.8px;}.start-card p{font-size:12px;margin-top:12px;margin-bottom:25px;line-height:1.9}.start-mark{height:58px;width:58px;border-radius:20px;border-color:#ebf3da;}.start-actions .button{font-size:12px;min-height:44px;border-color:#b0cf8d;}.start-actions .button.secondary{color:#6f8078;}.thread-panel{position:absolute;inset:0;z-index:35;width:100%;height:100%;border-left:0;flex:none;animation:thread-in .18s cubic-bezier(.2,.8,.2,1)}.thread-head{height:53px;min-height:53px;padding:0 14px 0 20px;}.thread-head h2{font-size:14px;}.thread-head .icon-button{height:44px;width:44px;}.thread-panel .message{padding-left:18px;padding-right:20px;grid-template-columns:31px minmax(0,1fr);gap:10px}.thread-panel .person-avatar{height:31px;width:31px}.thread-panel .composer-area{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.thread-divider{margin:18px;}.thread-empty{font-size:12px}.session-banner{position:relative;z-index:56;flex-shrink:0;max-height:180px;font-size:11px;padding:10px 14px;color:#6f8078}.session-banner .button{font-size:10px;padding:6px 10px;min-height:34px}.session-banner~.topbar{top:0}.sidebar-footer small{font-size:8px}.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;min-height:var(--app-height,100dvh);padding:28px 28px 25px;gap:0}.login-page header .wordmark{font-size:26px}.kiba-brand{width:64px}.login-card{padding:55px 0 44px}.eyebrow{font-size:8px;letter-spacing:2.4px;margin-bottom:23px}.login-card h1{font-size:37px;letter-spacing:-1.8px;line-height:1.4;}.login-card p{font-size:13px;line-height:2;margin:20px 0 25px}.login-button{min-width:235px;min-height:48px;font-size:12px;border-color:#bbd994}.login-button:hover{}.login-preview{justify-self:end;margin-right:5px;width:min(100%,330px);rotate:-1.5deg;border-radius:13px;padding:22px 24px;box-shadow:0 16px 65px #9ec26f0b}.preview-channel{font-size:11px;border-color:#f0f6e5;margin-bottom:24px;padding-bottom:14px}.preview-line i{background:#eff6e7}.preview-line strong{font-size:11px;}.preview-line small{font-size:9px;}.preview-reaction{font-size:10px;background:#f8fbf0;}.preview-reply{font-size:8px}.preview-input{border-color:#f0f7e5;margin-top:28px;padding:12px;font-size:9px}.preview-input b{}.login-page footer{padding-top:37px;font-size:9px}.login-card .setup-note{font-size:11px;border-color:#f0f7e4;}.dialog-head{padding:14px 17px 10px}.dialog-head h2{font-size:16px;}.dialog-head .icon-button{width:40px;height:40px;}.dialog-content{padding:19px 21px 22px}.dialog-content input:not([type=checkbox]),.edit-textarea{font-size:16px;border-color:#e9f2dc;height:46px}.dialog-content input::placeholder{}.dialog-content label:not(.check-label):not(.member-check):not(.search-field):not(.member-filter){font-size:11px;}.field-hint{font-size:10px;}.dialog-intro{font-size:12px}.choice-card{min-height:76px;padding:15px 12px;gap:12px;}.choice-card strong{font-size:12px;}.choice-card small{font-size:9px;}.choice-card>svg{}.form-actions .button{font-size:12px;min-height:44px}.edit-textarea{height:150px}.reaction-picker button{min-height:62px}.member-row{min-height:64px}.dialog-content .member-filter input,.dialog-content .search-field input{font-size:16px}.member-filter,.search-field{}.member-filter svg,.search-field>svg{}.check-label{font-size:11px;}.check-label small{font-size:10px;}.member-row strong{font-size:12px}.member-row small{}.member-row>svg{}.member-profile strong{}.member-profile>span:last-child{}.member-profile .person-avatar{height:66px;width:66px}.member-profile .button{font-size:12px}.search-result strong{}.search-result>span>span{}.search-result small{}.search-tip,.search-summary{font-size:10px}.search-switch{font-size:12px;min-height:46px}.search-switch>svg{}.search-result{}.search-result time{}.search-empty p{font-size:13px;}.search-empty small{font-size:10px;}dialog{max-width:calc(100vw - 26px);max-height:calc(var(--app-height,100dvh) - 32px);border-radius:14px}#toast{bottom:calc(18px + env(safe-area-inset-bottom));font-size:11px;line-height:1.8;box-shadow:0 5px 20px #819c4e15}#toast.error{}}
@media(max-width:360px){.topbar{gap:6px;padding:0 9px}.topbar>.wordmark{font-size:20px}.conversation-head{padding-left:16px}.conversation-title span{max-width:170px}.message{padding-left:14px;padding-right:19px;gap:9px}.message.grouped{gap:9px}.start-card{padding-left:18px;padding-right:18px}.start-actions{flex-direction:column}.start-actions .button{width:100%}.dialog-content{padding-left:17px;padding-right:17px}.login-page{padding-left:24px;padding-right:24px}.login-card h1{font-size:33px}.thread-panel .message{padding-left:14px}.attachment{min-width:135px}.attachment strong{max-width:150px}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:dialog-in .16s cubic-bezier(.2,.8,.2,1)}.message-actions{transition:opacity .1s}.icon-button,.nav-row,.choice-card,.button{transition:background-color .12s,border-color .12s}.thread-panel{animation:thread-in .16s cubic-bezier(.2,.8,.2,1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.spinner{border-top-color:#608c55;border-right-color:#608c55}}
@keyframes dialog-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes thread-in{from{opacity:.6;translate:8px 0}to{opacity:1;translate:0 0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}