:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg);font-synthesis:none;--bg:#fff;--sidebar:#f9f9f9;--surface:#f4f4f4;--hover:#ececec;--text:#171717;--muted:#737373;--line:#e8e8e8;--primary:#171717;--inverse:#fff;--shadow:0 12px 50px #00000014;color-scheme:light}html[data-theme=dark]{--bg:#212121;--sidebar:#171717;--surface:#303030;--hover:#3b3b3b;--text:#ececec;--muted:#aaa;--line:#3b3b3b;--primary:#ececec;--inverse:#171717;--shadow:0 12px 50px #0005;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:9px 13px;border-radius:9px;transition:background .15s,opacity .15s}button:hover{background:var(--hover)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--muted);outline-offset:3px}input,textarea,select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px;min-width:0}input,textarea{width:100%}label{display:grid;gap:8px}small,.muted{color:var(--muted)}small,.small{font-size:12px;line-height:1.6}h1{font-size:30px;font-weight:600;letter-spacing:-.8px;line-height:1.3}h2{font-size:19px;font-weight:600}h3{font-size:15px}p{line-height:1.65}a{color:inherit}.primary,.send-button{background:var(--primary);color:var(--inverse);border-color:transparent}.primary:hover,.send-button:hover{background:var(--primary);opacity:.85}.danger{color:#d14545}.icon-button{border:0;background:transparent;padding:8px;width:36px;height:36px;flex-shrink:0;border-radius:8px}.workspace{display:flex;height:100dvh;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:var(--sidebar);display:flex;flex-direction:column;padding:12px 10px;transition:width .2s,transform .2s,padding .2s}.sidebar-closed .sidebar{width:0;padding:12px 0;overflow:hidden;visibility:hidden}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px;min-width:230px}.brand{border:0;background:none;gap:8px;font-size:19px;font-weight:600;padding:6px}.brand img{width:32px;height:32px;object-fit:contain;mix-blend-mode:multiply}.greeting-icon,.login-logo{mix-blend-mode:multiply;object-fit:contain}html[data-theme=dark] .brand img,html[data-theme=dark] .greeting-icon,html[data-theme=dark] .login-logo{filter:invert(1);mix-blend-mode:screen}.sidebar nav{display:grid;gap:3px;min-width:230px}.sidebar nav button,.sidebar-bottom>button{justify-content:flex-start;border:0;background:none;width:100%;padding:11px 12px}.sidebar nav button:hover,.sidebar nav button.active,.sidebar-bottom>button:hover{background:var(--hover)}.chat-list-label{color:var(--muted);font-size:12px;font-weight:500;padding:26px 12px 10px}.chat-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.session-row{position:relative;display:flex;border-radius:8px;min-width:230px}.session-row.selected,.session-row:hover{background:var(--hover)}.session-title{display:block;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;padding:11px 12px;min-width:0}.session-more{opacity:0;margin:2px}.session-row:hover .session-more,.session-row:focus-within .session-more{opacity:1}.session-menu{position:absolute;z-index:12;right:8px;top:35px;box-shadow:var(--shadow);border:1px solid var(--line);padding:6px;background:var(--bg);border-radius:12px;min-width:150px}.session-menu button{border:0;width:100%;justify-content:flex-start}.sidebar-bottom{border-top:1px solid var(--line);padding-top:10px;min-width:230px}.sidebar-bottom small{display:flex;align-items:center;gap:6px;padding:12px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#58a578}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:var(--bg)}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:8px 20px;flex-shrink:0}.topbar>div{display:flex;align-items:center;gap:7px}.model-name{border:0;background:none;font-size:19px;font-weight:600;padding:7px}.topbar>.icon-button{position:relative}.unread-dot{width:6px;height:6px;display:inline-block;background:#d98735;border-radius:50%;flex-shrink:0}.chat-view{display:flex;flex-direction:column;flex:1;min-height:0}.conversation{overflow:auto;flex:1;padding:20px max(24px,calc((100% - 760px)/2));scrollbar-width:thin}.greeting{text-align:center;padding:9vh 0 30px}.greeting h1{font-size:30px;font-weight:500;margin:17px 0 10px}.greeting p{color:var(--muted)}.greeting-icon{width:52px;height:52px}.empty-chat .conversation{flex:1;display:flex;flex-direction:column;justify-content:center}.empty-chat{padding-bottom:0}.empty-chat .greeting{padding:24px 0}.message{margin:0 auto 26px;max-width:760px;line-height:1.8}.message.user{display:flex;justify-content:flex-end}.user-bubble{background:var(--surface);padding:12px 18px;border-radius:24px;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.agent-message{padding:6px 2px;font-size:15px}.reply-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.reveal span{animation:word-in .35s ease both}@keyframes word-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}.sources{font-size:12px;color:var(--muted);margin-top:12px}.sources summary{cursor:pointer;display:inline-block;border:1px solid var(--line);border-radius:16px;padding:3px 10px}.sources button{font-size:12px;display:flex;text-align:left;justify-content:flex-start;border:0;margin-top:6px;max-width:100%;line-height:1.6}.file-card{display:flex;max-width:360px;margin:12px 0;padding:14px;text-align:left}.file-card span{min-width:0;display:grid;gap:4px}.file-card strong{overflow-wrap:anywhere;font-size:13px}.thinking{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:12px 0 28px}.thinking-dot{width:9px;height:9px;border-radius:50%;background:var(--text);animation:breathe 1.6s ease-in-out infinite}.thinking-dots,.pulse{animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{opacity:.35}}.composer-wrap{width:min(100% - 48px,760px);margin:0 auto;padding-top:10px;flex-shrink:0}.composer{border:1px solid var(--line);box-shadow:0 2px 8px #00000008;background:var(--surface);border-radius:26px;padding:12px}.composer textarea{border:0;outline:none!important;box-shadow:none;background:transparent;resize:none;min-height:56px;max-height:160px;font-size:15px;padding:7px 10px;line-height:1.5}.composer-tools{display:flex;align-items:center;gap:7px}.tool-label{font-size:12px;border:0;background:transparent;color:var(--muted)}.send-button{margin-left:auto;width:35px;height:35px;border-radius:50%;padding:5px}.chat-footnote{display:block;text-align:center;padding:10px 0 14px;font-size:11px}.context-chip{display:flex;align-items:center;gap:6px;font-size:12px;margin:0 10px 8px;color:var(--muted)}.context-chip>button:not(.icon-button){background:none;border:0;padding:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content{overflow:auto;flex:1;padding:20px 40px 60px;width:min(100%,1050px);margin:0 auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:6px 10px;margin:28px 0 12px}.search-box input{border:0;flex:1;outline:none}.search-box button{border:0}.document-row{display:flex;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:19px 8px;text-align:left;justify-content:flex-start}.document-row>span:first-of-type{display:grid;gap:7px;flex:1;min-width:0}.document-row strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.status{font-size:11px;padding:4px 9px;border-radius:20px;background:var(--surface);color:var(--muted);white-space:nowrap}.needs_review{color:#b18035}.failed{color:#d14545}.empty-state{padding:70px 20px;text-align:center;color:var(--muted);display:grid;justify-items:center}.segmented{display:flex;gap:4px;margin:25px 0}.segmented button{border:0;background:none}.segmented [aria-pressed=true]{background:var(--surface)}.reminder-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.reminder-row>div{flex:1;min-width:0}.reminder-row strong{font-weight:500;overflow-wrap:anywhere}.reminder-row p{font-size:12px;color:var(--muted);margin:7px 0}.reminder-row .status{margin-left:8px}.text-button{border:0;background:none;padding:2px 0;font-size:12px;text-align:left}.settings-section{padding:18px 0 30px;border-bottom:1px solid var(--line)}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.setting-line small{display:block}.theme-options{display:flex;gap:5px;flex-wrap:wrap}.theme-options [aria-pressed=true]{background:var(--surface);border-color:var(--muted)}.settings-section>button{margin:8px 8px 0 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.metrics>div{padding:25px;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px}.metrics strong{font-size:32px;font-weight:500}.report-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:16px 0}.banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:8px 18px;margin:0 20px;border-radius:10px;font-size:13px;z-index:10}.error{color:#c64e4e}.notification-panel{position:absolute;right:20px;top:58px;z-index:25;width:min(360px,calc(100% - 40px));max-height:70vh;overflow:auto;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.notice-row{display:flex;width:100%;margin-top:12px;justify-content:flex-start;text-align:left}.notice-row small{display:block}.modal-backdrop,.viewer-backdrop{position:fixed;inset:0;background:#0005;z-index:50;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:25px;width:min(460px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:var(--shadow);animation:word-in .15s}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.reminder-form{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;margin:15px 0;max-width:450px}.success{display:flex;gap:8px;align-items:center}.login-page{max-width:460px;padding:40px 25px;margin:5vh auto;text-align:center}.login-page form{display:grid;gap:18px;margin:30px 0;text-align:left}.login-page label{text-align:left}.login-logo{width:65px;height:65px}.login-page .setting-line{font-size:12px}.viewer-backdrop{justify-content:flex-end;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0003}.viewer{width:min(780px,90vw);height:100dvh;background:var(--bg);box-shadow:-10px 0 60px #0002;display:flex;flex-direction:column;animation:slide-in .22s ease;outline:none}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.viewer-header{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line);min-height:64px}.viewer-header strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.viewer-actions{display:flex;align-items:center;gap:8px;padding:10px 15px;border-bottom:1px solid var(--line);flex-wrap:wrap}.viewer-actions>button:first-child{flex:1}.pdf-surface{flex:1;overflow:auto;background:var(--surface);padding:16px;display:flex;align-items:flex-start;min-height:0}.pdf-surface canvas{display:block;max-width:none;height:auto;box-shadow:0 2px 15px #0001;margin:auto}.pdf-surface img{max-width:100%;height:auto;margin:auto}.pdf-surface pre{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;font-size:14px}.pdf-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-top:1px solid var(--line);font-size:12px}.viewer-details{padding:25px;overflow:auto;flex:1}.fact{padding:15px 0;border-bottom:1px solid var(--line);display:grid;gap:7px}.fact>span{color:var(--muted);font-size:12px}.fact blockquote{margin:5px 0;font-size:12px;color:var(--muted);border-left:2px solid var(--line);padding-left:12px}.viewer-details form{display:grid;gap:12px}.viewer-details>button{margin:10px 8px 0 0}.pairing-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin:15px 0}.pairing-card img{max-width:100%;height:auto}.pairing-card label{margin:12px 0}.pairing-code{display:block;font-family:monospace;font-size:24px;padding:16px 0}.sidebar-shade{display:none}@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:280px;box-shadow:var(--shadow)}.sidebar-closed .sidebar{transform:translate(-100%);width:280px;padding:12px 10px;visibility:hidden}.sidebar-open .sidebar-shade{display:block;position:fixed;inset:0;z-index:39;border:0;border-radius:0;background:#0006}.topbar{padding:8px 12px}.conversation{padding:16px 18px}.composer-wrap{width:calc(100% - 24px)}.greeting h1{font-size:26px}.greeting p{font-size:13px}.page-content{padding:10px 18px 40px}.section-heading h1{font-size:25px}.section-heading>button{font-size:12px}.session-more{opacity:1}.theme-options button{font-size:11px;padding:8px}.theme-options svg{display:none}.document-row{flex-wrap:wrap}.document-row>.status{margin-left:33px}.metrics{gap:8px}.metrics>div{padding:15px 10px}.metrics small{font-size:10px}.reminder-row{gap:5px}.reminder-row strong{font-size:13px}.reminder-row .status{display:inline-block;margin:6px 0}.viewer{width:100%;height:100dvh;animation:modal-up .2s ease}.viewer-actions{gap:5px}.viewer-actions button{font-size:12px}.chat-footnote{font-size:10px}.user-bubble{max-width:92%}.empty-chat{padding-bottom:0}.reminder-form{padding:12px}.setting-line{gap:10px}.pdf-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@keyframes modal-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.report{margin:20px 0;font-size:13px}.report .kpis{display:flex;gap:20px}.report .kpi{display:grid;gap:4px;padding:12px 0}.report .kpi strong{font-size:24px}.report .table-wrap{overflow:auto}.report table{border-collapse:collapse;width:100%;text-align:left}.report th,.report td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.report th{font-weight:500;color:var(--muted)}.brand img{width:42px;height:42px}.castali-wordmark{display:block;width:86px;height:auto;opacity:.48;mix-blend-mode:multiply;margin:7px auto 12px}html[data-theme=dark] .castali-wordmark{filter:invert(1);mix-blend-mode:screen}.warmup-note{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;justify-content:center;min-height:24px}.document-dock{position:relative;flex-shrink:0;min-width:320px;max-width:calc(100vw - 420px);border-left:1px solid var(--line)}.viewer-inline,.viewer-inline .viewer{height:100%;width:100%;box-shadow:none}.viewer-inline .viewer{animation:word-in .18s ease}.dock-separator{position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:8;touch-action:none}.dock-separator:hover,.dock-separator:focus-visible{background:#8885}.has-viewer .composer-wrap{width:calc(100% - 28px)}.has-viewer .conversation{padding-left:24px;padding-right:24px}.text-preview{width:100%;padding:4px 10px}.text-preview pre{font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.7}.engineering details{border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}.engineering summary{cursor:pointer;font-weight:500}.engineering label{margin-top:18px}.engineering textarea{resize:vertical;min-height:90px;line-height:1.6;font-size:13px}.engineering .code-editor{font-family:ui-monospace,Consolas,monospace}.inline-check{display:flex;align-items:center}.inline-check input{width:auto}.engineering input[type=number]{max-width:180px}@media(min-width:761px)and (max-width:1100px){.has-viewer .sidebar{width:0;padding:0;overflow:hidden;visibility:hidden}.has-viewer .document-dock{max-width:55vw;min-width:280px}.has-viewer .greeting h1{font-size:23px}.has-viewer .tool-label{font-size:11px}}@media(max-width:760px){.document-dock{position:fixed;inset:0;width:100%!important;max-width:none;min-width:0;z-index:50;border:0}.dock-separator{display:none}.castali-wordmark{width:78px}.viewer-backdrop .viewer{width:100%}}.document-dock{min-width:0;overflow:clip;transition:width .25s cubic-bezier(.22,.61,.36,1),transform .25s cubic-bezier(.22,.61,.36,1),opacity .25s;border-left:0}.document-dock.dock-open{border-left:1px solid var(--line)}.document-dock.dock-closed{width:0!important;min-width:0!important;pointer-events:none;opacity:0}.viewer-inline .viewer{animation:none}.document-dock:has(.dock-separator:active){transition:none}@media(max-width:760px){.document-dock{transition:transform .25s cubic-bezier(.22,.61,.36,1),opacity .25s}.document-dock.dock-closed{width:100%!important;transform:translate(100%)}.document-dock.dock-open{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.document-dock{transition:none}}.has-viewer .document-dock{min-width:0}.form-editor-host{display:flex;flex:1;min-height:0;overflow:auto}.form-editor-host[hidden]{display:none}.form-editor-host form{display:grid;gap:12px}.draft-label{position:absolute;padding:5px 10px;border-radius:8px;background:var(--bg);font-size:12px;z-index:1}.mail-tabs,.activity-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mail-tabs button[aria-selected=true]{background:var(--hover);font-weight:600}.mail-workspace{display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);gap:24px}.mail-list{border-right:1px solid var(--line);padding-right:16px}.mail-row{display:flex;width:100%;text-align:left;gap:12px;padding:16px 10px;border:0;border-radius:10px}.mail-row span{min-width:0}.mail-row strong,.mail-row small{display:block;overflow-wrap:anywhere}.mail-row.active{background:var(--hover)}.mail-detail{min-width:0}.mail-detail h2{font-size:18px;overflow-wrap:anywhere}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65}.activity-filters input{flex:1;min-width:180px}.activity-entry{padding:14px;border-bottom:1px solid var(--line)}.activity-entry summary{cursor:pointer;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.activity-entry small{color:var(--muted);margin-left:auto}.activity-entry pre{white-space:pre-wrap;overflow-wrap:anywhere}.activity-entry code{display:block;font-size:12px;margin-top:12px}.activity-state{font-size:12px;min-width:70px}.activity-error{border-left:3px solid #bc5757}.activity-entry strong{font-size:14px;overflow-wrap:anywhere}@media(max-width:760px){.mail-workspace{grid-template-columns:1fr}.mail-list{border-right:0;border-bottom:1px solid var(--line);max-height:260px;overflow:auto;padding:0}.activity-entry small{margin-left:0}}.upload-progress{display:flex;width:100%;margin-top:10px;text-align:left;justify-content:flex-start;background:transparent}.upload-progress span{overflow-wrap:anywhere;min-width:0}.upload-progress small{display:block}.upload-progress:disabled{opacity:1}.mail-setup{display:grid;gap:14px;max-width:480px;margin-top:18px}.privacy-rules{border:0;margin:0;padding:0;min-width:0}.privacy-rule{padding:16px 0;border-bottom:1px solid var(--line)}.privacy-rule .actions{flex-wrap:wrap}.privacy-rule .inline-check{display:flex;align-items:center;gap:8px}.privacy-rule input[type=checkbox]{width:auto}.qr-camera{width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;margin:16px 0;text-align:left}.qr-camera video{display:block;width:100%;max-height:45vh;aspect-ratio:4/3;object-fit:contain;background:#111;border-radius:12px}.qr-camera .actions{display:flex;gap:8px;flex-wrap:wrap}html,body,#root{width:100%;min-width:0;max-width:100%;overflow-x:clip}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.attachment-menu{position:relative}.attachment-dismiss{position:fixed;inset:0;z-index:85;background:transparent;border:0;border-radius:0;cursor:default}.attachment-options{position:absolute;bottom:calc(100% + 10px);left:0;z-index:86;min-width:220px;max-width:calc(100vw - 48px);padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:var(--shadow)}.attachment-options button{display:flex;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:46px;text-align:left;border:0;padding:12px 14px;background:transparent;border-radius:10px;line-height:22px}.attachment-options button svg{width:20px;height:20px;flex:none}.attachment-options button:focus-visible{outline:2px solid var(--muted);outline-offset:-2px}.attachment-options button:hover{background:var(--hover)}@media(max-width:760px){.workspace{width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.main,.chat-view,.composer,.composer-wrap{min-width:0}.composer textarea,input,select,textarea{font-size:16px!important}.composer textarea{width:100%}.login-page{width:100%;max-width:460px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom))}.sidebar{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.empty-chat{padding-bottom:0}.qr-camera{min-width:0}.qr-camera video{max-width:100%}.delivery-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px)}}.settings-hub{max-width:780px;margin:0 auto}.settings-areas{display:flex;flex-direction:column;gap:8px;margin:24px 0}.settings-area{display:flex;align-items:center;gap:16px;width:100%;padding:20px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.settings-area:hover{background:var(--hover)}.settings-area span{flex:1;font-size:16px}.settings-area>svg:last-child{color:var(--muted)}.settings-dialog{margin:auto;padding:0;width:min(960px,calc(100vw - 48px));height:min(800px,calc(100dvh - 64px));max-width:none;max-height:none;border:1px solid var(--line);border-radius:22px;background:var(--bg);color:var(--text);box-shadow:var(--shadow);overflow:hidden}.settings-dialog[open]{display:flex;flex-direction:column}.settings-dialog::backdrop{background:#0007;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid var(--line);flex-shrink:0}.settings-dialog h2{margin:0;font-size:22px}.settings-dialog-body{padding:26px;overflow:auto;min-height:0;overscroll-behavior:contain}.settings-dialog-body [hidden]{display:none!important}.settings-dialog-body .settings-section:first-child{margin-top:0;padding-top:0;border-top:0}.settings-dialog-body .mail-setup{max-width:100%}@media(max-width:760px){.settings-area{padding:17px 14px}.settings-dialog{width:calc(100% - 16px);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);border-radius:18px}.settings-dialog>header{padding:16px 18px}.settings-dialog-body{padding:18px}.settings-dialog h2{font-size:20px}}.connection-state{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;color:var(--muted);min-height:24px}.connection-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#a1a1aa}.connection-dot.is-connected{background:#22c55e;box-shadow:0 0 0 3px #22c55e18}.connection-dot.is-connecting{background:#d6a143;animation:connection-pulse 1.3s ease-in-out infinite}.connection-dot.is-offline{background:#a1a1aa}.connection-compact{margin-left:8px;font-size:12px;white-space:nowrap}@keyframes connection-pulse{50%{opacity:.35;box-shadow:0 0 0 5px #d6a14320}}@media(prefers-reduced-motion:reduce){.connection-dot.is-connecting{animation:none}}.pwa-update-banner{position:fixed;z-index:150;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(440px,calc(100% - 32px));padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);font-size:14px;text-align:center}.pwa-update-banner button{min-height:44px;background:var(--primary);color:var(--inverse);padding:12px 18px}.unlock-help{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0}.unlock-help button{min-height:44px}.device-check{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;font-size:12px;padding:16px;border:1px solid var(--line);border-radius:12px}.login-page:has(.unlock-help){padding-bottom:calc(170px + env(safe-area-inset-bottom))}.composer-attachments{display:flex;gap:8px;flex-wrap:wrap;padding:12px 12px 0;max-height:180px;overflow:auto}.draft-attachment{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px;max-width:100%;background:var(--bg)}.draft-attachment>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px}.draft-attachment small{display:block;color:var(--muted);font-size:11px}.draft-attachment svg{flex-shrink:0}button.attachment-dismiss,button.attachment-dismiss:hover,button.attachment-dismiss:active,button.attachment-dismiss:focus{background:transparent;border:0;box-shadow:none;outline:none}.attachment-options{transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s .22s;transform-origin:bottom left}.attachment-options.is-closed{opacity:0;transform:translateY(10px) scale(.98);visibility:hidden;pointer-events:none}.attachment-options.is-open{opacity:1;transform:translateY(0) scale(1);visibility:visible;transition-delay:0s}dialog[open]::backdrop{animation:overlay-in .2s ease both}dialog[data-closing=true]::backdrop{animation:overlay-out .2s ease both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{to{opacity:0}}@media(max-width:760px){.chat-footnote{padding:4px 0 2px;font-size:10px;line-height:14px}.workspace{padding-bottom:max(6px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.attachment-options{transition:none!important}dialog::backdrop{animation:none!important}}.motion-open{animation:overlay-in .2s ease both}.motion-open>.modal{animation:modal-rise .2s cubic-bezier(.22,1,.36,1) both}.motion-closed{animation:overlay-out .2s ease both;pointer-events:none}.motion-closed>.modal{animation:modal-fall .2s ease both}@keyframes modal-rise{0%{transform:translateY(16px) scale(.985);opacity:0}to{transform:none;opacity:1}}@keyframes modal-fall{to{transform:translateY(16px) scale(.985);opacity:0}}button.attachment-dismiss[hidden]{display:none!important}@media(max-width:760px){.chat-footnote{display:none}.composer-wrap{padding-bottom:0}}.sidebar,.sidebar-closed .sidebar{width:260px;padding:12px 10px;visibility:visible;overflow:hidden;transform:translate(0);margin-left:0;transition:transform .25s ease-in-out,margin-left .25s ease-in-out}.sidebar-closed .sidebar{transform:translate(-100%);margin-left:-260px;pointer-events:none}@media(max-width:760px){.sidebar,.sidebar-closed .sidebar{width:min(280px,85vw);margin-left:0;padding:calc(12px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom));transition:transform .25s ease-in-out;will-change:transform}.sidebar-closed .sidebar{transform:translate(-100%)}.sidebar-open .sidebar{transform:translate(0)}button.sidebar-shade,button.sidebar-shade:hover{display:block;position:fixed;inset:0;z-index:39;border:0;border-radius:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.sidebar-open button.sidebar-shade{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.sidebar,button.sidebar-shade{transition:none!important}}.packet-originals{padding:8px 14px;border-bottom:1px solid var(--line);max-height:180px;overflow:auto}.packet-originals button{display:flex;justify-content:flex-start;width:100%;border:0;text-align:left}.packet-originals span{overflow-wrap:anywhere}.viewer-actions{flex-wrap:wrap}