.cx-workspace{--workspace-line:var(--cx-line,#e2e8f0);--workspace-surface:var(--cx-surface,#ffffff);--workspace-canvas:var(--bg-soft,#f4f6fa);display:flex;flex-direction:column;height:100vh;height:100dvh;min-width:0;overflow:hidden;background:var(--workspace-canvas);color:var(--text)}.cx-workspace-main{position:relative;overflow:hidden;min-width:0}.cx-workspace-content{flex:1;min-height:0;min-width:0;overflow:hidden}.cx-split{container-type:inline-size;height:100%;min-width:0}.cx-split-inner{display:flex;height:100%;min-height:0;overflow:hidden}.cx-mail-list{width:var(--cx-list-width,380px);flex-shrink:0;min-width:0;height:100%}.cx-mail-reader{display:flex;flex:1;min-width:0;height:100%;background:var(--workspace-surface)}.cx-compact-back{display:none}.cx-list-divider{position:relative;flex:0 0 8px;cursor:col-resize;touch-action:none}.cx-workspace [role=separator]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cx-workspace :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent,#6366f1);outline-offset:3px}.cx-workspace .cx-inbox-view{gap:12px}.cx-workspace .cx-inbox-view>header{padding:2px 4px 10px;border-bottom:1px solid var(--workspace-line)}.cx-workspace .reader-card{box-shadow:none}.cx-workspace .preview-clamp{font-size:.875rem;line-height:1.45}.cx-workspace .panel-scroll{overscroll-behavior:contain;scrollbar-gutter:stable}.cx-skip-link{position:fixed;z-index:200;left:1rem;top:1rem;transform:translateY(-200%);padding:.75rem 1rem;background:var(--workspace-surface);border-radius:8px}.cx-skip-link:focus{transform:translateY(0)}.cx-recovery{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;max-width:36rem;height:100%;margin:auto;padding:32px}.cx-recovery h1{font-size:1.5rem;font-weight:600}.cx-recovery p{font-size:1rem;line-height:1.6;color:var(--text-muted)}.cx-view-loading{display:grid;align-content:start;gap:20px;padding:32px}.cx-loading-block,.cx-loading-line{background:var(--workspace-line);border-radius:10px;animation:cx-view-pulse 1.5s ease-in-out infinite}.cx-loading-line{height:24px;width:35%}.cx-loading-block{height:100px}@keyframes cx-view-pulse{50%{opacity:.4}}@container (max-width: 639px){.cx-mail-list{width:100%;flex:1}.cx-list-divider,.cx-mail-reader,.cx-split[data-selected=true] .cx-mail-list{display:none}.cx-split[data-selected=true] .cx-mail-reader{display:flex}}@media (max-width:1023px){.cx-workspace-content{padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px))}.cx-workspace[data-reading=true] .cx-workspace-content{padding-bottom:calc(176px + env(safe-area-inset-bottom, 0px))}.cx-mail-list{width:100%;flex:1}.cx-list-divider,.cx-mail-reader,.cx-split[data-selected=true] .cx-mail-list{display:none}.cx-split[data-selected=true] .cx-mail-reader{display:flex}.cx-workspace .panel-scroll{scrollbar-gutter:auto}.cx-mobile-nav{min-height:64px}.cx-mobile-nav button{min-height:48px}.cx-workspace :is(input,textarea,select){font-size:1rem}}@media (prefers-reduced-motion:reduce){.cx-workspace *,.cx-workspace :after,.cx-workspace :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width:1024px){@container (max-width: 639px){.cx-compact-back{display:block;text-align:left;padding:12px 16px;font-size:.875rem;color:var(--accent);border-bottom:1px solid var(--workspace-line)}}}