:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,sans-serif;color-scheme:light;--bg: #f3f4f6;--surface: #ffffff;--surface-muted: #f7f8fa;--surface-hover: #f0f1f3;--surface-selected: #fff6d7;--border: #e1e3e8;--border-strong: #cfd2d8;--text: #202124;--text-soft: #535862;--muted: #737985;--accent: #f4b400;--accent-hover: #dfa400;--accent-ink: #332500;--danger: #b42318;--success: #147a4b;--shadow: 0 18px 45px rgba(33, 37, 41, .14);--compose-head: #25282d;--compose-head-text: #f7f8fa;--radius-card: 14px;--radius-control: 10px}:root[data-theme=dark]{color-scheme:dark;--bg: #111214;--surface: #181a1e;--surface-muted: #1f2227;--surface-hover: #262a30;--surface-selected: #332c18;--border: #2d3138;--border-strong: #3c414a;--text: #f1f3f5;--text-soft: #c8cbd1;--muted: #9399a3;--accent: #f6bf2c;--accent-hover: #ffd04f;--accent-ink: #231900;--danger: #ff8a80;--success: #62d39b;--shadow: 0 18px 50px rgba(0, 0, 0, .36);--compose-head: #22252a;--compose-head-text: #f1f3f5}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{overflow:hidden;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-rows:64px auto minmax(0,1fr);height:100dvh;background:var(--bg)}.topbar{display:grid;grid-template-columns:224px minmax(280px,720px) minmax(max-content,1fr);align-items:center;gap:18px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:20}.topbar__brand,.topbar__actions,.topbar__actions>div{display:flex;align-items:center}.topbar__brand{gap:10px;min-width:0}.topbar__actions{justify-content:flex-end;gap:6px}.brand-mark,.reading-empty-mark{display:grid;place-items:center;flex:0 0 auto;background:var(--accent);color:var(--accent-ink);font-weight:850;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:11px;font-size:19px}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:18px;letter-spacing:-.025em}.brand-copy span{margin-top:4px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:42px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:var(--surface-muted);color:var(--muted)}.search-box:focus-within{border-color:var(--border-strong);background:var(--surface)}.search-box input{min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-box input::placeholder{color:var(--muted)}.search-box kbd{padding:2px 7px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;background:var(--surface);color:var(--muted);font-size:12px}.icon-button,.avatar-button,.star-button,.text-button{border:0;background:transparent;cursor:pointer}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-control);color:var(--text-soft)}.icon-button:hover,.star-button:hover{background:var(--surface-hover);color:var(--text)}.icon-button--small{width:30px;height:30px}.avatar-button{width:36px;height:36px;margin-left:4px;border-radius:50%;background:var(--text);color:var(--surface);font-size:12px;font-weight:750}.service-status{gap:6px;margin-right:4px;padding:6px 9px;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:12px;font-weight:650}.service-status__dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.service-status--online .service-status__dot{background:var(--success)}.service-status--offline .service-status__dot{background:var(--danger)}.topbar__menu{display:none}.health-warning{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--text-soft);border-bottom:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));font-size:13px}.health-warning button{border:0;background:transparent;color:var(--danger);font-weight:750;cursor:pointer}.workspace{display:grid;grid-template-columns:224px minmax(320px,390px) minmax(0,1fr);min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:16px 12px;border-right:1px solid var(--border)}.sidebar__mobile-head,.sidebar-backdrop{display:none}.compose-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:0;border-radius:var(--radius-control);background:var(--accent);color:var(--accent-ink);font-weight:760;cursor:pointer}.compose-button:hover{background:var(--accent-hover)}.folder-nav{display:grid;gap:3px;margin-top:14px}.folder-nav__item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:40px;padding:0 10px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-soft);text-align:left;cursor:pointer}.folder-nav__item strong{color:var(--muted);font-size:12px}.sidebar__spacer{flex:1}.account-card{padding:14px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-muted)}.account-card__label{margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.account-card strong{font-size:13px}.account-card p{margin:7px 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font-weight:680;cursor:pointer}.secondary-button:hover{background:var(--surface-hover)}.message-list-panel{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.message-list-head{padding:18px 16px 12px;border-bottom:1px solid var(--border)}.message-list-head>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.message-list-head h1{margin:0;font-size:19px;letter-spacing:-.025em}.message-list-head>div:first-child>span{color:var(--muted);font-size:12px}.list-filter{display:flex;gap:4px;margin-top:12px}.list-filter button{min-height:30px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer}.list-filter button:hover,.list-filter button.is-active{background:var(--surface-hover);color:var(--text)}.list-filter button.is-active{box-shadow:inset 0 0 0 1px var(--border)}.demo-notice{display:grid;gap:3px;margin:12px 12px 2px;padding:10px 12px;border-radius:10px;background:var(--surface-selected);color:var(--text-soft)}.demo-notice strong{font-size:12px}.demo-notice span{font-size:11px;line-height:1.4}.message-list-scroll,.reading-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.message-list-scroll{flex:1;padding-top:8px}.message-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:13px 14px;border-bottom:1px solid var(--border);background:transparent;cursor:pointer}.message-row.is-selected{background:var(--surface-selected);box-shadow:inset 3px 0 0 var(--accent)}.star-button{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border-radius:8px;color:var(--muted)}.message-row .star-button{margin-top:-4px}.message-row .star-button:has(svg[weight=fill]),.star-button--large.is-active{color:var(--accent-hover)}.message-row__content{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.message-row__meta,.message-row__subject{display:flex;align-items:center;min-width:0}.message-row__meta{justify-content:space-between;gap:10px}.message-row__meta strong{overflow:hidden;color:var(--text-soft);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.message-row.is-unread .message-row__meta strong,.message-row.is-unread .message-row__subject span{color:var(--text);font-weight:780}.message-row__subject{gap:6px;margin-top:5px}.message-row__subject span{overflow:hidden;font-size:13px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.message-row__subject svg{flex:0 0 auto;color:var(--muted)}.message-row__content p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-skeletons{padding:0 14px}.message-skeleton{display:grid;gap:9px;padding:16px 2px;border-bottom:1px solid var(--border)}.skeleton-line{display:block;width:88%;height:10px;border-radius:5px;background:var(--surface-hover)}.skeleton-line--short{width:38%}.skeleton-line--medium{width:68%}.empty-list,.reading-pane--empty{display:grid;place-items:center;align-content:center;text-align:center}.empty-list{min-height:300px;padding:28px}.empty-list__icon,.reading-empty-mark{width:48px;height:48px;border-radius:13px}.empty-list__icon{display:grid;place-items:center;background:var(--surface-hover);color:var(--muted);font-weight:780}.empty-list h2,.reading-pane--empty h2{margin:13px 0 5px;font-size:17px}.empty-list p,.reading-pane--empty p{max-width:310px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.reading-pane{display:flex;flex-direction:column;overflow:hidden}.reading-pane--empty{height:100%;padding:40px}.reading-empty-mark{font-size:22px}.reading-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 16px;border-bottom:1px solid var(--border)}.reading-toolbar__left{display:flex;align-items:center;gap:2px}.reading-scroll{flex:1;padding:26px clamp(24px,5vw,72px) 50px}.reading-head,.message-body,.reply-actions,.context-card{width:min(100%,820px);margin-inline:auto}.health-warning button{border:0;background:transparent;color:var(--danger);font-weight:700;cursor:pointer}.workspace{display:grid;grid-template-columns:244px minmax(330px,420px) minmax(420px,1fr);min-height:0;background:var(--bg)}.sidebar,.message-list-panel,.reading-pane{min-width:0;min-height:0;background:var(--surface)}.sidebar{display:flex;flex-direction:column;padding:18px 12px;border-right:1px solid var(--border)}.reading-head__title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.reading-head h1{margin:0;font-size:clamp(24px,2.3vw,34px);font-weight:720;letter-spacing:-.035em;line-height:1.15}.star-button--large{flex:0 0 auto;width:38px;height:38px}.sender-block{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.sender-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-selected);color:var(--accent-ink);font-weight:800}.sidebar__mobile-head{display:none}.compose-button,.send-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;cursor:pointer;font-weight:750}.compose-button{width:100%;min-height:46px;margin-bottom:16px;padding:0 16px;background:var(--accent);color:var(--accent-ink)}.compose-button:hover,.send-button:hover:not(:disabled){background:var(--accent-hover)}.sender-block__copy{display:grid;min-width:0}.sender-block__copy strong{font-size:14px}.sender-block__copy span,.sender-block__copy small,.sender-block time{color:var(--muted);font-size:12px}.sender-block__copy span{margin-top:2px}.sender-block__copy small{margin-top:4px}.message-body{padding:28px 0 8px;color:var(--text-soft);font-size:15px;line-height:1.72}.message-body p{margin:0 0 16px}.attachment-chip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 9px;align-items:center;min-width:240px;margin-top:24px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-muted);color:var(--text);text-align:left;cursor:pointer}.folder-nav{display:grid;gap:4px}.folder-nav__item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--text-soft);text-align:left;cursor:pointer}.folder-nav__item:hover{background:var(--surface-hover)}.folder-nav__item.is-active{background:var(--surface-selected);color:var(--text);font-weight:720}.folder-nav__item strong{font-size:12px}.attachment-chip svg{grid-row:1 / 3;color:var(--muted)}.attachment-chip span{font-size:13px;font-weight:700}.attachment-chip small{color:var(--muted);font-size:11px}.reply-actions{display:flex;gap:8px;margin-top:18px}.context-card{margin-top:36px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-muted)}.context-card>div{display:grid;gap:3px}.context-card span{color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.context-card strong{font-size:14px}.sidebar__spacer{flex:1;min-height:24px}.account-card{padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-muted)}.account-card__label{margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.account-card p{margin:8px 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.secondary-button{min-height:36px;padding:0 13px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft)}.message-list-panel{display:flex;flex-direction:column;border-right:1px solid var(--border)}.message-list-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid var(--border)}.message-list-head h1,.reading-head h1{margin:0;letter-spacing:-.03em}.message-list-head h1{font-size:19px}.message-list-head span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.list-filter{display:flex;gap:3px;padding:3px;border-radius:9px;background:var(--surface-muted)}.context-card p{max-width:62ch;margin:8px 0 10px;color:var(--muted);font-size:12px;line-height:1.5}.text-button{padding:0;color:color-mix(in srgb,var(--accent-hover) 60%,var(--text));font-size:12px;font-weight:760}.compose-panel{position:fixed;right:24px;bottom:0;z-index:40;display:flex;flex-direction:column;width:min(560px,calc(100vw - 48px));height:min(620px,76dvh);overflow:hidden;border:1px solid var(--border-strong);border-bottom:0;border-radius:14px 14px 0 0;background:var(--surface);box-shadow:var(--shadow)}.compose-panel.is-minimized{height:48px}.compose-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 10px 0 16px;background:var(--compose-head);color:var(--compose-head-text)}.list-filter button{min-height:28px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700}.list-filter button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.demo-notice{display:grid;gap:2px;margin:12px 14px 4px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:12px}.demo-notice span{color:var(--muted)}.message-list-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px}.compose-head strong{font-size:13px}.compose-head>div{display:flex}.compose-head .icon-button{color:color-mix(in srgb,var(--compose-head-text) 78%,transparent)}.compose-head .icon-button:hover{background:#ffffff1a;color:var(--compose-head-text)}.compose-form{display:flex;flex:1;flex-direction:column;min-height:0}.compose-field{position:relative}.compose-field--inline{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;min-height:44px;padding:0 16px;border-bottom:1px solid var(--border)}.compose-field--inline span{color:var(--muted);font-size:12px}.compose-field input,.compose-field textarea{border:0;outline:0;background:transparent;color:var(--text)}.message-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px;padding:10px 8px;border-radius:11px;cursor:pointer}.message-row:hover{background:var(--surface-hover)}.message-row.is-selected{background:var(--surface-selected)}.message-row.is-unread .message-row__meta strong,.message-row.is-unread .message-row__subject span{font-weight:800}.star-button{align-self:start;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--muted)}.star-button svg[weight=fill],.star-button.is-active{color:var(--accent-hover)}.message-row__content{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.compose-field--body{display:flex;flex:1;min-height:0}.compose-field textarea{width:100%;min-height:0;padding:18px;resize:none;line-height:1.6}.compose-field textarea::placeholder{color:var(--muted)}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:8px 12px;border-top:1px solid var(--border)}.compose-footer__primary,.compose-footer__tools{display:flex;align-items:center}.compose-footer__primary{gap:9px}.message-row__meta,.message-row__subject{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-row__meta strong,.message-row__subject span,.message-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row__meta strong{font-size:13px;font-weight:650}.message-row__meta time{flex:0 0 auto;color:var(--muted);font-size:11px}.message-row__subject{margin-top:4px;font-size:13px}.message-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.message-skeleton,.empty-list{padding:18px}.send-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;border:0;border-radius:var(--radius-control);background:var(--accent);color:var(--accent-ink);font-weight:760}.send-button:disabled{opacity:.48;cursor:not-allowed}.draft-save-letter{font-size:12px;font-weight:820}.toast{position:fixed;left:50%;bottom:24px;z-index:70;max-width:min(420px,calc(100vw - 32px));padding:11px 15px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--text);color:var(--surface);box-shadow:var(--shadow);font-size:13px;font-weight:650;transform:translate(-50%)}.is-spinning{animation:spin .8s linear infinite}.message-skeleton{display:grid;gap:8px;margin-bottom:8px;border-radius:10px;background:var(--surface-muted)}.skeleton-line{height:9px;border-radius:999px;background:color-mix(in srgb,var(--border-strong) 55%,transparent)}.skeleton-line--short{width:35%}.skeleton-line--medium{width:70%}.empty-list{display:grid;place-items:center;align-content:center;min-height:300px;text-align:center}.empty-list__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--surface-muted);color:var(--muted);font-weight:800}.empty-list h2{margin:12px 0 4px;font-size:16px}.empty-list p{margin:0;color:var(--muted);font-size:13px}@media(prefers-reduced-motion:no-preference){.message-skeleton .skeleton-line{animation:skeleton-pulse 1.2s ease-in-out infinite alternate}}@keyframes skeleton-pulse{0%{opacity:.48}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px){.workspace{grid-template-columns:72px 350px minmax(0,1fr)}.topbar{grid-template-columns:72px minmax(260px,620px) 1fr}.brand-copy,.compose-button span,.folder-nav__item span,.folder-nav__item strong,.account-card{display:none}.reading-pane{display:flex;flex-direction:column}.reading-pane--empty{align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--muted)}.reading-empty-mark{width:54px;height:54px;border-radius:16px;font-size:24px}.reading-pane--empty h2{margin:14px 0 6px;color:var(--text)}.reading-pane--empty p{max-width:420px;margin:0;line-height:1.55}.reading-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 16px;border-bottom:1px solid var(--border)}.topbar__brand{justify-content:center}.sidebar{padding-inline:8px}.compose-button{width:44px;padding:0;margin-inline:auto}.folder-nav__item{display:flex;justify-content:center;padding:0}}@media(max-width:860px){.app-shell{grid-template-rows:60px auto minmax(0,1fr)}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 10px}.topbar__menu{display:inline-grid}.topbar__brand{gap:3px}.brand-mark,.brand-copy{display:none}.reading-toolbar__left,.reply-actions,.compose-head>div,.compose-footer,.compose-footer__primary,.compose-footer__tools{display:flex;align-items:center}.reading-scroll{flex:1;min-height:0;overflow-y:auto;padding:26px clamp(20px,4vw,56px) 48px}.reading-head{max-width:900px;margin:0 auto}.reading-head__title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.reading-head h1{font-size:clamp(24px,2.4vw,36px);line-height:1.15}.star-button--large{width:38px;height:38px;flex:0 0 auto}.sender-block{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.sender-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface-selected);color:var(--accent-ink);font-weight:800}.sender-block__copy{display:grid;min-width:0}.sender-block__copy span,.sender-block__copy small,.sender-block time{color:var(--muted);font-size:12px}.message-body{max-width:900px;margin:0 auto;padding:26px 0;font-size:15px;line-height:1.72}.service-status{display:none}.workspace{display:block;position:relative}.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:min(292px,88vw);padding:14px 12px;transform:translate(-102%);transition:transform .18s ease;box-shadow:var(--shadow)}.sidebar.is-open{transform:translate(0)}.sidebar__mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:8px;padding:0 3px 0 7px}.sidebar-backdrop{position:fixed;inset:0;z-index:55;width:100%;height:100%;border:0;background:#0f11146b;opacity:0;pointer-events:none}.message-body p{margin:0 0 16px}.attachment-chip{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;min-width:240px;margin-top:22px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface-muted);color:var(--text);text-align:left;cursor:pointer}.attachment-chip svg{grid-row:1 / 3}.attachment-chip small{color:var(--muted)}.reply-actions{max-width:900px;gap:8px;margin:0 auto}.context-card{max-width:900px;margin:28px auto 0;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--surface-muted)}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.sidebar .compose-button{width:100%;margin:0;padding:0 16px}.sidebar .compose-button span,.sidebar .folder-nav__item span,.sidebar .folder-nav__item strong,.sidebar .account-card{display:initial}.sidebar .folder-nav__item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;justify-content:initial;padding:0 10px}.message-list-panel,.reading-pane{width:100%;height:100%}.reading-pane,.workspace.reader-is-open .message-list-panel{display:none}.workspace.reader-is-open .reading-pane{display:flex}.reading-back{display:inline-grid}.context-card span{display:block;margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.context-card p{margin:9px 0 10px;color:var(--muted);font-size:13px;line-height:1.5}.text-button{padding:0;color:color-mix(in srgb,var(--accent-hover) 78%,var(--text));font-weight:750}.compose-panel{position:fixed;right:22px;bottom:20px;z-index:40;display:flex;flex-direction:column;width:min(560px,calc(100vw - 32px));height:min(620px,calc(100dvh - 100px));overflow:hidden;border:1px solid var(--border-strong);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.reading-scroll{padding:22px 20px 44px}}@media(max-width:620px){.topbar{gap:6px;padding-inline:8px}.topbar__actions{gap:1px}.topbar__actions .icon-button[title=Configurações],.search-box kbd{display:none}.search-box{height:40px;padding-inline:10px}.search-box input{font-size:13px}.avatar-button{width:34px;height:34px}.health-warning{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 12px}.message-list-head{padding-top:15px}.compose-panel.is-minimized{height:48px}.compose-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 12px 0 16px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.compose-head>div{gap:2px}.compose-form{display:flex;flex:1;min-height:0;flex-direction:column}.compose-field--inline{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:46px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px}.compose-field input,.compose-field textarea{border:0;outline:0;background:transparent;color:var(--text)}.reading-head h1{font-size:24px}.sender-block{grid-template-columns:38px minmax(0,1fr)}.sender-avatar{width:38px;height:38px}.sender-block time{grid-column:2}.reply-actions{flex-wrap:wrap}.compose-panel{right:0;left:0;width:100%;height:min(680px,82dvh);border-right:0;border-left:0}.compose-footer__primary>span{display:none}.toast{bottom:14px}}.compose-field--body{flex:1;min-height:0}.compose-field textarea{width:100%;height:100%;resize:none;padding:18px;line-height:1.55}.compose-footer{justify-content:space-between;gap:12px;min-height:58px;padding:9px 12px;border-top:1px solid var(--border)}.compose-footer__primary,.compose-footer__tools{gap:7px}.compose-footer__primary>span{color:var(--muted);font-size:11px}.send-button{min-height:38px;padding:0 15px;background:var(--accent);color:var(--accent-ink)}.send-button:disabled{opacity:.55;cursor:not-allowed}.draft-save-letter{font-size:12px;font-weight:850}.toast{position:fixed;left:50%;bottom:22px;z-index:60;transform:translate(-50%);padding:10px 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--text);color:var(--surface);box-shadow:var(--shadow);font-size:13px;font-weight:650}.sidebar-backdrop{display:none}.is-spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reading-back{display:none}@media(max-width:1180px){.topbar{grid-template-columns:190px minmax(240px,1fr) auto}.workspace{grid-template-columns:220px minmax(320px,390px) minmax(360px,1fr)}.service-status span:last-child,.compose-footer__primary>span{display:none}}@media(max-width:900px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.topbar__menu{display:inline-grid}.brand-copy span,.service-status{display:none!important}.workspace{grid-template-columns:minmax(300px,42%) minmax(0,1fr)}.sidebar{position:fixed;inset:64px auto 0 0;z-index:50;width:270px;transform:translate(-104%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.is-open{transform:translate(0)}.sidebar__mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-backdrop.is-open{display:block;position:fixed;inset:64px 0 0;z-index:45;border:0;background:#00000047}}@media(max-width:680px){.topbar{padding:0 10px}.brand-copy{display:none}.search-box kbd,.topbar__actions .icon-button:nth-of-type(2),.topbar__actions .icon-button:nth-of-type(3){display:none}.workspace{display:block;position:relative}.message-list-panel,.reading-pane{position:absolute;inset:0}.reading-pane{transform:translate(100%);transition:transform .22s ease}.reader-is-open .reading-pane{transform:translate(0)}.reading-back{display:inline-grid}.message-list-head{align-items:start;flex-direction:column}.list-filter{width:100%}.list-filter button{flex:1}.reading-scroll{padding:20px 18px 38px}.sender-block{grid-template-columns:38px minmax(0,1fr)}.sender-block time{grid-column:2}.compose-panel{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100dvh - 80px)}.health-warning{align-items:flex-start;font-size:12px}}.sidebar{overflow-y:auto}.message-list-head h1{flex:0 0 auto;white-space:nowrap}.star-button.is-active{color:var(--accent-hover)}.brand-logo{position:relative;display:inline-block;width:154px;aspect-ratio:600 / 143;line-height:0}.brand-logo__asset{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.brand-logo__asset--dark{display:none}:root[data-theme=dark] .brand-logo__asset--light{display:none}:root[data-theme=dark] .brand-logo__asset--dark{display:block}.topbar__brand .brand-logo{width:150px;max-height:45px}.auth-loading{display:grid;place-items:center;align-content:center;gap:14px;min-height:100dvh;background:var(--bg);color:var(--muted)}.auth-loading__mark{color:var(--accent);font-size:30px;font-weight:850;letter-spacing:-.045em}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 15%,transparent),transparent 38%),var(--bg);position:relative}.login-theme-button{position:absolute;top:22px;right:22px;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-soft);display:grid;place-items:center;cursor:pointer}.login-card{width:min(100%,440px);display:grid;gap:22px}.login-brand{display:grid;justify-items:center;gap:8px;text-align:center}.login-brand .brand-logo{width:220px}.login-brand p{margin:0;color:var(--muted);font-size:14px}.login-form{display:grid;gap:16px;padding:26px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.login-form__head{display:flex;align-items:center;gap:12px;padding-bottom:6px}.login-form__head h1,.settings-head h2,.settings-section h3{margin:0}.login-form__head h1{font-size:22px;letter-spacing:-.035em}.login-form__head p{margin:4px 0 0;color:var(--muted);font-size:13px}.login-lock{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:#9c7600}.login-field,.connect-account-form label{display:grid;gap:7px}.login-field>span,.connect-account-form label>span{font-size:12px;font-weight:720;color:var(--text-soft)}.login-field input,.connect-account-form input{width:100%;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);color:var(--text);padding:0 12px;outline:none}.login-field input:focus,.connect-account-form input:focus{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:var(--surface)}.login-password{display:grid;grid-template-columns:1fr 44px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);overflow:hidden}.login-password:focus-within{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:var(--surface)}.login-password input{border:0;border-radius:0;background:transparent}.login-password button{border:0;background:transparent;color:var(--muted);cursor:pointer}.login-error{padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font-size:13px}.login-submit{min-height:46px;border:0;border-radius:11px;background:var(--accent);color:var(--accent-ink);font-weight:820;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.login-submit:disabled{opacity:.65;cursor:progress}.login-footer{display:flex;justify-content:center;gap:8px;color:var(--muted);font-size:12px}.settings-backdrop{position:fixed;inset:0;z-index:80;background:#11121475;display:flex;justify-content:flex-end}.settings-panel{width:min(100%,620px);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow)}.settings-head{min-height:76px;padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.settings-head span{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.settings-head h2{font-size:21px;letter-spacing:-.035em}.settings-body{overflow-y:auto;padding:20px;display:grid;align-content:start;gap:18px}.settings-section{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px}.settings-section__title{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.settings-section h3{font-size:16px}.settings-section p{margin:4px 0 0;color:var(--muted);font-size:13px}.mail-account-list{display:grid;gap:10px}.mail-account-empty{min-height:130px;border:1px dashed var(--border-strong);border-radius:14px;display:grid;place-items:center;align-content:center;gap:6px;color:var(--muted);text-align:center}.mail-account-empty strong{color:var(--text)}.mail-account-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-muted)}.mail-account-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-ink);font-weight:850}.mail-account-copy{min-width:0;display:grid;gap:2px}.mail-account-copy strong,.mail-account-copy span,.mail-account-copy small,.mail-account-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-account-copy span,.mail-account-copy small{color:var(--muted);font-size:12px}.mail-account-copy em{color:var(--danger);font-size:11px;font-style:normal}.mail-account-actions{display:grid;justify-items:end;gap:8px}.account-status{padding:4px 8px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:750;text-transform:capitalize}.account-status--active{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.account-status--error{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.connect-account-form{display:grid;gap:13px}.hostgator-hint{display:grid;gap:3px;padding:11px 12px;border-radius:10px;background:var(--surface-muted);color:var(--muted);font-size:12px}.hostgator-hint strong{color:var(--text-soft)}@media(max-width:720px){.login-shell{align-items:start;padding-top:86px}.login-brand .brand-logo{width:190px}.settings-panel{width:100%}.mail-account-item{grid-template-columns:auto minmax(0,1fr)}.mail-account-actions{grid-column:1 / -1;grid-template-columns:1fr auto;justify-items:stretch;align-items:center}}.password-rule{margin-top:-7px;color:var(--muted);font-size:11px}.attachment-panel{margin:8px 0 24px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-muted)}.attachment-panel__head,.attachment-preview__head,.attachment-preview__actions{display:flex;align-items:center}.attachment-panel__head,.attachment-preview__head{justify-content:space-between;gap:16px}.attachment-panel__head>div,.attachment-preview__head>div:first-child{display:grid;gap:3px}.attachment-panel__head span,.attachment-preview__head span,.attachment-card__copy span{color:var(--muted);font-size:12px}.attachment-zip{text-decoration:none;white-space:nowrap}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}.attachment-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 10px 10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.attachment-card__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text-soft)}.attachment-card__copy{display:grid;min-width:0;gap:3px}.attachment-card__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.attachment-card__actions{display:flex;align-items:center;gap:2px}.attachment-card__actions a.icon-button{text-decoration:none}.attachment-preview-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.attachment-preview{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1080px,96vw);height:min(820px,92vh);overflow:hidden;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.attachment-preview__head{min-height:62px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--border)}.attachment-preview__head strong{max-width:68vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview__actions{gap:6px}.attachment-preview__body{position:relative;display:grid;place-items:center;min-height:0;overflow:auto;background:var(--surface-muted)}.attachment-preview__body>img{max-width:100%;max-height:100%;object-fit:contain}.attachment-preview__body>iframe{width:100%;height:100%;border:0;background:#fff}.docx-preview,.text-preview{width:min(850px,100%);min-height:100%;margin:0 auto;padding:36px 42px;background:var(--surface);color:var(--text)}.docx-preview{line-height:1.6}.docx-preview img{max-width:100%;height:auto}.docx-preview table{width:100%;border-collapse:collapse}.docx-preview td,.docx-preview th{padding:7px 9px;border:1px solid var(--border)}.text-preview{margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.preview-state{padding:24px;color:var(--muted);text-align:center}.preview-state--error{color:var(--danger)}@media(max-width:720px){.attachment-panel{margin-inline:0;padding:14px}.attachment-panel__head{align-items:flex-start;flex-direction:column}.attachment-grid{grid-template-columns:1fr}.attachment-preview-backdrop{padding:0}.attachment-preview{width:100vw;height:100dvh;border:0;border-radius:0}.attachment-preview__head strong{max-width:48vw}.docx-preview,.text-preview{padding:22px 18px}}.compose-field--inline select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;appearance:none;cursor:pointer}.compose-field--inline select:disabled{cursor:not-allowed;opacity:.65}.compose-error{margin:0 24px 10px;padding:10px 12px;border:1px solid color-mix(in srgb,#dc2626 35%,transparent);border-radius:10px;background:color-mix(in srgb,#dc2626 9%,transparent);color:#b91c1c;font-size:13px}.draft-save-state{color:var(--text-muted, #6b7280);font-size:12px;white-space:nowrap}.draft-save-state.is-error{color:#b91c1c}.solutions-launcher{width:calc(100% - 24px);margin:10px 12px 0;padding:11px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid color-mix(in srgb,#f4b400 28%,var(--border, #dfe3e8));border-radius:13px;background:color-mix(in srgb,#f4b400 7%,var(--surface, #fff));color:inherit;text-align:left;cursor:pointer}.solutions-launcher:hover{background:color-mix(in srgb,#f4b400 12%,var(--surface, #fff))}.solutions-launcher__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,#f4b400 20%,transparent);color:#b88400}.solutions-launcher__copy{min-width:0;display:grid;gap:2px}.solutions-launcher__copy strong{font-size:13px}.solutions-launcher__copy span{overflow:hidden;color:var(--text-muted, #6b7280);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.solutions-launcher b{min-width:24px;padding:4px 7px;border-radius:999px;background:#f4b400;color:#171717;font-size:11px;text-align:center}.solutions-backdrop{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end;background:#0f172a61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.solutions-panel{width:min(620px,100%);height:100%;overflow:auto;background:var(--surface, #fff);color:var(--text, #202124);box-shadow:-18px 0 50px #0f172a29}.solutions-panel__head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:28px 28px 20px;border-bottom:1px solid var(--border, #e5e7eb)}.solutions-panel__head .eyebrow{color:#b88400;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.solutions-panel__head h2{margin:4px 0 6px;font-size:25px}.solutions-panel__head p{max-width:470px;margin:0;color:var(--text-muted, #6b7280);font-size:13px;line-height:1.5}.solutions-identity{margin:20px 28px 8px;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid color-mix(in srgb,#f4b400 30%,var(--border, #e5e7eb));border-radius:14px;background:color-mix(in srgb,#f4b400 6%,var(--surface, #fff))}.solutions-identity div{display:grid;gap:3px}.solutions-identity span,.solution-card small{color:var(--text-muted, #6b7280);font-size:11px}.solutions-identity strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.solutions-grid{padding:14px 28px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.solution-card{min-width:0;padding:14px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;border:1px solid var(--border, #e5e7eb);border-radius:14px;background:var(--surface-secondary, #f8fafc)}.solution-card.is-primary{border-color:color-mix(in srgb,#f4b400 48%,var(--border, #e5e7eb));background:color-mix(in srgb,#f4b400 8%,var(--surface, #fff))}.solution-card__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,#f4b400 16%,transparent);color:#b88400}.solution-card__copy{min-width:0}.solution-card__title{display:flex;gap:8px;align-items:center;justify-content:space-between}.solution-card__title strong{font-size:14px}.solution-card__title span{padding:3px 6px;border-radius:999px;background:color-mix(in srgb,#16a34a 11%,transparent);color:#15803d;font-size:9px;font-weight:800;white-space:nowrap}.solution-card p{margin:6px 0;color:var(--text-muted, #6b7280);font-size:12px;line-height:1.45}.solutions-empty{margin:20px 28px;padding:18px;border:1px dashed var(--border, #d1d5db);border-radius:14px;color:var(--text-muted, #6b7280);text-align:center}.solutions-panel__footer{margin:0 28px 28px;padding:14px 16px;display:grid;gap:5px;border-radius:12px;background:var(--surface-secondary, #f8fafc)}.solutions-panel__footer strong{font-size:12px}.solutions-panel__footer span{color:var(--text-muted, #6b7280);font-size:11px;line-height:1.5}@media(max-width:640px){.solutions-panel__head,.solutions-grid{padding-left:18px;padding-right:18px}.solutions-identity,.solutions-panel__footer{margin-left:18px;margin-right:18px}.solutions-identity,.solutions-grid{grid-template-columns:1fr}.draft-save-state{display:none}}