:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--bg: #202227;--side: #1a1c21;--rail: #15171b;--surface: #272a30;--surface2: #2e3138;--hover: #292c32;--line: #303238;--text: #e5e6e7;--muted: #94989f;--subtle: #6f747c;--accent: #b7c6aa;--accent-ink: #20291c;--selected: #30382f;--danger: #ee9c98;--shadow: 0 20px 70px #0005;--font-app: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--bg);color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg: #fbfbf9;--side: #f0f1ed;--rail: #e7e9e2;--surface: #f1f2ef;--surface2: #e7e9e2;--hover: #e9ece5;--line: #e2e4dd;--text: #30362e;--muted: #747b71;--subtle: #8b9186;--accent: #5e7651;--accent-ink: #fff;--selected: #e0e8d9;--danger: #b75149;--shadow: 0 20px 70px #23331d25}:root[data-theme=forest]{--bg: #1d2b25;--side: #17231e;--rail: #121d18;--surface: #26372e;--surface2: #304437;--hover: #293b31;--line: #334439;--text: #e0e9df;--muted: #98ad9e;--subtle: #7b9383;--accent: #b7cda8;--accent-ink: #1a2b19;--selected: #334a35}:root[data-theme=sand]{color-scheme:light;--bg: #f7f1e8;--side: #eee6da;--rail: #e3d9ca;--surface: #efe6d8;--surface2: #e8dccb;--hover: #e9dfd1;--line: #e0d6c8;--text: #493e32;--muted: #928171;--subtle: #a39382;--accent: #886c42;--accent-ink: #fffaf2;--selected: #e4d9c5;--danger: #a74e47;--shadow: 0 20px 70px #402d1725}:root[data-theme=plum]{--bg: #2b2430;--side: #241e29;--rail: #1d1721;--surface: #352c3c;--surface2: #42344b;--hover: #382e3f;--line: #403448;--text: #ece4ee;--muted: #af9eb8;--subtle: #8f7d9b;--accent: #d2b6dd;--accent-ink: #35223d;--selected: #493450}:root[data-font=inter]{--font-app: Arial, Helvetica, sans-serif}:root[data-font=serif]{--font-app: Georgia, "Times New Roman", serif}:root[data-font=mono]{--font-app: "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-app);font-size:1rem;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:default}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{color:var(--text);background:var(--side);border:1px solid var(--line);border-radius:8px;padding:11px 12px;min-width:0;outline:none}input::placeholder,textarea::placeholder{color:var(--subtle)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}button{transition:background .15s,color .15s,border-color .15s}h1,h2,h3,p{margin:0}strong{font-weight:600}svg{flex-shrink:0}input[type=file]{font-size:.8rem;max-width:100%}.hidden{display:none!important}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted);font-size:.87rem;line-height:1.6}.accent{color:var(--accent)}.brandmark{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:17px;background:var(--accent);color:var(--accent-ink)}.brandmark svg{width:38px;height:38px}.brandmark.small{width:42px;height:42px;border-radius:14px}.brandmark.small svg{width:30px;height:30px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--muted);flex-shrink:0;padding:0}.icon-button:hover{background:var(--hover);color:var(--text)}.danger-hover:hover{color:var(--danger)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;padding:5px 0;color:var(--muted)}.text-button:hover{color:var(--text)}.text-button.center{display:flex;margin:17px auto 0}.danger-text{color:var(--danger)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 17px;border-radius:8px;font-size:.87rem;font-weight:550;white-space:nowrap}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){filter:brightness(1.06)}.button.secondary{background:var(--surface2);border:1px solid var(--line)}.button.secondary:hover:not(:disabled){background:var(--hover)}.button.danger{background:#904844;color:#fff}.button.small{padding:7px 12px;min-height:32px;font-size:.78rem}.button.full{width:100%;margin-top:20px}.push-left{margin-right:auto}.app-shell{display:grid;grid-template-columns:72px 252px minmax(0,1fr);height:100dvh;overflow:hidden;background:var(--bg)}.rail{display:flex;flex-direction:column;align-items:center;padding:23px 0 13px;gap:12px;background:var(--rail);border-right:1px solid #0001}.rail-brand{padding:0;margin:0 0 5px}.rail-divider{height:1px;width:28px;background:var(--line);margin:0 0 4px}.rail-button{width:44px;height:44px;border-radius:13px;color:var(--subtle);display:flex;align-items:center;justify-content:center;position:relative}.rail-button:hover{color:var(--text);background:var(--surface)}.rail-button.selected{color:var(--accent);background:var(--selected)}.rail-button.selected:before{content:"";position:absolute;left:-14px;top:15px;width:3px;height:15px;border-radius:0 3px 3px 0;background:var(--accent)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:15px}.profile-mini{display:flex;align-items:center;justify-content:center;background:#6d7f73;color:#ecf1ea;width:32px;height:32px;border-radius:50%;font-size:.8rem;font-weight:600}.sidebar{display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--line);overflow:hidden}.workspace{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 21px}.workspace strong{display:block;font-size:1.04rem;letter-spacing:-.02em}.workspace span{display:block;font-size:.71rem;color:var(--subtle);margin-top:7px;letter-spacing:.005em}.workspace>svg{color:var(--subtle)}.sidebar-search{display:flex;align-items:center;gap:9px;background:var(--rail);border:1px solid var(--line);border-radius:7px;min-height:34px;margin:0 16px 25px;padding:0 10px;color:var(--subtle);font-size:.76rem;text-align:left}.sidebar-search kbd{font-family:inherit;margin-left:auto;font-size:.68rem;opacity:.7}.channel-label{display:flex;align-items:center;justify-content:space-between;padding:0 16px 6px 23px;color:var(--subtle);font-size:.64rem;letter-spacing:.1em;font-weight:600}.channel-label .icon-button{width:24px;height:24px}.channels{padding:0 11px;overflow-y:auto}.channel{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;margin:3px 0;border-radius:6px;color:var(--muted);font-size:.89rem}.channel>svg{color:var(--subtle)}.channel:hover{background:var(--hover);color:var(--text)}.channel.active{background:var(--selected);color:var(--accent)}.channel.active svg{color:var(--accent)}.active-mark{height:5px;width:5px;background:var(--accent);border-radius:50%;margin-left:auto;opacity:.75}.add-channel{display:flex;align-items:center;gap:9px;width:100%;padding:16px 12px 10px;color:var(--subtle);font-size:.77rem}.add-channel:hover{color:var(--text)}.sidebar-bottom{margin-top:auto}.storage-card{margin:20px 18px 19px;padding:15px 13px 8px;background:var(--bg);border:1px solid var(--line);border-radius:9px}.storage-title{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.71rem}.storage-title>span:last-child{margin-left:auto;color:var(--subtle);font-size:.68rem}.meter{height:4px;background:var(--surface2);border-radius:6px;overflow:hidden;margin:13px 0 7px}.meter>span{height:100%;min-width:3px;display:block;background:var(--accent);border-radius:6px;transition:width .3s}.meter.warning>span{background:var(--danger)}.storage-numbers{display:flex;align-items:center;justify-content:space-between;color:var(--subtle);font-size:.64rem}.storage-numbers button{padding:4px 0;display:flex;color:var(--muted)}.user-card{border-top:1px solid var(--line);padding:16px;display:flex;width:100%;align-items:center;gap:10px;text-align:left}.avatar,.message-avatar{display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;border-radius:50%;background:#6b7b6e;color:#eaf0e7;font-weight:500;font-size:.78rem;flex-shrink:0}.avatar>span{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;right:-1px;bottom:0;border:2px solid var(--side)}.user-card>div:nth-child(2){flex:1;min-width:0}.user-card strong{font-size:.72rem;display:block}.user-card>div>span{display:flex;align-items:center;gap:4px;color:var(--subtle);font-size:.65rem;margin-top:5px}.user-card>svg{color:var(--subtle)}.main{min-width:0;min-height:0;display:flex;flex-direction:column}.topbar{height:68px;min-height:68px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.channel-heading{display:flex;align-items:center;gap:10px;min-width:0}.channel-heading>svg{color:var(--subtle)}.channel-heading h1{font-size:.99rem;letter-spacing:-.02em;font-weight:600;white-space:nowrap}.header-description{color:var(--subtle);font-size:.74rem;padding-left:18px;margin-left:8px;border-left:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:12px}.search-field{display:flex;align-items:center;gap:7px;background:var(--side);border:1px solid var(--line);border-radius:6px;height:31px;width:168px;padding:0 9px;color:var(--subtle)}.search-field input{border:0;background:none;padding:0;width:100%;font-size:.74rem;border-radius:0}.search-field input:focus-visible{outline:none}.search-field:focus-within{border-color:var(--accent)}.search-field .icon-button{width:20px;height:24px}.notification-dot{position:absolute;right:6px;top:5px;width:4px;height:4px;background:var(--accent);border-radius:50%}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 31px;color:var(--muted);background:var(--selected);font-size:.74rem;border-bottom:1px solid var(--line)}.demo-banner>span{display:flex;align-items:center;gap:8px}.demo-banner button{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--accent);font-weight:600;padding:3px 0;white-space:nowrap}.live-dot,.tiny-dot{display:inline-block;background:var(--accent);height:5px;width:5px;border-radius:50%;flex-shrink:0}.live-dot{opacity:.7}.subbar{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:12px}.view-tabs{display:flex;gap:20px;align-items:center;height:100%}.view-tabs button{position:relative;display:flex;align-items:center;gap:7px;color:var(--subtle);font-size:.73rem;height:100%;padding:0 0 2px;white-space:nowrap}.view-tabs button:hover,.view-tabs .active{color:var(--text)}.view-tabs .active:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px}.view-tabs button>span{padding:1px 4px;background:var(--surface2);border-radius:4px;font-size:.62rem}.sync-badge{display:flex;align-items:center;gap:6px;font-size:.65rem;color:var(--muted);padding:6px 0;white-space:nowrap}.sync-badge.error{color:var(--danger)}.sync-badge .tiny-dot{height:4px;width:4px;background:var(--subtle)}.conversation{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:0 32px 22px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.channel-welcome{padding:33px 0 20px}.welcome-icon{height:64px;width:64px;background:var(--surface2);color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:20px;margin-bottom:22px;transform:rotate(-6deg)}.welcome-icon svg{transform:rotate(6deg)}.eyebrow{display:block;font-size:.6rem;letter-spacing:.13em;font-weight:500;color:var(--subtle);margin-bottom:10px}.channel-welcome h2{font-weight:600;letter-spacing:-.045em;font-size:2.2rem;line-height:1.1;margin:0 0 10px}.channel-welcome p{color:var(--muted);font-size:.88rem;line-height:1.5}.channel-welcome .text-button{font-size:.7rem;margin-top:12px;color:var(--subtle)}.channel-welcome .text-button:hover{color:var(--accent)}.date-divider{display:flex;align-items:center;gap:14px;color:var(--subtle);font-size:.62rem;margin:20px 0 19px;white-space:nowrap}.date-divider:before,.date-divider:after{content:"";height:1px;background:var(--line);flex:1;opacity:.7}.message{display:flex;gap:13px;position:relative;margin:0 -12px 5px;padding:12px;border-radius:6px;min-height:63px}.message:hover{background:var(--hover)}.message-avatar{width:34px;height:34px;margin-top:2px;font-size:.74rem;background:#68796d}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:center;gap:10px;min-height:21px;flex-wrap:wrap}.message-meta strong{font-size:.83rem;color:var(--text);font-weight:600}.message-meta time{font-size:.64rem;color:var(--subtle)}.edited{font-size:.6rem;color:var(--subtle)}.pin-label{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:.58rem;margin-left:1px;opacity:.8}.message-text{line-height:1.65;font-size:.9rem;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px;font-weight:400}.message-text a{display:inline;word-break:break-word}.message-text a>svg{margin-left:3px;vertical-align:middle}.message-tools{display:flex;position:absolute;right:3px;top:-12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:2px;box-shadow:0 3px 12px #0002;opacity:0;pointer-events:none}.message:hover .message-tools,.message:focus-within .message-tools{opacity:1;pointer-events:auto}.message-tools .icon-button{width:29px;height:27px}.composer-wrap{padding:0 30px 19px;flex-shrink:0}.composer{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 3px 8px #0001}.composer:focus-within{border-color:var(--subtle)}.attach-button{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border:1px solid var(--subtle);border-radius:50%;color:var(--muted);margin-left:1px;flex-shrink:0}.attach-button:hover{color:var(--text);border-color:var(--text)}.composer textarea{padding:7px 0;resize:none;max-height:180px;border:0;background:none;min-height:34px;line-height:1.5;flex:1;font-size:.85rem;box-shadow:none}.composer textarea:focus-visible{outline:none}.send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent-ink);background:var(--accent);border-radius:8px;flex-shrink:0}.send-button:disabled{background:var(--surface2);color:var(--subtle);opacity:.6}.composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:var(--subtle);font-size:.59rem;gap:8px}.composer-footer>span{display:flex;align-items:center;gap:5px}.composer-footer>span:last-child{display:block}.queued-files{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.queued-files>div{display:flex;align-items:center;gap:6px;background:var(--surface2);border-radius:6px;padding:7px 8px;font-size:.7rem;max-width:220px;flex-shrink:0}.queued-files>div>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.queued-files button{padding:0;display:flex;color:var(--muted)}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.attachment{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:var(--side);padding:12px;border-radius:8px;min-width:240px;max-width:100%;width:325px}.attachment>svg{color:var(--accent)}.attachment-name{flex:1;text-align:left;overflow:hidden;padding:0}.attachment-name>strong{font-size:.78rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachment-name>span{font-size:.65rem;color:var(--muted);display:block;margin-top:5px}.empty-state{padding:60px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;color:var(--subtle);grid-column:1/-1}.empty-state>svg{stroke-width:1.2;margin-bottom:4px}.empty-state h3{font-size:1rem;font-weight:500;color:var(--muted)}.empty-state p{font-size:.8rem}.empty-state .button{margin-top:6px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding-top:25px}.file-tile{border:1px solid var(--line);background:var(--side);padding:16px;border-radius:9px;text-align:left;overflow:hidden}.file-tile:hover{background:var(--surface)}.file-tile-icon{height:100px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--accent);background:var(--surface);margin-bottom:15px}.file-tile>strong{display:block;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tile>span{display:flex;justify-content:space-between;font-size:.66rem;color:var(--muted);margin-top:8px}.results-heading{padding:30px 0 12px}.results-heading h2{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:9px}.results-heading>span{color:var(--subtle);font-size:.75rem}.result-channel{color:var(--accent);font-size:.63rem}.edit-form{margin-top:7px}.edit-form textarea{width:100%;min-height:100px;line-height:1.5}.edit-form>div{display:flex;justify-content:flex-end;gap:7px;margin-top:6px}.sync-error{display:flex;align-items:center;gap:10px;padding:11px 25px;background:#a9664720;color:var(--danger);font-size:.75rem;line-height:1.5}.sync-error>span{flex:1}.sync-error>button:not(.icon-button){color:var(--text);font-size:.72rem;text-decoration:underline;white-space:nowrap}.drawer-shade,.mobile-menu,.mobile-close{display:none}.modal-overlay{position:fixed;z-index:40;inset:0;background:#101216ad;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{width:460px;max-width:100%;max-height:calc(100dvh - 48px);background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:25px;overflow-y:auto;animation:appear .16s ease-out}.modal.wide{width:740px}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal h2{font-size:1.1rem;letter-spacing:-.025em;font-weight:600}.modal-copy{color:var(--muted);font-size:.86rem;line-height:1.65;margin-bottom:22px}.modal form>input:not([type=range]),.modal form>select{width:100%}.modal label{display:flex;align-items:center;justify-content:space-between;font-size:.77rem;font-weight:500;margin:21px 0 9px}.modal label>span{color:var(--muted);font-size:.7rem;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px}.field-note{font-size:.69rem;line-height:1.6;color:var(--subtle);margin:9px 0;display:flex;align-items:flex-start;gap:5px}.field-note>svg{margin-top:3px}.provider-list{display:flex;flex-direction:column;gap:8px}.provider-card{display:flex;align-items:center;gap:14px;background:var(--side);border:1px solid var(--line);padding:14px;border-radius:9px;text-align:left;width:100%;min-height:72px}.provider-card:hover{background:var(--hover)}.provider-card.selected{border-color:var(--accent);background:var(--selected)}.provider-card>div{flex:1}.provider-card strong{font-size:.86rem;display:flex;align-items:center;gap:9px}.provider-card>div>span{display:block;font-size:.69rem;color:var(--muted);margin-top:6px}.provider-card>.radio{height:16px;width:16px;border:1px solid var(--subtle);border-radius:50%;flex-shrink:0}.provider-card>svg:last-child{color:var(--accent)}.recommended{font-size:.55rem;padding:3px 5px;border:1px solid var(--line);background:var(--selected);color:var(--accent);border-radius:4px;font-weight:500}.inline-warning{display:flex;gap:6px;font-size:.74rem;line-height:1.5;color:var(--danger);margin:12px 0}.inline-warning>svg{margin-top:3px}.range{accent-color:var(--accent);height:17px;width:100%;padding:0;background:none;border:0}.info-box{display:flex;align-items:flex-start;gap:10px;font-size:.74rem;line-height:1.65;color:var(--muted);background:var(--side);border:1px solid var(--line);padding:13px 14px;border-radius:8px;margin-top:20px}.info-box>svg{color:var(--accent);margin-top:2px}.icon-picker{display:flex;gap:8px;flex-wrap:wrap}.icon-picker button{height:40px;width:40px;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;align-items:center;justify-content:center}.icon-picker button.selected{background:var(--selected);border-color:var(--accent);color:var(--accent)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px));padding:13px 16px;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:.8rem;line-height:1.5;z-index:100}.toast>svg{color:var(--accent)}.toast>span{flex:1}.toast>.icon-button{margin-right:-5px}.settings-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:27px;min-height:360px}.settings-nav{display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);padding-right:15px}.settings-nav>button{display:flex;align-items:center;gap:9px;text-align:left;padding:10px;border-radius:6px;font-size:.76rem;color:var(--muted)}.settings-nav>button.active{background:var(--selected);color:var(--accent)}.settings-nav>button:hover{background:var(--hover)}.settings-nav>button.lock-setting{margin-top:auto}.settings-content{padding:5px 0 8px}.settings-content h3{font-size:1.15rem;letter-spacing:-.03em;font-weight:600;margin-bottom:8px}.settings-content>p.muted{font-size:.77rem}.settings-content>label{margin-top:25px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-grid>button{padding:0;text-align:center;font-size:.65rem;color:var(--subtle)}.theme-grid>button.selected{color:var(--text)}.theme-preview{position:relative;height:54px;border:1px solid #ffffff13;border-radius:7px;padding:12px 7px;display:flex;flex-direction:column;gap:5px;margin-bottom:7px;overflow:hidden}.theme-preview>span{display:block;width:75%;height:2px;background:currentColor;opacity:.45;border-radius:2px}.theme-preview>span:nth-child(2){width:95%;opacity:.25}.theme-preview>span:nth-child(3){width:50%;opacity:.35}.theme-preview>svg{position:absolute;bottom:6px;right:5px}.theme-grid>.selected .theme-preview{outline:1px solid var(--accent);outline-offset:2px}.settings-content select{width:100%;font-size:.84rem}.type-preview{padding:18px;border:1px solid var(--line);border-radius:9px;margin-top:22px;background:var(--side);display:flex;flex-direction:column;gap:8px}.type-preview strong{font-size:1rem}.type-preview>span{color:var(--muted);font-size:.85rem;line-height:1.5}.settings-storage{display:flex;align-items:center;gap:13px;margin:27px 0 10px}.settings-storage>svg{color:var(--accent)}.settings-storage>div{flex:1}.settings-storage>div>strong{display:block;font-size:.85rem}.settings-storage>div>span{display:block;font-size:.7rem;color:var(--muted);margin-top:6px}.settings-storage>strong{font-size:.8rem;color:var(--muted)}.limit-form{margin-top:22px}.limit-form>div{display:flex;gap:9px}.limit-form input{width:100%;font-size:.83rem}.limit-form .button{font-size:.75rem}.cloud-account{border:1px solid var(--line);border-radius:9px;padding:14px;display:flex;align-items:center;gap:12px;margin-top:28px}.cloud-account>svg{color:var(--accent)}.cloud-account>div{flex:1;min-width:0}.cloud-account strong{display:block;font-size:.77rem}.cloud-account>div>span{display:block;font-size:.66rem;color:var(--muted);line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.cloud-account .text-button{font-size:.65rem}.settings-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:26px 0 18px}.settings-buttons .button{font-size:.76rem}.about-brand{display:flex;gap:14px;align-items:center;margin-bottom:24px}.about-brand h3{font-size:1.3rem;margin-bottom:4px}.about-brand .muted{font-size:.71rem}.settings-content>p:not(.muted):not(.field-note){font-size:.82rem;line-height:1.65;color:var(--muted)}.about-features{display:flex;flex-direction:column;gap:14px;margin:25px 0;color:var(--muted);font-size:.75rem}.about-features>span{display:flex;align-items:center;gap:9px}.about-features svg{color:var(--accent)}.settings-content>.info-box{margin:22px 0}.settings-content>a.button{font-size:.76rem}.update-box{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.update-box .button{font-size:.72rem}.lock-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:radial-gradient(ellipse at 50% 30%,var(--surface),var(--bg) 60%);padding:25px}.lock-panel{width:370px;max-width:100%;text-align:center}.brand-title{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:50px;font-size:1.45rem;letter-spacing:-.05em;font-weight:600}.brand-title .brandmark{height:42px;width:42px;border-radius:13px}.brand-title svg{width:31px}.lock-symbol{width:67px;height:67px;background:var(--surface2);border-radius:21px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:var(--accent)}.lock-panel h1{font-size:1.7rem;letter-spacing:-.04em;line-height:1.3;font-weight:600}.lock-panel>p{font-size:.87rem;color:var(--muted);margin:12px 0 30px}.lock-panel form{text-align:left}.lock-panel form label{display:block;font-size:.76rem;color:var(--muted);margin-bottom:9px}.lock-panel form input{width:100%}.lock-panel>.text-button{margin-top:20px;font-size:.74rem}.lock-panel>small{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.65rem;color:var(--subtle);margin-top:28px}.backup-input{display:block!important;font-size:.7rem!important;line-height:1.6;color:var(--muted)}.backup-input input{display:block;width:100%;margin-top:8px}.image-preview{background:var(--side);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-preview img{max-width:100%;max-height:70dvh;object-fit:contain}@keyframes appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.conversation{padding-left:54px;padding-right:54px}.composer-wrap,.topbar{padding-left:52px;padding-right:52px}.subbar{padding-left:54px;padding-right:54px}.channel-welcome{padding-top:55px}.message{margin-bottom:10px}.demo-banner{padding-left:54px;padding-right:54px}}@media(max-width:1150px){.header-description{display:none}.app-shell{grid-template-columns:64px 226px minmax(0,1fr)}.rail-button.selected:before{left:-10px}.workspace{padding:0 17px}.workspace span{font-size:.65rem}.topbar{padding:0 23px}.conversation{padding-left:25px;padding-right:25px}.composer-wrap{padding-left:23px;padding-right:23px}.subbar{padding:0 25px}.demo-banner{padding:10px 25px}.user-card{padding:14px 12px;gap:8px}.user-card strong{font-size:.67rem}.storage-card{margin:18px 14px}}@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.sidebar{position:fixed;top:0;bottom:0;left:0;width:280px;transform:translate(-100%);transition:transform .2s;z-index:30;box-shadow:var(--shadow);border:0}.sidebar.open{transform:translate(0)}.drawer-shade{display:block;position:fixed;inset:0;background:#0008;z-index:29;backdrop-filter:blur(2px)}.mobile-menu,.mobile-close{display:inline-flex}.desktop-lock{display:none}.topbar{height:60px;min-height:60px;padding:0 17px 0 10px;gap:10px}.channel-heading{gap:8px}.channel-heading h1{font-size:.95rem}.channel-heading>svg{width:18px}.header-actions{gap:4px}.header-actions>.icon-button:last-child{display:none}.search-field{width:135px;height:30px;padding:0 7px}.search-field input{font-size:.7rem}.demo-banner{padding:11px 18px;font-size:.65rem;gap:10px}.demo-banner>span{line-height:1.5;gap:7px;max-width:210px}.demo-banner button{font-size:.66rem;gap:4px}.demo-banner button>svg{width:12px}.subbar{padding:0 20px;height:45px;min-height:45px}.view-tabs{gap:19px}.view-tabs button{font-size:.7rem}.sync-badge{font-size:.6rem}.conversation{padding:0 20px 12px}.channel-welcome{padding:28px 0 12px}.welcome-icon{width:57px;height:57px;border-radius:18px;margin-bottom:22px}.welcome-icon>svg{width:29px}.eyebrow{font-size:.52rem;letter-spacing:.12em}.channel-welcome h2{font-size:2rem}.channel-welcome p{font-size:.82rem}.channel-welcome .text-button{font-size:.66rem;margin-top:10px}.date-divider{margin-top:22px;margin-bottom:17px;font-size:.59rem}.message{gap:10px;margin-left:-8px;margin-right:-8px;padding:9px 8px 13px;margin-bottom:5px}.message-avatar{width:31px;height:31px;font-size:.67rem}.message-text{font-size:.87rem;line-height:1.65}.message-meta{gap:8px}.message-meta strong{font-size:.78rem}.message-meta time{font-size:.6rem}.message-tools{position:static;align-self:flex-start;opacity:1;pointer-events:auto;background:none;border:0;box-shadow:none;padding:0;margin-left:-8px;flex-direction:column;gap:1px}.message-tools .icon-button{width:24px;height:25px}.message-tools .icon-button>svg{width:13px;height:13px}.message-tools .icon-button:not(:first-child){display:none}.message:focus-within .message-tools .icon-button,.message:hover .message-tools .icon-button{display:flex}.composer-wrap{padding:0 15px max(12px,env(safe-area-inset-bottom))}.composer{min-height:51px;padding:9px 10px;gap:10px;border-radius:10px}.attach-button{width:24px;height:24px}.attach-button>svg{width:18px}.composer textarea{font-size:.82rem}.send-button{width:30px;height:30px}.composer-footer{font-size:.52rem;margin-top:8px;padding:0 1px}.footer-shift{display:none}.modal-overlay{padding:14px;align-items:center}.modal{padding:21px;border-radius:14px;max-height:calc(100dvh - 28px)}.modal h2{font-size:1.05rem}.modal>header{margin-bottom:16px}.modal-copy{font-size:.8rem;margin-bottom:18px}.settings-layout{grid-template-columns:1fr;gap:18px;min-height:0}.settings-nav{display:flex;flex-direction:row;gap:5px;padding:0 0 11px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.settings-nav>button{padding:8px;gap:6px;font-size:.7rem;white-space:nowrap}.settings-nav>button svg{width:14px}.settings-nav>button.lock-setting{margin:0 0 0 auto}.settings-nav>button.lock-setting svg{display:none}.settings-content{padding:0 0 3px}.settings-content h3{font-size:1.1rem}.theme-grid{gap:9px}.theme-preview{height:57px}.cloud-account{gap:9px;padding:12px}.cloud-account .button{font-size:.66rem;padding:7px 9px}.attachment{min-width:0;width:100%;padding:10px;gap:9px}.attachment-name>strong{font-size:.72rem}.attachment-name>span{font-size:.61rem}.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.toast{bottom:19px;font-size:.75rem;padding:11px 13px}.sync-error{padding:10px 16px;font-size:.69rem;gap:8px}.provider-card{padding:12px;gap:12px;min-height:68px}.provider-card strong{font-size:.81rem}.provider-card>div>span{font-size:.66rem}.recommended{font-size:.5rem}.modal label{font-size:.73rem}.lock-panel h1{font-size:1.5rem}.brand-title{margin-bottom:40px}.pin-label{font-size:.54rem}.results-heading h2{font-size:1.1rem}.results-heading{padding-top:25px}}@media(max-width:380px){.header-actions .icon-button{display:none}.search-field{width:117px}.demo-banner{font-size:.61rem;padding-left:15px;padding-right:15px}.demo-banner button{font-size:.63rem}.conversation,.subbar{padding-left:16px;padding-right:16px}.settings-nav>button{font-size:.64rem;padding:7px 6px}.settings-nav>button.lock-setting{display:none}.modal{padding:18px}.pin-label{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.update-available{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);background:var(--selected);border-radius:7px;padding:10px;margin:10px 18px;width:calc(100% - 36px);font-size:.7rem}@media(max-width:760px){.sidebar:not(.open){visibility:hidden}.message-tools .icon-button:not(:first-child){display:flex}}.composer-footer{justify-content:flex-end}.attachment-details{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.image-attachment{width:360px;max-width:100%;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--side)}.image-attachment .attachment-details{padding:9px 11px}.image-open{display:block;width:100%;padding:0;text-align:left}.attachment-image{position:relative;display:flex;width:100%;height:220px;align-items:center;justify-content:center;overflow:hidden;background:var(--surface);color:var(--muted)}.attachment-image>img{display:block;width:100%;height:100%;object-fit:contain}.image-enlarge{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;bottom:10px;width:29px;height:29px;background:#15171bc9;border-radius:7px;color:#eee;opacity:0;transition:opacity .15s}.image-open:hover .image-enlarge,.image-open:focus-visible .image-enlarge{opacity:1}.tile-image{height:130px;border-radius:6px;margin-bottom:15px}.tile-image>img{object-fit:cover}.image-viewer{position:fixed;inset:0;z-index:70;background:#101216f5;color:#e5e6e7;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:64px;padding:12px 22px;border-bottom:1px solid #ffffff16;background:#181b20}.viewer-toolbar>strong{font-size:.82rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:auto;max-width:45vw}.viewer-toolbar .icon-button{color:#b4b8bf}.viewer-toolbar .icon-button:hover{background:#ffffff12;color:#fff}.viewer-zoom{display:flex;align-items:center;gap:4px}.viewer-zoom>span{font-size:.72rem;text-align:center;width:52px;font-variant-numeric:tabular-nums;color:#b4b8bf}.viewer-stage{overflow:auto;flex:1;min-height:0;touch-action:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 transparent}.viewer-canvas{display:grid;place-items:center;min-width:100%;min-height:100%}.viewer-canvas>img{object-fit:contain;max-width:none;max-height:none;cursor:zoom-in;user-select:none;-webkit-user-drag:none}.viewer-stage.zoomed,.viewer-stage.zoomed img{cursor:grab}.viewer-stage.zoomed:active,.viewer-stage.zoomed:active img{cursor:grabbing}@media(max-width:760px){.attachment-image{height:190px}.tile-image{height:110px}.image-enlarge{opacity:.85}.viewer-toolbar{padding:10px 12px;gap:6px;min-height:56px;flex-wrap:wrap}.viewer-toolbar>strong{max-width:calc(100% - 85px);flex:1}.viewer-zoom{order:4;justify-content:center;width:100%}.image-attachment{width:100%}.attachment-details{gap:8px}}.access-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:26px;background:var(--bg);gap:20px}.access-card{width:410px;max-width:100%;background:var(--side);border:1px solid var(--line);border-radius:17px;padding:32px;box-shadow:0 12px 50px #0002}.access-card .brand-title{margin-bottom:32px;justify-content:flex-start;font-size:1.35rem}.access-card h1,.vault-setup h1{font-size:1.45rem;font-weight:600;letter-spacing:-.04em;line-height:1.3;text-align:left}.access-card>p,.setup-account{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:10px;text-align:left;overflow-wrap:anywhere}.access-card>small{display:block;color:var(--subtle);font-size:.67rem;text-align:center;margin-top:15px}.google-login{display:flex;align-items:center;justify-content:center;gap:12px;background:#f9fafb;color:#25282b;border:1px solid #dadce0;border-radius:8px;width:100%;min-height:46px;font-size:.86rem;font-weight:500;margin-top:28px}.google-login:hover:not(:disabled){background:#e8eaed}.storage-choices{display:flex;flex-direction:column;gap:10px;margin-top:24px}.storage-choice{display:flex;align-items:center;gap:12px;padding:15px 12px;border:1px solid var(--line);border-radius:9px;text-align:left;width:100%}.storage-choice.selected{border-color:var(--accent);background:var(--selected)}.storage-choice>svg{color:var(--accent)}.storage-choice>div{flex:1;min-width:0}.storage-choice strong{display:flex;align-items:center;gap:7px;font-size:.79rem;flex-wrap:wrap}.storage-choice div>span{display:block;font-size:.69rem;color:var(--muted);line-height:1.55;margin-top:6px}.access-card label,.vault-setup label{display:block;font-size:.77rem;font-weight:500;margin:20px 0 9px}.access-card input,.vault-setup input{width:100%}.access-error{color:var(--danger);font-size:.76rem;line-height:1.55;margin-top:16px;text-align:left}.vault-setup>button.text-button:first-child{margin-bottom:14px}.limit-input{display:flex;align-items:center;gap:10px}.limit-input>span{color:var(--muted);font-size:.8rem}@media(max-width:760px){.access-screen{padding:18px;align-items:center}.access-card{padding:26px 23px}.access-card .brand-title{margin-bottom:28px}.storage-choice{padding:14px 11px;gap:10px}.storage-choice strong{font-size:.77rem}.access-card h1,.vault-setup h1{font-size:1.3rem}}
