:root{--spit-color-primary: #32455b;--spit-color-white: #ffffff;--spit-color-surface-subtle: #f3f5f7;--spit-color-surface-muted: #e4eaf0;--spit-color-deep: #243447;--spit-color-primary-hover: #273749;--spit-color-primary-active: #1d2937;--spit-color-deep-hover: #1a2634;--spit-color-deep-active: #121a24;--spit-color-surface-hover: #dce4ec;--spit-color-success: #1e5138;--spit-color-success-bg: #edf5f0;--spit-color-success-border: #9dc4ae;--spit-color-warning: #734f18;--spit-color-warning-bg: #faf3e8;--spit-color-warning-border: #d3b787;--spit-color-error: #822727;--spit-color-error-bg: #f9eded;--spit-color-error-border: #d89898;--spit-color-info-bg: #e8eef5;--spit-color-info-border: #b7cbdc;--spit-text-muted: #576a80;--spit-text-disabled: #8d9faf;--spit-field-border: #cbd5e1;--spit-space-2: 2px;--spit-space-4: 4px;--spit-space-8: 8px;--spit-space-12: 12px;--spit-space-16: 16px;--spit-space-20: 20px;--spit-space-24: 24px;--spit-space-32: 32px;--spit-space-40: 40px;--spit-space-48: 48px;--spit-border-width-fine: 1px;--spit-border-width-regular: 1.5px;--spit-border-width-strong: 2px;--spit-border-width-accent: 3px;--spit-cut-trapezoid: polygon(9px 0%, calc(100% - 9px) 0%, 100% 100%, 0% 100%);--spit-cut-parallelogram: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);--spit-trapezoid-tab: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%);--spit-cut-corner-sm: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);--spit-cut-corner-md: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);--spit-shadow-card: 0 1px 3px rgba(36, 52, 71, .08);--spit-shadow-dropdown: 0 4px 12px rgba(36, 52, 71, .12);--font-base: "Ebrima", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "Consolas", "Cascadia Mono", "Courier New", monospace;--ease: ease;--fast: .12s;--topbar-h: 56px;--bottomnav-h: 60px;--sidebar-w: 256px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light;--bg: var(--spit-color-white);--bg-subtle: var(--spit-color-surface-subtle);--bg-muted: var(--spit-color-surface-muted);--bg-hover: var(--spit-color-surface-hover);--surface: var(--spit-color-white);--border: var(--spit-color-surface-muted);--border-strong: var(--spit-field-border);--text: var(--spit-color-deep);--text-2: var(--spit-color-primary);--text-muted: var(--spit-text-muted);--text-disabled: var(--spit-text-disabled);--accent: var(--spit-color-primary);--accent-hover: var(--spit-color-primary-hover);--accent-active: var(--spit-color-primary-active);--on-accent: var(--spit-color-white);--deep: var(--spit-color-deep);--on-deep: var(--spit-color-white);--focus: var(--spit-color-deep);--field-bg: var(--spit-color-white);--unread: var(--spit-color-primary);--success: var(--spit-color-success);--success-bg: var(--spit-color-success-bg);--success-border: var(--spit-color-success-border);--warning: var(--spit-color-warning);--warning-bg: var(--spit-color-warning-bg);--warning-border: var(--spit-color-warning-border);--error: var(--spit-color-error);--error-bg: var(--spit-color-error-bg);--error-border: var(--spit-color-error-border);--info: var(--spit-color-deep);--info-bg: var(--spit-color-info-bg);--info-border: var(--spit-color-info-border);--scrim: rgba(18, 26, 36, .48);--preview-bg: var(--spit-color-surface-subtle)}:root[data-theme=dark]{color-scheme:dark;--bg: #1a2634;--bg-subtle: #1f2d3d;--bg-muted: #2b3c50;--bg-hover: #2e4157;--surface: #243447;--border: rgba(228, 234, 240, .14);--border-strong: rgba(228, 234, 240, .28);--text: #ffffff;--text-2: #e4eaf0;--text-muted: #a9b9ca;--text-disabled: #6f8296;--accent: #e4eaf0;--accent-hover: #ffffff;--accent-active: #cfd9e3;--on-accent: #243447;--deep: #121a24;--on-deep: #ffffff;--focus: #e4eaf0;--field-bg: #1a2634;--unread: #e4eaf0;--success: #b7e0c8;--success-bg: rgba(30, 81, 56, .35);--success-border: #4f8a69;--warning: #f0d6a8;--warning-bg: rgba(115, 79, 24, .35);--warning-border: #a98447;--error: #f3c0c0;--error-bg: rgba(130, 39, 39, .35);--error-border: #b46464;--info: #e4eaf0;--info-bg: rgba(183, 203, 220, .12);--info-border: rgba(183, 203, 220, .4);--scrim: rgba(0, 0, 0, .55);--preview-bg: #121a24}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-base);font-size:.9375rem;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}[hidden],.hidden{display:none!important}img,svg{display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--text-2)}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--bg-muted);color:var(--text)}.icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.eyebrow{font-size:.75rem;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.caption{font-size:.75rem;line-height:1.5;color:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:var(--spit-border-width-regular) solid transparent;border-radius:0;background:transparent;font-weight:700;font-size:.875rem;letter-spacing:.02em;white-space:nowrap;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.btn .icon{width:16px;height:16px}.btn--sm{min-height:34px;padding:0 12px;font-size:.8125rem}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-active)}.btn--cut{clip-path:var(--spit-cut-parallelogram);padding-inline:24px}.btn--cut:focus-visible{clip-path:none}.btn--secondary{background:var(--surface);border-color:var(--accent);color:var(--text-2)}.btn--secondary:hover:not(:disabled){background:var(--bg-subtle)}.btn--ghost{color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--bg-muted)}.btn--danger{background:var(--surface);border-color:var(--error-border);color:var(--error)}.btn--danger:hover:not(:disabled){background:var(--error-bg)}.btn--danger.btn--solid,.dialog .btn--danger[value=ok]{background:var(--spit-color-error);border-color:var(--spit-color-error);color:#fff}.btn:disabled{opacity:.55}.iconBtn{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-2);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.iconBtn:hover:not(:disabled){background:var(--bg-muted)}.iconBtn--sm{width:30px;height:30px}.iconBtn--sm .icon{width:16px;height:16px}.iconBtn--danger:hover:not(:disabled){background:var(--error-bg);color:var(--error)}.iconBtn[aria-pressed=true]{background:var(--bg-muted)}.buttonRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:40px;padding:8px 12px;border:var(--spit-border-width-fine) solid var(--border-strong);border-radius:0;background:var(--field-bg);color:var(--text);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--text-muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-subtle);color:var(--text-disabled)}input[aria-invalid=true],input[aria-invalid=true]:focus-visible,input[aria-invalid=true]:hover:not(:disabled){border-color:var(--spit-color-error);box-shadow:0 0 0 1px var(--spit-color-error)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{font-size:.8125rem;font-weight:700;color:var(--text)}.field__hint{font-size:.75rem;color:var(--text-muted)}.field--wide{grid-column:1 / -1}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start}.selectControl{position:relative;display:block}.selectControl select{appearance:none;padding-right:36px}.selectControl:after{content:"";position:absolute;top:50%;right:14px;width:8px;height:8px;border-right:2px solid var(--text-2);border-bottom:2px solid var(--text-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.selectControl--bare select{border-color:transparent;background:transparent;min-height:34px;font-size:.8125rem;font-weight:700;color:var(--text-2)}.passwordField{position:relative;display:block}.passwordField input{padding-right:44px}.passwordField__toggle{position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:100%;border:0;background:transparent;color:var(--text-muted)}.passwordField__toggle:hover{color:var(--text)}.toggle{display:flex;align-items:flex-start;gap:12px;padding:12px 0;cursor:pointer}.toggle--compact{padding:4px 0;align-items:center}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle__track{position:relative;flex:none;width:40px;height:22px;margin-top:1px;border:var(--spit-border-width-regular) solid var(--border-strong);background:var(--bg-muted);transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:var(--text-muted);transition:transform var(--fast) var(--ease),background-color var(--fast) var(--ease)}.toggle input:checked+.toggle__track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle__track:after{transform:translate(18px);background:var(--on-accent)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--focus);outline-offset:2px}.toggle__text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle__title{font-weight:700;font-size:.875rem}.chip{min-height:30px;padding:0 12px;border:var(--spit-border-width-fine) solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:.8125rem;font-weight:700}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.segmented{display:inline-flex;border:var(--spit-border-width-fine) solid var(--border-strong);background:var(--surface)}.segmented__option{min-height:34px;padding:0 14px;border:0;background:transparent;color:var(--text-2);font-size:.8125rem;font-weight:700;white-space:nowrap}.segmented__option+.segmented__option{border-left:var(--spit-border-width-fine) solid var(--border-strong)}.segmented__option:hover{background:var(--bg-subtle)}.segmented__option--active,.segmented__option--active:hover{background:var(--accent);color:var(--on-accent)}.segmented--sm .segmented__option{min-height:28px;padding:0 10px;font-size:.75rem}.segmented--tabs{display:flex;width:100%;border:0;border-bottom:var(--spit-border-width-fine) solid var(--border);background:transparent;overflow-x:auto;scrollbar-width:none}.segmented--tabs::-webkit-scrollbar{display:none}.segmented--tabs .segmented__option{position:relative;min-height:42px;padding:0 16px;border:0;color:var(--text-muted)}.segmented--tabs .segmented__option+.segmented__option{border-left:0}.segmented--tabs .segmented__option--active,.segmented--tabs .segmented__option--active:hover{background:transparent;color:var(--text)}.segmented--tabs .segmented__option--active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;background:var(--accent)}.countBadge{display:inline-grid;place-items:center;min-width:22px;height:18px;padding:0 7px;background:var(--accent);color:var(--on-accent);font-size:.6875rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.countBadge--muted{background:var(--bg-muted);color:var(--text-2)}.countBadge--dot{position:absolute;top:-4px;right:-8px;min-width:16px;height:14px;padding:0 5px;font-size:.625rem}.feedback{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:var(--spit-border-width-fine) solid var(--info-border);border-left-width:var(--spit-border-width-accent);background:var(--info-bg);color:var(--info);font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere}.feedback .icon{width:16px;height:16px;margin-top:1px}.feedback--success{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.feedback--error{border-color:var(--error-border);background:var(--error-bg);color:var(--error)}.feedback--warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning)}.testRow{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}.testRow .feedback{align-self:stretch}.disclosure{border:var(--spit-border-width-fine) solid var(--border);background:var(--surface)}.disclosure__summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;list-style:none;cursor:pointer;font-weight:700;font-size:.875rem;color:var(--text-2)}.disclosure__summary::-webkit-details-marker{display:none}.disclosure__chevron{width:14px;height:14px;transition:transform var(--fast) var(--ease)}.disclosure[open]>.disclosure__summary .disclosure__chevron{transform:rotate(90deg)}.disclosure__body{display:flex;flex-direction:column;gap:12px;padding:4px 12px 14px}.callout,.dangerZone,.orderRow{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;border:var(--spit-border-width-fine) solid var(--border);background:var(--bg-subtle)}.callout>.icon{width:22px;height:22px;color:var(--text-2)}.callout>div,.dangerZone>div,.orderRow>div:first-child{flex:1;min-width:0}.callout strong,.dangerZone strong,.orderRow strong{display:block;font-size:.875rem}.callout{clip-path:var(--spit-cut-corner-md)}.orderRow{background:transparent;flex-wrap:wrap}.dangerZone{background:transparent;border-color:var(--error-border);border-style:dashed}.swatches{display:flex;flex-wrap:wrap;gap:10px;min-height:40px;align-items:center}.swatch{position:relative;width:34px;height:34px;cursor:pointer}.swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.swatch__chip{position:absolute;inset:5px;border:var(--spit-border-width-fine) solid var(--border-strong);transform:rotate(45deg) scale(.8);transition:transform var(--fast) var(--ease)}.swatch input:checked+.swatch__chip{transform:rotate(45deg) scale(1);outline:2px solid var(--focus);outline-offset:2px}.swatch input:focus-visible+.swatch__chip{outline:2px solid var(--focus);outline-offset:4px}.choiceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choiceCard{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border:var(--spit-border-width-regular) solid var(--border);background:var(--surface);cursor:pointer}.choiceCard:hover{border-color:var(--border-strong)}.choiceCard input{position:absolute;opacity:0}.choiceCard:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choiceCard:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.choiceCard__preview{height:72px;border:var(--spit-border-width-fine) solid var(--border);background:linear-gradient(90deg,#f3f5f7 0 28%,transparent 28%),linear-gradient(#ffffff 0 22%,transparent 22%),#fff}.choiceCard__preview--dark{background:linear-gradient(90deg,#1f2d3d 0 28%,transparent 28%),linear-gradient(#243447 0 22%,transparent 22%),#1a2634}.choiceCard__preview--system{background:linear-gradient(115deg,#fff 0 50%,#1a2634 50% 100%)}.choiceCard__label{font-weight:700;font-size:.875rem}.choiceCard:has(input:checked) .choiceCard__label:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--accent);transform:rotate(45deg) translateY(-1px)}.infoList{display:grid;gap:0;margin:0 0 20px;border-top:var(--spit-border-width-fine) solid var(--border)}.infoList>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:var(--spit-border-width-fine) solid var(--border)}.infoList dt{color:var(--text-muted)}.infoList dd{margin:0;font-weight:700}dialog{padding:0;border:0;color:var(--text)}dialog::backdrop{background:var(--scrim)}.dialog{width:min(460px,calc(100vw - 32px));border:var(--spit-border-width-fine) solid var(--border);border-top:var(--spit-border-width-accent) solid var(--accent);background:var(--surface);box-shadow:var(--spit-shadow-dropdown)}.dialog__form{display:flex;flex-direction:column}.dialog__header{padding:20px 22px 4px}.dialog__title{font-size:1.125rem;font-weight:700}.dialog__body{padding:12px 22px 20px;color:var(--text-2)}.dialog__footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:var(--spit-border-width-fine) solid var(--border);background:var(--bg-subtle)}.contextMenu{position:fixed;z-index:60;min-width:220px;padding:6px 0;border:var(--spit-border-width-fine) solid var(--border);background:var(--surface);box-shadow:var(--spit-shadow-dropdown)}.contextMenu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 14px;border:0;background:transparent;text-align:left;font-size:.875rem}.contextMenu button:hover{background:var(--bg-subtle)}.contextMenu .icon{width:16px;height:16px;color:var(--text-muted)}.contextMenu__danger{color:var(--error)}.toastContainer{position:fixed;z-index:80;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;max-width:min(440px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;border:var(--spit-border-width-fine) solid var(--border);border-left:var(--spit-border-width-accent) solid var(--accent);background:var(--surface);box-shadow:var(--spit-shadow-dropdown);font-size:.875rem;pointer-events:auto;animation:toastIn .16s ease}.toast--success{border-left-color:var(--spit-color-success)}.toast--error{border-left-color:var(--spit-color-error)}.toast__icon{margin-top:1px}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--error)}.toast__content{flex:1;min-width:0;overflow-wrap:anywhere}.toast__close{flex:none;display:grid;place-items:center;width:26px;height:26px;border:0;background:transparent;color:var(--text-muted)}.toast__close:hover{background:var(--bg-muted)}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}}.offlineBanner{position:fixed;z-index:90;top:0;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--spit-color-warning-bg);border:1px solid var(--spit-color-warning-border);color:var(--spit-color-warning);font-size:.8125rem;font-weight:700}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fileList{display:flex;flex-direction:column;gap:6px}.fileList:empty{display:none}.fileList--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.fileItem{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 6px 6px 12px;border:var(--spit-border-width-fine) solid var(--border);background:var(--surface)}.fileItem>.icon{color:var(--text-muted)}.fileItem__meta{flex:1;min-width:0}.fileItem__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.8125rem}.fileItem__hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--text-muted)}.autocomplete{position:relative}.autocomplete input{padding-right:42px}.autocomplete__toggle{position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:var(--text-muted)}.autocomplete__toggle .icon{width:16px;height:16px}.autocomplete__list{position:absolute;z-index:30;top:calc(100% + 2px);left:0;right:0;max-height:260px;overflow:auto;border:var(--spit-border-width-fine) solid var(--border);background:var(--surface);box-shadow:var(--spit-shadow-dropdown)}.autocomplete__option{display:block;width:100%;padding:10px 12px;border:0;background:transparent;text-align:left;font-size:.875rem}.autocomplete__option:hover,.autocomplete__option[aria-selected=true]{background:var(--bg-subtle)}:where(input[type=checkbox]),:where(input[type=radio]){appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;flex:none;width:18px;height:18px;margin:0;border:var(--spit-border-width-regular) solid var(--border-strong);border-radius:0;background:var(--field-bg);cursor:pointer;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}:where(input[type=radio]){transform:rotate(45deg) scale(.85)}:where(input[type=checkbox]):hover,:where(input[type=radio]):hover{border-color:var(--accent)}:where(input[type=checkbox]):checked{background:var(--accent);border-color:var(--accent)}:where(input[type=checkbox]):checked:after{content:"";width:5px;height:9px;margin-top:-2px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}:where(input[type=radio]):checked{border-color:var(--accent)}:where(input[type=radio]):checked:after{content:"";width:8px;height:8px;background:var(--accent)}:where(input[type=checkbox]):focus-visible,:where(input[type=radio]):focus-visible{outline:2px solid var(--focus);outline-offset:3px}:where(input[type=checkbox]):disabled,:where(input[type=radio]):disabled{opacity:.45;cursor:not-allowed}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0,1fr);height:100vh;height:100dvh}.layout{position:relative;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:0}.app.is-sidebar-collapsed .layout{grid-template-columns:64px minmax(0,1fr)}.content{position:relative;min-width:0;min-height:0;background:var(--bg)}.view{display:flex;flex-direction:column;height:100%;min-height:0}.topbar{position:relative;z-index:20;min-width:0;display:flex;align-items:stretch;gap:8px;padding:0 12px 0 0;background:var(--surface);border-bottom:var(--spit-border-width-fine) solid var(--border)}.topbar__menu{display:none;align-self:center;margin-left:8px}.brand{display:flex;align-items:center;gap:10px;flex:none;width:var(--sidebar-w);padding:0 20px;text-decoration:none;border-right:var(--spit-border-width-fine) solid var(--border)}.app.is-sidebar-collapsed .brand{width:auto}.brand__logo{height:22px;width:auto}:root[data-theme=dark] .brand__logo,:root[data-theme=dark] .login__logo{box-sizing:content-box;padding:6px 8px;background:#fff}.brand__product{padding-left:10px;border-left:var(--spit-border-width-strong) solid var(--border);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.accountTabs{position:relative;display:flex;align-items:flex-end;flex:1;min-width:0;gap:2px}.accountTabs__list{display:flex;align-items:flex-end;gap:2px;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent;padding-bottom:4px;margin-bottom:-4px}.accountTabs:hover .accountTabs__list,.accountTabs:focus-within .accountTabs__list{scrollbar-color:var(--border-strong) transparent}.accountTabs__list::-webkit-scrollbar{height:4px}.accountTabs__list::-webkit-scrollbar-thumb{background:transparent;border:0}.accountTabs:hover .accountTabs__list::-webkit-scrollbar-thumb{background:var(--border-strong)}.accountTabs.is-overflow-end .accountTabs__list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.accountTabs.is-overflow-start .accountTabs__list{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px);mask-image:linear-gradient(90deg,transparent,#000 32px)}.accountTabs.is-overflow-start.is-overflow-end .accountTabs__list{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.accountTabs__scroll{display:none;place-items:center;flex:none;align-self:center;width:28px;height:36px;padding:0;border:0;background:transparent;color:var(--text-2)}.accountTabs__scroll:hover{background:var(--bg-muted)}.accountTabs__scroll .icon{width:16px;height:16px}.accountTabs__scroll--prev .icon{transform:rotate(180deg)}.accountTabs.is-overflow-start .accountTabs__scroll--prev,.accountTabs.is-overflow-end .accountTabs__scroll--next{display:grid}.accountTabs.is-overflow-start .accountTabs__scroll--prev:disabled,.accountTabs.is-overflow-end .accountTabs__scroll--next:disabled{opacity:.3}.accountTab.is-dragging{opacity:.35}.accountTabs.is-reordering .accountTab{cursor:grabbing}.accountTabs.is-reordering .accountTabs__list{touch-action:none;scroll-snap-type:none}.accountTab{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.accountTab.is-drop-before{box-shadow:inset 3px 0 0 var(--accent)}.accountTab.is-drop-after{box-shadow:inset -17px 0 0 -14px var(--accent)}.accountDragGhost{position:fixed;z-index:100;pointer-events:none;display:flex;align-items:center;gap:10px;height:44px;padding:0 28px 0 16px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:.875rem;clip-path:var(--spit-trapezoid-tab);box-shadow:var(--spit-shadow-dropdown);opacity:.92}.accountTab{position:relative;display:flex;align-items:center;gap:10px;flex:none;max-width:260px;height:44px;padding:0 28px 0 16px;border:0;background:transparent;color:var(--text-muted);text-align:left;scroll-snap-align:start;clip-path:var(--spit-trapezoid-tab);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.accountTab:hover{background:var(--bg-subtle);color:var(--text)}.accountTab[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.accountTab:focus-visible{clip-path:none;outline-offset:-2px}.accountTab__marker{flex:none;width:8px;height:8px;background:currentColor;opacity:.45;transform:rotate(45deg)}.accountTab[aria-selected=true] .accountTab__marker{opacity:1}.accountTab__text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.accountTab__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.875rem}.accountTab__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;opacity:.8}.accountTab .countBadge{flex:none}.accountTab[aria-selected=true] .countBadge{background:var(--on-accent);color:var(--accent)}.accountTab--warning .accountTab__marker{background:transparent;border:2px solid currentColor;opacity:1}.accountTabs__add{display:grid;place-items:center;flex:none;width:36px;height:36px;margin:0 0 4px 4px;border:var(--spit-border-width-fine) dashed var(--border-strong);background:transparent;color:var(--text-2)}.accountTabs__add:hover{border-style:solid;border-color:var(--accent);background:var(--bg-subtle)}.topbar__tools{display:flex;align-items:center;gap:2px;flex:none}.themeIcon--sun{display:none}:root[data-theme=dark] .themeIcon--sun{display:block}:root[data-theme=dark] .themeIcon--moon{display:none}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--bg-subtle);border-right:var(--spit-border-width-fine) solid var(--border)}.sidebar__head{display:flex;align-items:center;gap:6px;padding:16px 12px 8px 16px}.sidebar__compose{flex:1}.sidebar__account{display:flex;flex-direction:column;gap:2px;margin:8px 16px 6px;padding:10px 12px;border-left:var(--spit-border-width-accent) solid var(--accent);background:var(--surface)}.sidebar__accountEmail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:700;color:var(--text)}.sidebar__nav{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 16px}.sidebar__section{display:flex;align-items:center;justify-content:space-between;margin:18px 4px 6px 10px}.sidebar__foot{padding:10px 16px calc(10px + var(--safe-bottom));border-top:var(--spit-border-width-fine) solid var(--border)}.navItem{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 10px 0 12px;border:0;background:transparent;color:var(--text-2);text-align:left;font-size:.875rem;font-weight:700;transition:background-color var(--fast) var(--ease)}.navItem:hover{background:var(--bg-muted)}.navItem--active,.navItem--active:hover{background:var(--surface);color:var(--text)}.navItem--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:var(--spit-border-width-accent);background:var(--accent)}.navItem__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folderTree__row{padding-left:calc(12px + var(--folder-depth, 0) * 16px);padding-right:0;gap:0}.folderTree__item{display:flex;align-items:center;gap:12px;flex:1;min-width:0;height:40px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.folderTree__item .icon{width:17px;height:17px}.folderTree__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.navItem--active .folderTree__label{font-weight:700}.folderTree__item--unavailable{color:var(--text-disabled);cursor:default}.folderTree__item--create{color:var(--text-muted);font-style:italic}.folderTree__toggle,.folderTree__more{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;background:transparent;color:var(--text-muted)}.folderTree__toggle .icon,.folderTree__more .icon{width:14px;height:14px;transition:transform var(--fast) var(--ease)}.folderTree__toggle[aria-expanded=true] .icon{transform:rotate(90deg)}.folderTree__more{opacity:0}.folderTree__row:hover .folderTree__more,.folderTree__more:focus-visible{opacity:1}.folderTree__empty{padding:8px 12px;font-size:.8125rem;color:var(--text-muted)}.app.is-sidebar-collapsed .sidebar__head{flex-direction:column;padding:12px 8px}.app.is-sidebar-collapsed .sidebar__compose{width:44px;padding:0;clip-path:none}.app.is-sidebar-collapsed .sidebar__label,.app.is-sidebar-collapsed .navItem__label,.app.is-sidebar-collapsed .sidebar__account,.app.is-sidebar-collapsed .sidebar__section,.app.is-sidebar-collapsed .folderTree,.app.is-sidebar-collapsed .sidebar__foot,.app.is-sidebar-collapsed .brand__product{display:none}.app.is-sidebar-collapsed .navItem{justify-content:center;padding:0}.app.is-sidebar-collapsed .navItem .countBadge{position:absolute;top:2px;right:4px;min-width:16px;height:14px;padding:0 4px;font-size:.625rem}.scrim{position:fixed;inset:0;z-index:30;background:var(--scrim)}.bottomNav{display:none}.login{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:24px 16px;background:var(--bg-subtle);overflow:hidden}.login__panel{position:relative;z-index:1;width:min(420px,100%);padding:36px 32px 28px;border:var(--spit-border-width-fine) solid var(--border);border-top:var(--spit-border-width-accent) solid var(--accent);background:var(--surface)}.login__logo{height:40px;width:auto}.login__panel .eyebrow{display:block;margin-top:22px}.login__title{margin-top:6px;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.login__lead{margin:8px 0 24px;color:var(--text-muted);font-size:.875rem}.login__form{display:flex;flex-direction:column;gap:16px}.login__server{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;overflow-wrap:anywhere}.login__signature{margin-top:28px;padding-top:14px;border-top:var(--spit-border-width-fine) solid var(--border);font-size:.75rem;letter-spacing:.04em;color:var(--text-muted)}.login:before{content:"";position:absolute;inset:-20% -10% auto auto;width:60%;height:140%;background:var(--bg-muted);transform:skew(-24deg);opacity:.7}.login__circuit{position:absolute;left:0;right:0;bottom:12%;height:40px;background:linear-gradient(var(--border-strong),var(--border-strong)) 0 8px / 38% 3px no-repeat,linear-gradient(var(--border-strong),var(--border-strong)) 0 22px / 30% 3px no-repeat,radial-gradient(circle,transparent 3px,var(--border-strong) 3.5px 6px,transparent 6.5px) calc(38% + 2px) 2px / 14px 14px no-repeat,radial-gradient(circle,transparent 3px,var(--border-strong) 3.5px 6px,transparent 6.5px) calc(30% + 2px) 16px / 14px 14px no-repeat}.viewHeader{display:flex;align-items:center;gap:16px;min-height:72px;padding:12px 28px;border-bottom:var(--spit-border-width-fine) solid var(--border);background:var(--surface)}.viewHeader__titles{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.viewHeader__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.375rem;line-height:1.25;font-weight:700;letter-spacing:-.01em}.viewHeader__actions{display:flex;align-items:center;gap:8px;flex:none}.composer__modeSwitch{display:none}.composer__body{display:grid;grid-template-columns:minmax(380px,1fr) minmax(360px,1fr);flex:1;min-height:0}.composer__form{display:flex;flex-direction:column;gap:0;min-height:0;overflow-y:auto;padding:8px 28px 28px;border-right:var(--spit-border-width-fine) solid var(--border)}.formRow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;border-bottom:var(--spit-border-width-fine) solid var(--border)}.formRow__label{font-size:.8125rem;font-weight:700;color:var(--text-muted)}.formRow__control{min-width:0}.formRow__control input:not([type=checkbox]):not([type=radio]),.formRow__control select{border-color:transparent;background:transparent;padding-left:0;box-shadow:none}.formRow__control input:not([type=checkbox]):not([type=radio]):hover,.formRow__control select:hover{border-color:transparent}.formRow__control input:not([type=checkbox]):not([type=radio]):focus-visible,.formRow__control select:focus-visible{box-shadow:none;border-color:transparent}.formRow:focus-within{border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}.formRow--from select{font-weight:700}.formRow__extra{display:flex;gap:6px}.composer__editor{display:flex;flex-direction:column;gap:8px;margin-top:20px}.composer__editorHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}#html{min-height:280px;resize:vertical;font-family:var(--font-mono);font-size:.8125rem;line-height:1.55;background:var(--bg-subtle);tab-size:2}.composer__extras{display:flex;flex-direction:column;gap:14px;margin-top:18px}.actionList{display:flex;flex-direction:column;gap:8px}.actionList:empty{display:none}.actionRow{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto auto;gap:6px;align-items:center}.actionRow__index{display:none}.dropzone{display:flex;flex-direction:column;gap:10px;padding:14px;border:var(--spit-border-width-regular) dashed var(--border-strong);background:var(--surface);transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.dropzone.is-dragover{border-color:var(--accent);border-style:solid;background:var(--bg-subtle)}.dropzone__head{display:flex;justify-content:space-between;gap:12px}.dropzone__button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:0;background:var(--bg-subtle);color:var(--text-2);font-weight:700;font-size:.875rem}.dropzone__button:hover{background:var(--bg-muted)}.dropzone__or{font-weight:400;color:var(--text-muted)}.composer__preview{display:flex;flex-direction:column;min-height:0;background:var(--preview-bg)}.composer__previewHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 24px 10px}#preview{flex:1;width:calc(100% - 48px);min-height:0;margin:0 24px 24px;border:var(--spit-border-width-fine) solid var(--border);background:#fff}.mailbox__status{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.mailbox__status--error{color:var(--error);white-space:normal}.searchBar{display:flex;align-items:center;gap:6px;margin:14px 28px 6px;padding:0 4px 0 12px;border:var(--spit-border-width-fine) solid var(--border-strong);background:var(--field-bg)}.searchBar:focus-within{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.searchBar__icon{color:var(--text-muted)}.searchBar__input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important}.searchBar__input::-webkit-search-cancel-button{display:none}.searchBar__mode{flex:none;width:132px;border-left:var(--spit-border-width-fine) solid var(--border)}.mailList{flex:1;min-height:0;overflow-y:auto;padding:6px 0 12px}.mailRow{position:relative;display:grid;grid-template-columns:20px minmax(140px,220px) minmax(0,1fr) auto;grid-template-areas:"marker who subject date";align-items:center;gap:4px 14px;min-height:52px;padding:0 28px 0 18px;border-bottom:var(--spit-border-width-fine) solid var(--border);cursor:pointer;transition:background-color var(--fast) var(--ease)}.mailRow:hover{background:var(--bg-subtle)}.mailRow:focus-visible{outline-offset:-2px}.mailRow__marker{grid-area:marker;justify-self:center;width:8px;height:8px;transform:rotate(45deg)}.mailRow--unread .mailRow__marker{background:var(--unread)}.mailRow__who{grid-area:who;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.mailRow__subject{grid-area:subject;display:flex;align-items:center;gap:8px;min-width:0}.mailRow__subjectText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailRow--unread .mailRow__who,.mailRow--unread .mailRow__subjectText{font-weight:700;color:var(--text)}.mailRow__clip{flex:none;color:var(--text-muted)}.mailRow__clip .icon{width:15px;height:15px}.mailRow__date{grid-area:date;font-size:.75rem;color:var(--text-muted);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.mailRow--unread .mailRow__date{color:var(--text);font-weight:700}.mailRow__actions{position:absolute;top:50%;right:20px;display:flex;gap:2px;padding-left:16px;background:linear-gradient(90deg,transparent,var(--bg-subtle) 16px);transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease)}.mailRow:hover .mailRow__actions,.mailRow:focus-within .mailRow__actions{opacity:1;pointer-events:auto}.mailRow__action{width:34px;height:34px;background:var(--bg-subtle)}.mailRow__action:hover{background:var(--bg-muted)}.mailRow__action .icon{width:16px;height:16px}.mailbox__footer{display:flex;justify-content:center;padding:10px 16px calc(12px + var(--safe-bottom));border-top:var(--spit-border-width-fine) solid var(--border)}.mailboxState{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:260px;padding:32px 24px;text-align:center;color:var(--text-muted)}.mailboxState__mark{width:56px;height:56px;display:grid;place-items:center;border:var(--spit-border-width-strong) solid var(--border-strong);transform:rotate(45deg)}.mailboxState__mark .icon{width:22px;height:22px;transform:rotate(-45deg);color:var(--text-2)}.mailboxState__title{font-weight:700;color:var(--text)}.mailboxState__text{max-width:420px;font-size:.875rem}.message__toolbar{min-height:60px;padding-left:16px;gap:8px}.message__context{flex:1;min-width:0}.message__actions{gap:4px}.message__actions .btn{margin-right:8px}.message__scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.message__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;padding:22px 28px 18px;border-bottom:var(--spit-border-width-fine) solid var(--border)}.message__subject{grid-column:1 / -1;font-size:1.375rem;line-height:1.3;font-weight:700;overflow-wrap:anywhere}.message__status{grid-column:1 / -1;font-size:.8125rem;color:var(--text-muted)}.message__status:empty{display:none}.message__status--error{color:var(--error)}.message__meta{display:grid;gap:2px;margin:0;min-width:0}.message__format{align-self:end}.metaRow{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:28px}.metaRow dt{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.metaRow dd{margin:0;min-width:0;overflow-wrap:anywhere;font-size:.875rem}#rowFrom dd{font-weight:700}.copyBtn{display:grid;place-items:center;width:28px;height:28px;border:0;background:transparent;color:var(--text-muted);opacity:0}.metaRow:hover .copyBtn,.copyBtn:focus-visible{opacity:1}.copyBtn:hover{background:var(--bg-muted);color:var(--text)}.copyBtn .icon{width:15px;height:15px}.message__attachments{display:flex;flex-direction:column;gap:10px;padding:14px 28px;border-bottom:var(--spit-border-width-fine) solid var(--border);background:var(--bg-subtle)}.message__body{flex:1;display:flex;min-height:420px;padding:20px 28px 28px;background:var(--preview-bg)}.message__html{flex:1;width:100%;min-height:400px;border:var(--spit-border-width-fine) solid var(--border);background:#fff}.message__text{flex:1;margin:0;padding:20px;border:var(--spit-border-width-fine) solid var(--border);background:var(--surface);font-family:var(--font-base);font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere}.message.is-loading .message__body{opacity:.5}.settings{width:min(1040px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));max-width:none;max-height:none;border:var(--spit-border-width-fine) solid var(--border);background:var(--surface);box-shadow:var(--spit-shadow-dropdown)}.settings[open]{display:flex}.settings__frame{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header header" "nav body" "nav footer";width:100%;height:100%}.settings__header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 16px 24px;border-bottom:var(--spit-border-width-fine) solid var(--border)}.settings__title{margin-top:2px;font-size:1.375rem;font-weight:700;letter-spacing:-.01em}.settings__nav{grid-area:nav;display:flex;flex-direction:column;gap:2px;padding:16px 10px;background:var(--bg-subtle);border-right:var(--spit-border-width-fine) solid var(--border)}.settings__navItem{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border:0;background:transparent;color:var(--text-2);font-weight:700;font-size:.875rem;text-align:left}.settings__navItem:hover{background:var(--bg-muted)}.settings__navItem--active,.settings__navItem--active:hover{background:var(--surface);color:var(--text)}.settings__navItem--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:var(--spit-border-width-accent);background:var(--accent)}.settings__body{grid-area:body;min-height:0;overflow-y:auto;padding:24px 28px 32px}.settings__intro{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.settings__sectionTitle{font-size:1.125rem;font-weight:700}.settings__footer{grid-area:footer;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px 20px calc(12px + var(--safe-bottom));border-top:var(--spit-border-width-fine) solid var(--border);background:var(--surface)}.settings__dirty{display:inline-flex;align-items:center;gap:8px;margin-right:auto;font-size:.8125rem;font-weight:700;color:var(--warning)}.settings__dirty .icon{width:16px;height:16px}.accountPicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.accountChip{display:flex;align-items:center;gap:10px;min-height:52px;max-width:280px;padding:6px 14px;border:var(--spit-border-width-regular) solid var(--border);background:var(--surface);text-align:left}.accountChip:hover{border-color:var(--border-strong)}.accountChip[aria-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.accountChip__marker{flex:none;width:9px;height:9px;background:var(--border-strong);transform:rotate(45deg)}.accountChip[aria-selected=true] .accountChip__marker{background:var(--accent)}.accountChip__text{display:flex;flex-direction:column;min-width:0}.accountChip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.875rem}.accountChip__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--text-muted)}.accountChip--add{border-style:dashed;color:var(--text-2);font-weight:700;font-size:.875rem}.accountChip--add .icon{width:16px;height:16px}.accountEditor__tabs{margin-bottom:22px}.pane{animation:paneIn .14s ease}@keyframes paneIn{0%{opacity:0}}.pane>.toggle:first-child{margin-bottom:8px;padding-top:0}[data-requires].is-disabled{opacity:.45;pointer-events:none}.field--spacer{visibility:hidden}.maintenance{display:flex;flex-direction:column;gap:10px;margin-top:28px;padding-top:20px;border-top:var(--spit-border-width-fine) solid var(--border)}.settings .grid2+.testRow{padding-top:4px}.serverBlock{display:flex;flex-direction:column;gap:12px;margin-top:28px;padding-top:20px;border-top:var(--spit-border-width-fine) solid var(--border)}.serverBlock__form{display:flex;flex-direction:column;gap:12px;max-width:520px}.serverBlock__current{display:flex;align-items:center;gap:12px;padding:12px 14px;border-left:var(--spit-border-width-accent) solid var(--accent);background:var(--bg-subtle)}.serverBlock__current>div{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.serverBlock>.btn{align-self:flex-start}.providerPicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.providerOption{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 36px 10px 12px;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease);border:var(--spit-border-width-regular) solid var(--border);background:var(--surface);cursor:pointer}.providerOption:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.providerOption:after{content:"";position:absolute;top:50%;right:14px;width:10px;height:10px;border:var(--spit-border-width-regular) solid var(--border-strong);transform:translateY(-50%) rotate(45deg);transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.providerOption:has(input:checked):after{border-color:var(--accent);background:var(--accent)}.providerOption input{position:absolute;opacity:0;pointer-events:none}.providerOption:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface)}.providerOption__text strong{font-size:.875rem}.providerOption__text .caption{line-height:1.35}.providerOption:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.providerOption__mark{display:grid;place-items:center;flex:none;width:32px;height:32px;background:var(--bg-muted);color:var(--text-2);font-weight:700;clip-path:var(--spit-cut-corner-sm)}.providerOption:has(input:checked) .providerOption__mark{background:var(--accent);color:var(--on-accent)}.providerOption__text{display:flex;flex-direction:column;min-width:0;font-size:.875rem}.providerPanel{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:16px 18px;border:var(--spit-border-width-fine) solid var(--border);border-left:var(--spit-border-width-accent) solid var(--accent);background:var(--bg-subtle)}.providerPanel__head{display:flex;align-items:center;gap:10px;font-size:.9375rem}.providerPanel .field{max-width:420px}.providerPanel .testRow{margin-top:4px}.steps{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:8px;font-size:.875rem}.steps li{position:relative;padding-left:30px;counter-increment:step}.steps li:before,.oauthCode__num{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:20px;height:20px;background:var(--accent);color:var(--on-accent);font-size:.6875rem;font-weight:700;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}.oauthState:empty{display:none}.oauthCode{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:var(--spit-border-width-fine) dashed var(--border-strong);background:var(--surface);font-size:.875rem}.oauthCode__step{position:relative;display:flex;align-items:center;gap:10px}.oauthCode__num{position:static;flex:none}.oauthCode__value{display:flex;align-items:center;gap:8px;padding-left:30px}.oauthCode__value code{padding:6px 14px;background:var(--bg-muted);font-family:var(--font-mono);font-size:1.375rem;font-weight:700;letter-spacing:.14em;color:var(--text)}.oauthCode__wait{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.oauthCode__wait .spinner{width:16px;height:16px}.providerNote{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:10px 12px;background:var(--info-bg);border:var(--spit-border-width-fine) solid var(--info-border);font-size:.8125rem;color:var(--info)}.providerNote .icon{width:16px;height:16px;margin-top:2px}@media(max-width:760px){.providerPicker{grid-template-columns:minmax(0,1fr)}.oauthCode__value{padding-left:0}}@media(max-width:1180px){.composer__modeSwitch{display:inline-flex}.composer__body{grid-template-columns:minmax(0,1fr)}.composer__form{border-right:0}.composer__preview,.composer.is-preview .composer__form{display:none}.composer.is-preview .composer__preview{display:flex}.mailRow{grid-template-columns:20px minmax(120px,180px) minmax(0,1fr) auto}}@media(max-width:1024px){:root{--sidebar-w: 232px}.brand{width:auto}}@media(max-width:760px){:root{--topbar-h: 104px}body{font-size:1rem}.app{grid-template-rows:auto minmax(0,1fr) auto}.layout,.app.is-sidebar-collapsed .layout{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;align-items:center;gap:0;padding:env(safe-area-inset-top,0px) 4px 0 0}.topbar__menu{display:grid;margin-left:4px}.brand,.app.is-sidebar-collapsed .brand{width:auto;height:52px;padding:0 8px;border-right:0}.brand__logo{height:18px}.topbar__tools{margin-left:auto}.topbar__install span{display:none}.accountTabs{order:3;flex:1 0 100%;height:48px;padding:0 0 0 8px;border-top:var(--spit-border-width-fine) solid var(--border)}.accountTab{height:40px;max-width:220px;padding:0 24px 0 12px}.accountTab__email{display:none}.accountTabs__add{width:34px;height:34px;margin-bottom:3px}.sidebar{position:fixed;z-index:40;top:0;bottom:0;left:0;width:min(320px,86vw);padding-top:env(safe-area-inset-top,0px);box-shadow:var(--spit-shadow-dropdown);transform:translate(-102%);transition:transform .18s ease}.app.is-drawer-open .sidebar{transform:none}.sidebar__collapse{display:none}.app.is-sidebar-collapsed .sidebar__label,.app.is-sidebar-collapsed .navItem__label,.app.is-sidebar-collapsed .sidebar__account,.app.is-sidebar-collapsed .sidebar__section,.app.is-sidebar-collapsed .folderTree,.app.is-sidebar-collapsed .sidebar__foot{display:revert}.app.is-sidebar-collapsed .sidebar__head{flex-direction:row;padding:16px 12px 8px 16px}.app.is-sidebar-collapsed .sidebar__compose{width:auto;padding:0 24px;clip-path:var(--spit-cut-parallelogram)}.app.is-sidebar-collapsed .navItem{justify-content:flex-start;padding:0 10px 0 12px}.navItem,.folderTree__item{min-height:46px;height:auto}.folderTree__more{opacity:1}.bottomNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:var(--safe-bottom);border-top:var(--spit-border-width-fine) solid var(--border);background:var(--surface)}.bottomNav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--bottomnav-h);border:0;background:transparent;color:var(--text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.02em}.bottomNav__icon{position:relative}.bottomNav__item .icon{width:22px;height:22px}.bottomNav__item[aria-current=page]{color:var(--text)}.bottomNav__item[aria-current=page]:before{content:"";position:absolute;top:0;left:28%;right:28%;height:var(--spit-border-width-accent);background:var(--accent)}.bottomNav__item--primary .icon{width:40px;height:30px;padding:5px 10px;background:var(--accent);color:var(--on-accent);clip-path:var(--spit-cut-parallelogram)}.viewHeader{min-height:60px;padding:10px 16px;gap:10px}.viewHeader__title{font-size:1.125rem}.composer__header{flex-wrap:wrap}.composer__header .viewHeader__titles{flex:1 1 auto}.composer__header .eyebrow,.composer__actions #btnClear{display:none}.composer__modeSwitch{order:3;flex:1 0 100%;display:grid;grid-template-columns:1fr 1fr}.composer__form{padding:0 16px 24px}.formRow{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;min-height:52px}#html{min-height:220px}.actionRow{grid-template-columns:minmax(0,1fr) auto auto;padding:10px;border:var(--spit-border-width-fine) solid var(--border)}.actionRow input:nth-of-type(2){grid-column:1 / -1;grid-row:2}.dropzone__or{display:none}#preview{width:calc(100% - 24px);margin:0 12px 12px}.composer__previewHead{padding:10px 16px 8px}.searchBar{margin:10px 12px 4px}.searchBar__mode{width:108px}.searchBar__submit{display:none}.mailRow{grid-template-columns:14px minmax(0,1fr) auto;grid-template-areas:"marker who date" ". subject subject";gap:2px 10px;min-height:68px;padding:10px 16px 10px 12px}.mailRow__actions{display:none}.mailRow__who{color:var(--text)}.mailRow__subject{color:var(--text-muted);font-size:.875rem}.message__toolbar{padding:6px 8px}.message__context{display:none}.message__actions{flex:1;justify-content:flex-end}.message__actions .btn span{display:none}.message__actions .btn{width:44px;padding:0;margin-right:4px;clip-path:none}.message__head{grid-template-columns:minmax(0,1fr);padding:16px}.message__subject{font-size:1.1875rem}.message__format{justify-self:start}.copyBtn{opacity:1}.message__attachments{padding:12px 16px}.message__body{padding:0;min-height:60vh}.message__html,.message__text{border:0}.toastContainer{left:12px;right:12px;bottom:calc(var(--bottomnav-h) + var(--safe-bottom) + 12px);max-width:none}.settings{width:100vw;height:100dvh;max-height:none;margin:0;border:0}.settings__frame{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header" "nav" "body" "footer"}.settings__header{padding:calc(12px + env(safe-area-inset-top,0px)) 8px 12px 16px}.settings__nav{flex-direction:row;overflow-x:auto;padding:0 8px;border-right:0;border-bottom:var(--spit-border-width-fine) solid var(--border);scrollbar-width:none}.settings__navItem{flex:none;min-height:46px}.settings__navItem--active:before{inset:auto 10px 0;width:auto;height:var(--spit-border-width-accent)}.settings__body{padding:18px 16px 28px}.settings__footer{padding:10px 16px calc(10px + var(--safe-bottom))}.settings__footer .btn{flex:1}.settings__footer .buttonRow{flex:1;flex-wrap:nowrap}.settings__dirty{display:none!important}.grid2,.choiceGrid{grid-template-columns:minmax(0,1fr)}.field--spacer{display:none}.accountChip{flex:1 1 100%;max-width:none}.callout,.dangerZone{flex-wrap:wrap}.callout .btn,.dangerZone .btn{width:100%}.dialog{width:calc(100vw - 24px)}}@media(display-mode:standalone){.topbar__install{display:none!important}}