:root{--brand-50:#e8f8f7;--brand-100:#c8efed;--brand-300:#5cd0cd;--brand-500:#0ea5a4;--brand-600:#0b8786;--brand-700:#0b6e6d;--brand-900:#063f3f;--gold-400:#f2b34a;--gold-500:#e89a1c;--bg:#f4f7f8;--surface:#fff;--surface-2:#f8fafb;--surface-hover:#f0f4f5;--surface-sel:#e3f5f4;--text:#0f1b1e;--text-2:#4a5b60;--text-3:#7b8b90;--border:#e3eaec;--border-strong:#cdd8db;--accent:var(--brand-600);--accent-fg:#fff;--accent-soft:var(--brand-50);--danger:#d33a3a;--danger-soft:#fdeceb;--star:var(--gold-500);--shadow-sm:0 1px 2px #0f1b1e0f;--shadow-md:0 6px 20px #0f1b1e1a;--shadow-lg:0 18px 50px #0f1b1e33;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-full:999px;--font:"Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--rail:264px;--list:400px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0a1113;--surface:#111b1e;--surface-2:#0e171a;--surface-hover:#172326;--surface-sel:#0f3032;--text:#e8f0f1;--text-2:#a3b4b8;--text-3:#6f8287;--border:#1d2b2f;--border-strong:#2a3c41;--accent:var(--brand-500);--accent-fg:#04201f;--accent-soft:#0f2f30;--danger:#ff7a76;--danger-soft:#331a1a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px #00000073;--shadow-lg:0 18px 50px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font:400 14px/1.45 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:6px}::selection{background:var(--brand-100);color:var(--brand-900)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{border-radius:var(--r-full);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-weight:500;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-700)}:root[data-theme=dark] .btn-primary:hover{background:var(--brand-300)}.btn-primary[disabled]{opacity:.5;pointer-events:none}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.icon-btn{border-radius:var(--r-full);width:36px;height:36px;color:var(--text-2);flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn[aria-pressed=true]{color:var(--star)}.kbd{border:1px solid var(--border-strong);min-width:20px;height:20px;color:var(--text-2);background:var(--surface);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 5px;font-size:11px;display:inline-grid}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface-hover), var(--border), var(--surface-hover));background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.app{grid-template-columns:var(--rail) var(--list) 1fr;grid-template-rows:100%;gap:0;height:100%;display:grid}.rail{flex-direction:column;gap:12px;padding:16px 12px;display:flex;overflow-y:auto}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 8px 8px;font-size:17px;font-weight:600;display:flex}.brand img{object-fit:contain;width:30px;height:30px}.brand b{color:var(--brand-600);font-weight:700}.compose-btn{border-radius:var(--r-lg);height:48px;box-shadow:var(--shadow-md);justify-content:flex-start;padding:0 20px;font-size:15px}.folders{flex-direction:column;gap:2px;display:flex}.folder{border-radius:var(--r-md);height:38px;color:var(--text-2);text-align:start;align-items:center;gap:12px;padding:0 12px;font-weight:450;transition:background .12s;display:flex}.folder:hover{background:var(--surface-hover)}.folder[aria-current=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.folder .count{margin-inline-start:auto;font-size:12px;font-weight:600}.folder .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:10px 8px 0;display:flex}.rail-foot .who{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.pane{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;margin:10px 0;display:flex;overflow:hidden}.pane+.pane{margin-inline-start:10px}.pane:last-child{margin-inline-end:10px}.pane-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:60px;padding:12px 14px;display:flex}.pane-head h1{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:17px;font-weight:600;overflow:hidden}.search{flex:1;position:relative}.search input{background:var(--surface-hover);border-radius:var(--r-full);border:1px solid #0000;width:100%;height:40px;padding-block:0;padding-inline:40px 44px;transition:background .15s,border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--text-3)}.search input:focus{background:var(--surface);border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-500) 20%, transparent);outline:none}.search svg{inset-inline-start:13px;color:var(--text-3);pointer-events:none;position:absolute;top:11px}.search .kbd{inset-inline-end:12px;position:absolute;top:10px}.chips{border-bottom:1px solid var(--border);gap:6px;padding:8px 14px;display:flex}.chip{border-radius:var(--r-full);border:1px solid var(--border-strong);height:28px;color:var(--text-2);padding:0 12px;font-size:13px;transition:all .12s}.chip:hover{background:var(--surface-hover)}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:500}.vlist{contain:strict;flex:1;position:relative;overflow-y:auto}.row{border-bottom:1px solid var(--border);cursor:pointer;text-align:start;gap:12px;padding:12px;padding-inline-end:14px;transition:background .1s;display:flex;position:absolute;inset-inline:0}.row:hover{background:var(--surface-hover)}.row[aria-selected=true]{background:var(--surface-sel)}.row:before{content:"";inset-inline-start:0;background:0 0;border-start-end-radius:3px;border-end-end-radius:3px;width:3px;position:absolute;top:14px;bottom:14px}.row.unread:before{background:var(--accent)}.row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-top{align-items:baseline;gap:8px;display:flex}.row-from{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.row.unread .row-from,.row.unread .row-subject{font-weight:600}.row-date{color:var(--text-3);flex:none;font-size:12px}.row.unread .row-date{color:var(--accent);font-weight:500}.row-subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-meta{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:flex}.row-star{color:var(--star)}.row-actions{inset-inline-end:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);box-shadow:var(--shadow-md);padding:2px;display:none;position:absolute;top:8px}.row:hover .row-actions{display:flex}.row-actions .icon-btn{width:30px;height:30px}.reader-body{flex:1;padding:24px 28px 32px;overflow-y:auto}.reader-subject{letter-spacing:-.015em;margin:0 0 18px;font-size:22px;font-weight:600;line-height:1.25}.sender{align-items:center;gap:12px;margin-bottom:18px;display:flex}.sender .name{font-weight:600}.sender .addr,.sender .to{color:var(--text-3);font-size:13px}.sender .when{color:var(--text-3);white-space:nowrap;margin-inline-start:auto;font-size:13px}.mail-frame{border-radius:var(--r-md);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;width:100%;display:block}.notice{background:var(--accent-soft);border-radius:var(--r-md);color:var(--text-2);align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.notice button{color:var(--accent);margin-inline-start:auto;font-weight:500}.atts{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.att{border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);align-items:center;gap:10px;padding:8px 12px;text-decoration:none;transition:background .12s;display:flex}.att:hover{background:var(--surface-hover)}.att small{color:var(--text-3);display:block}.reply-bar{border-top:1px solid var(--border);gap:8px;padding:12px 28px 18px;display:flex}.btn-outline{border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--surface-hover)}.empty{text-align:center;color:var(--text-3);flex:1;place-content:center;gap:10px;padding:32px;display:grid}.empty svg{color:var(--brand-300);margin:0 auto}.empty h2{color:var(--text-2);margin:0;font-size:17px;font-weight:500}.compose{inset-inline-end:24px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;width:min(620px,100vw - 24px);height:min(640px,82vh);box-shadow:var(--shadow-lg);z-index:40;animation:rise .25s var(--ease);flex-direction:column;display:flex;position:fixed;bottom:0}.compose.min{height:48px}.compose.min .compose-body{display:none}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.compose-head{background:var(--brand-700);color:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0;cursor:pointer;align-items:center;gap:4px;min-height:48px;padding:0 8px 0 18px;font-weight:500;display:flex}.compose-head span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.compose-head .icon-btn{color:#fff}.compose-head .icon-btn:hover{color:#fff;background:#ffffff29}.compose-body{flex-direction:column;flex:1;min-height:0;display:flex}.field{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:44px;padding:0 18px;display:flex}.field label{color:var(--text-3);flex:none;width:52px;font-size:13px}.field input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:42px}.field .link{color:var(--text-3);font-size:13px}.field .link:hover{color:var(--accent)}.editor{outline:none;flex:1;padding:16px 18px;overflow-y:auto}.editor:empty:before{content:attr(data-placeholder);color:var(--text-3)}.compose-foot{border-top:1px solid var(--border);align-items:center;gap:4px;padding:10px 12px;display:flex}.compose-foot .grow{flex:1}.dropzone{outline:2px dashed var(--brand-500);outline-offset:-8px;background:var(--accent-soft)}.chips-att{flex-wrap:wrap;gap:6px;padding:0 18px 8px;display:flex}.chips-att .att{padding:4px 8px 4px 12px;font-size:13px}.toasts{inset-inline-start:24px;z-index:80;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px}.toast{background:var(--text);color:var(--bg);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:rise .25s var(--ease);align-items:center;gap:16px;padding:12px 16px;display:flex}.toast button{color:var(--brand-300);font-weight:600}:root[data-theme=dark] .toast button{color:var(--brand-700)}.scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#06141673;place-items:start center;padding-top:14vh;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.palette{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:min(560px,100vw - 24px);box-shadow:var(--shadow-lg);overflow:hidden}.palette input{border:0;border-bottom:1px solid var(--border);background:0 0;outline:none;width:100%;height:54px;padding:0 20px;font-size:16px}.palette ul{max-height:340px;margin:0;padding:6px;list-style:none;overflow-y:auto}.palette li button{border-radius:var(--r-sm);text-align:start;width:100%;color:var(--text-2);align-items:center;gap:12px;padding:10px 12px;display:flex}.palette li button[aria-selected=true]{background:var(--accent-soft);color:var(--text)}.palette li .kbd{margin-inline-start:auto}.login{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100%;display:grid}.login-art{color:#fff;background:radial-gradient(1200px 600px at 10% 0,#14b8b6 0%,#0000 60%),radial-gradient(900px 500px at 100% 100%,#052f2f 0%,#0000 70%),linear-gradient(140deg,#0b8786,#063f3f);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";inset-inline-end:-160px;border:56px solid #e89a1c38;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-160px}.login-art .brand{padding:0;font-size:20px}.login-art .brand b{color:var(--gold-400)}.login-art h2{letter-spacing:-.03em;max-width:14ch;margin:0 0 14px;font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:1.1}.login-art p{opacity:.8;max-width:38ch;margin:0;font-size:16px}.login-art ul{z-index:1;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid;position:relative}.login-art li{opacity:.92;align-items:center;gap:10px;display:flex}.login-art li svg{color:var(--gold-400);flex:none}.login-form-wrap{background:var(--surface);place-items:center;padding:32px 24px;display:grid}.login-form{gap:18px;width:min(380px,100%);display:grid}.login-form h1{letter-spacing:-.02em;margin:0;font-size:28px}.login-form .sub{color:var(--text-2);margin:-8px 0 6px}.input-group{gap:6px;display:grid}.input-group label{color:var(--text-2);font-size:13px;font-weight:500}.input{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-md);width:100%;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-500);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-500) 18%, transparent);outline:none}.input-wrap{position:relative}.input-wrap .icon-btn{inset-inline-end:6px;position:absolute;top:6px}.login-form .btn-primary{border-radius:var(--r-md);height:50px;font-size:15px}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--r-md);padding:10px 14px;font-size:13px}.login-links{text-align:center;color:var(--text-3);font-size:13px}.login-links a{color:var(--accent);font-weight:500;text-decoration:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1280px){:root{--rail:72px;--list:360px}.brand span,.folder .label,.folder .count,.compose-btn span,.rail-foot .who{display:none}.folder,.compose-btn{justify-content:center;padding:0}.folder .count{display:none}}@media (max-width:900px){.login{grid-template-columns:1fr}.login-art{display:none}.app{grid-template-columns:1fr;position:relative}.rail{background:var(--surface);z-index:50;width:280px;transition:transform .25s var(--ease);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.rail.open{transform:none}.rail.open .brand span,.rail.open .folder .label,.rail.open .folder .count,.rail.open .compose-btn span,.rail.open .rail-foot .who{display:revert}.rail.open .folder{justify-content:flex-start;padding:0 12px}.rail.open .compose-btn{justify-content:flex-start;padding:0 20px}.pane{border-width:0;border-radius:0;margin:0}.pane+.pane{margin-inline-start:0}.pane:last-child{margin-inline-end:0}.app[data-view=list] .pane.reader,.app[data-view=read] .pane.listpane{display:none}.reader-body{padding:18px 16px 24px}.reply-bar{padding:12px 16px 16px}.compose{border-radius:0;width:100vw;height:100dvh;inset-inline-end:0}.compose-head{border-radius:0}.row-actions{display:none!important}}@media (min-width:901px){.only-mobile{display:none!important}}.brand img{width:auto;height:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;border-radius:10px;padding:4px 9px}.brand b{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:var(--r-full);padding:3px 8px;font-size:12px}.login-art .brand b{color:var(--gold-400);background:#ffffff29}.row-main{gap:3px}.row-subject{line-height:1.35}@media (max-width:1280px) and (min-width:901px){.brand img{object-fit:cover;object-position:right;max-width:48px;height:28px;padding:3px 5px}}@media (max-width:900px){.rail{box-shadow:none}.rail.open{box-shadow:var(--shadow-lg)}.search .kbd{display:none}}.brand img{object-fit:cover;background:0 0;border:0;border-radius:10px;width:34px;height:34px;padding:0;box-shadow:0 2px 8px #0a1a3347}.login-art .brand img{border-radius:13px;width:44px;height:44px}@media (max-width:1280px) and (min-width:901px){.brand img{object-fit:cover;max-width:none;height:34px;padding:0}.brand{justify-content:center;padding-inline:0}}@keyframes pulse{50%{opacity:.75;transform:scale(.92)}}.settings{grid-template-columns:280px minmax(0,1fr);height:100%;display:grid}.settings-nav{border-inline-end:1px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;padding:16px 12px;display:flex}.settings-nav h1{letter-spacing:-.02em;margin:8px 12px;font-size:22px}.settings-nav nav{flex-direction:column;gap:2px;display:flex}.settings-main{flex-direction:column;align-items:center;gap:20px;padding:32px clamp(16px,4vw,56px) 64px;display:flex;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:min(720px,100%);box-shadow:var(--shadow-sm);gap:18px;padding:24px;display:grid}.card header h2{letter-spacing:-.01em;margin:0;font-size:18px}.card header p{color:var(--text-2);margin:4px 0 0}.muted{color:var(--text-3);font-size:13px}.savebar{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding-top:6px;display:flex}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.toggle-row span{display:grid}.toggle-row small{color:var(--text-3);font-size:13px}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row i{background:var(--border-strong);border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.toggle-row i:after{content:"";top:3px;width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:after{transform:translate(18px)}.toggle-row input:focus-visible+i{outline:2px solid var(--brand-500);outline-offset:2px}.preview-from{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-md);gap:6px;padding:12px 14px;display:grid}.sig-editor{border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden}.sig-tools{border-bottom:1px solid var(--border);background:var(--surface-2);gap:2px;padding:4px;display:flex}.meter{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.meter i{background:var(--border);border-radius:2px;height:4px}.meter[data-level="1"] i:nth-child(-n+1){background:var(--danger)}.meter[data-level="2"] i:nth-child(-n+2){background:var(--gold-500)}.meter[data-level="3"] i:nth-child(-n+3){background:var(--brand-500)}.meter[data-level="4"] i{background:var(--brand-600)}.plain-list{margin:0;padding:0;list-style:none;display:grid}.plain-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.plain-list li:last-child{border:0}.plain-list li span{display:grid}.token{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;padding:8px 12px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.usage{gap:8px;display:grid}.bar{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.bar i{background:var(--accent);border-radius:5px;height:100%;display:block}.kv{grid-template-columns:max-content 1fr;gap:10px 20px;margin:0;display:grid}.kv dt{color:var(--text-2)}.kv dd{margin:0}.seg{background:var(--surface-hover);border-radius:var(--r-full);width:max-content;padding:3px;display:inline-flex}.seg button{border-radius:var(--r-full);color:var(--text-2);padding:6px 22px;font-weight:500}.seg button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}input[type=range]{width:100%;accent-color:var(--brand-600)}.range-legend{color:var(--text-3);justify-content:space-between;font-size:12px;display:flex}@media (max-width:900px){.settings{grid-template-rows:auto 1fr;grid-template-columns:1fr}.settings-nav{border-inline-end:0;border-bottom:1px solid var(--border);padding:8px}.settings-nav h1{display:none}.settings-nav nav{flex-direction:row;overflow-x:auto}.settings-nav .folder{flex:none;padding:0 14px}.settings-nav .folder .label{display:inline}.card{border-radius:var(--r-md);padding:18px}.two-col{grid-template-columns:1fr}}.settings-nav .folder{justify-content:flex-start;padding:0 12px}.settings-nav .folder .label{display:inline!important}.select{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-md);width:100%;height:40px;color:var(--text);padding:0 10px}.select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-500) 18%, transparent);outline:none}.rule-head{align-items:center;gap:6px;display:flex}.rule-head .input{flex:1}.rule-sec{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);gap:8px;padding:12px;display:grid}.rule-label{color:var(--text-2);align-items:center;gap:8px;font-weight:500;display:flex}.rule-label .select{width:auto;height:30px}.rule-row{grid-template-columns:110px 160px 1fr 36px;align-items:center;gap:8px;display:grid}.script{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);white-space:pre-wrap;max-height:200px;padding:10px;font-size:12px;overflow:auto}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.menu{inset-inline-end:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);min-width:220px;max-height:320px;box-shadow:var(--shadow-lg);z-index:30;padding:6px;position:absolute;top:40px;overflow-y:auto}.menu button{border-radius:var(--r-sm);text-align:start;width:100%;color:var(--text-2);align-items:center;gap:10px;padding:8px 10px;display:flex}.menu button:hover{background:var(--surface-hover);color:var(--text)}.menu .head{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;font-size:12px}@media (max-width:900px){.settings{grid-template-columns:minmax(0,1fr)}.settings-nav,.settings-main{min-width:0}.settings-main{align-items:stretch;padding:16px 12px 48px}.card{width:100%}.rule-head{flex-wrap:wrap}.rule-head .input{flex-basis:100%}.rule-row,.rule-row[style]{grid-template-columns:minmax(0,1fr) 36px!important}.rule-row>.select:first-child,.rule-row>.select:nth-child(2),.rule-row>.input{grid-column:1}.rule-row>.icon-btn{grid-area:1/2}.rule-row>:nth-child(3){grid-area:auto/1}}.field{position:relative}.rcpt{cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;padding:6px 0;display:flex}.rcpt input{background:0 0;border:0;outline:none;flex:1;min-width:120px;height:30px}.rchip{background:var(--accent-soft);border-radius:var(--r-full);align-items:center;gap:6px;max-width:100%;height:28px;padding:0 4px 0 3px;font-size:13px;display:inline-flex}.rchip i{color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;font-weight:600;display:grid}.rchip button{width:20px;height:20px;color:var(--text-3);border-radius:50%;place-items:center;display:grid}.rchip button:hover{background:var(--border-strong);color:var(--text)}.rchip.bad{background:var(--danger-soft);color:var(--danger)}.suggest{inset-inline:70px 18px;z-index:20;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);margin:2px 0 0;padding:6px;list-style:none;position:absolute;top:100%}.suggest li{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;padding:7px 10px;display:flex}.suggest li[aria-selected=true]{background:var(--accent-soft)}.suggest span{min-width:0;display:grid}.suggest b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.suggest small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggest i,.rchip i{font-style:normal}.row-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row-meta{min-height:18px}.avatar.pick{cursor:pointer;transition:background .15s;position:relative}.avatar.pick .cb{background:var(--surface);border:2px solid var(--border-strong);color:#0000;border-radius:50%;place-items:center;display:none;position:absolute;inset:0}.row:hover .avatar.pick .ini,.row.selecting .avatar.pick .ini{opacity:0}.row:hover .avatar.pick .cb,.row.selecting .avatar.pick .cb{display:grid}.row.picked{background:var(--surface-sel)}.row.picked .avatar.pick .cb{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.row.picked .avatar.pick .ini{opacity:0}.chips.bulk{background:var(--accent-soft);align-items:center;gap:2px;padding:6px 10px}.chip.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.chip.danger:hover{background:var(--danger-soft)}.chips{flex-wrap:wrap}.chips.bulk{flex-wrap:nowrap;gap:0}.chips.bulk .icon-btn{width:32px;height:32px}.chips.bulk b{white-space:nowrap;margin-inline-start:4px}.count-pill{vertical-align:3px;border-radius:var(--r-full);background:var(--accent-soft);min-width:24px;height:22px;color:var(--accent);place-items:center;margin-inline-start:10px;padding:0 7px;font-size:12px;font-weight:600;display:inline-grid}.convo{display:grid}.tmsg{border-top:1px solid var(--border);padding:14px 0;position:relative}.tmsg:first-of-type{border-top:0}.tmsg-row{text-align:start;border-radius:var(--r-md);align-items:center;gap:12px;width:100%;margin:-4px -8px;padding:4px 8px;display:flex}.tmsg-row:hover{background:var(--surface-hover)}.tmsg-row b{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:160px;font-weight:500;overflow:hidden}.tmsg-preview{min-width:0;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tmsg-row time{color:var(--text-3);flex:none;font-size:12px}.tmsg-fold{inset-inline-end:0;width:28px;height:28px;color:var(--text-3);z-index:1;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;transform:rotate(180deg)}.tmsg-fold:hover{background:var(--surface-hover)}.row-count{color:var(--text-3);flex:none;margin-inline-start:6px;font-size:12px;font-weight:500}.row.unread .row-count{color:var(--accent)}.split{display:inline-flex}.split-main{border-start-end-radius:0;border-end-end-radius:0}.split-arrow{border-inline-start:1px solid #ffffff4d;border-start-start-radius:0;border-end-start-radius:0;padding:0 8px}.menu.sched{min-width:300px}.menu.sched button{gap:10px}.sched-custom{border-top:1px solid var(--border);gap:8px;margin-top:6px;padding:8px 6px 4px;display:flex}.sched-custom .select{flex:1}.from-select{min-width:0;height:42px;color:var(--text);background:0 0;border:0;outline:none;flex:1}.pane.listpane{position:relative}.sched-list{background:var(--surface);z-index:6;flex-direction:column;display:flex;position:absolute;inset:61px 0 0;overflow-y:auto}.sched-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px;display:flex}.lightbox{z-index:90;background:#060c0ee0;flex-direction:column;place-items:stretch stretch;padding:0;display:flex}.lb-bar{color:#fff;align-items:center;gap:8px;padding:10px 16px;display:flex}.lb-bar span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.lb-stage{flex:1;place-items:center;min-height:0;padding:0 16px 16px;display:grid}.lb-stage img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.lb-stage iframe{background:#fff;border:0;border-radius:8px;width:min(1000px,100%);height:100%}:root[dir=rtl] .toggle-row input:checked+i:after{transform:translate(-18px)}:root[dir=rtl] .flip{transform:scaleX(-1)}@media (max-width:900px){:root[dir=rtl] .rail{transform:translate(100%)}:root[dir=rtl] .rail.open{transform:none}}.row-subject,.row-preview,.row-from,.reader-subject,.tmsg-preview,.sender .name{unicode-bidi:plaintext}.kbd,.addr,time,.token{direction:ltr;unicode-bidi:isolate}.login-form-wrap{position:relative}.lang-toggle{top:16px;position:absolute;inset-inline-end:16px}.clist{margin:0;padding:0;list-style:none;display:grid}.crow{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 4px;display:flex}.crow:last-child{border:0}.cmain{flex:1;min-width:0;display:grid}.cmain b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.cmain small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cact{align-items:center;gap:2px;display:flex}.crow .cact .icon-btn{opacity:.55}.crow:hover .cact .icon-btn{opacity:1}.dlg{gap:14px;max-height:90vh;padding:20px;display:grid;overflow-y:auto}.dlg-head{justify-content:space-between;align-items:center;display:flex}.dlg-head h2{margin:0;font-size:18px}.palette.dlg{width:min(480px,100vw - 24px)}.contacts .settings-nav .folder .count{margin-inline-start:auto}.tf-setup{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.tf-setup img{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px}.steps{color:var(--text-2);gap:8px;margin:0;padding-inline-start:20px;display:grid}.codes{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.codes code{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);text-align:center;letter-spacing:.08em;-webkit-user-select:all;user-select:all;padding:8px 12px;font-size:15px}.avatar{position:relative;overflow:hidden}.avatar .av-img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar.pick .cb{z-index:1}.avatar-edit{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:18px;padding-bottom:6px;display:flex}.crop{border-radius:var(--r-md);background:var(--surface-hover);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;overflow:hidden}.crop:active{cursor:grabbing}.crop canvas{display:block}.crop-mask{pointer-events:none;outline-offset:-2px;border-radius:50%;outline:2px solid #ffffffd9;position:absolute;inset:0;box-shadow:0 0 0 999px #0814168c}