:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--text-3xl:34px;--text-4xl:44px;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--radius-pill:999px;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--ease-standard:cubic-bezier(.2,.6,.2,1);--ease-emphasized:cubic-bezier(.2,.8,.2,1);--font-ui:"IBM Plex Sans",sans-serif;--font-display:"IBM Plex Sans",sans-serif;--font-meta:"IBM Plex Mono",monospace;--display-weight:700;--display-style:normal;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-avatar:3px;--color-surface:#fafaf8;--color-surface-raised:#fff;--color-surface-sunken:#f1efe8;--color-ink:#16150f;--color-ink-muted:#4a4842;--color-ink-faint:#8a8880;--color-border:#dad8d0;--color-border-strong:#c6c3b8;--color-accent:#c8410f;--color-accent-hover:#a8360c;--color-accent-contrast:#fff;--color-accent-soft:#fbeee6;--color-row-unread-bg:#fff;--color-row-read-bg:#fafaf8;--color-row-selected-bg:#fbeee6;--color-row-border:#eeece4;--color-unread-marker:#c8410f;--color-focus-ring:#c8410f;--label-sand-bg:#ece0cf;--label-sand-fg:#8a6520;--label-green-bg:#dbe8dd;--label-green-fg:#37694a;--label-blue-bg:#dde4f0;--label-blue-fg:#3a5580;--label-violet-bg:#e6dff0;--label-violet-fg:#5a4680;--label-rose-bg:#f1dee1;--label-rose-fg:#93415a;--label-teal-bg:#d6ebe7;--label-teal-fg:#1f7068;--color-success:#2f8a56;--color-success-soft:#dbeadf;--color-danger:#c23b34;--color-danger-soft:#f3dedb;--color-warning:#b57d17;--color-warning-soft:#f2e6cc;--elevation-1:0 1px 2px rgba(20,20,15,.06);--elevation-2:0 6px 20px rgba(20,20,15,.1);--elevation-3:0 18px 48px rgba(20,20,15,.16)}:root[data-rex-mode=dark]{--label-sand-bg:#3a3020;--label-sand-fg:#e0c48a;--label-green-bg:#1f3327;--label-green-fg:#8fcea6;--label-blue-bg:#20304a;--label-blue-fg:#9db8e0;--label-violet-bg:#2c2440;--label-violet-fg:#bda6e0;--label-rose-bg:#3a2027;--label-rose-fg:#e0a1b0;--label-teal-bg:#15332f;--label-teal-fg:#7fcfc4;--color-success:#4fae74;--color-success-soft:#17281d;--color-danger:#e06a5f;--color-danger-soft:#33201d;--color-warning:#d6a13e;--color-warning-soft:#332a17;--elevation-1:0 1px 2px rgba(0,0,0,.4);--elevation-2:0 6px 20px rgba(0,0,0,.5);--elevation-3:0 18px 48px rgba(0,0,0,.6)}:root[data-rex-variant=precision]{--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-avatar:3px;--color-surface:#fafaf8;--color-surface-raised:#fff;--color-surface-sunken:#f1efe8;--color-ink:#16150f;--color-ink-muted:#4a4842;--color-ink-faint:#8a8880;--color-border:#dad8d0;--color-border-strong:#c6c3b8;--color-accent:#c8410f;--color-accent-hover:#a8360c;--color-accent-contrast:#fff;--color-accent-soft:#fbeee6;--color-row-unread-bg:#fff;--color-row-read-bg:#fafaf8;--color-row-selected-bg:#fbeee6;--color-row-border:#eeece4;--color-unread-marker:#c8410f;--color-focus-ring:#c8410f}:root[data-rex-variant=precision][data-rex-mode=dark]{--color-surface:#1a1813;--color-surface-raised:#232019;--color-surface-sunken:#131109;--color-ink:#f2efe6;--color-ink-muted:#b0aa9a;--color-ink-faint:#7d786a;--color-border:#322e25;--color-border-strong:#45402f;--color-accent:#e2652f;--color-accent-hover:#f0784a;--color-accent-contrast:#17160f;--color-accent-soft:#2e2013;--color-row-unread-bg:#232019;--color-row-read-bg:#1a1813;--color-row-selected-bg:#2e2013;--color-row-border:#2a271e;--color-unread-marker:#e2652f;--color-focus-ring:#e2652f}:root[data-rex-variant=correspondence]{--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-avatar:50%;--color-surface:#f6f2ea;--color-surface-raised:#fdfbf6;--color-surface-sunken:#ece5d7;--color-ink:#1e1b16;--color-ink-muted:#4b4535;--color-ink-faint:#7a7360;--color-border:#ddd5c6;--color-border-strong:#cabfa9;--color-accent:#2f6b46;--color-accent-hover:#255637;--color-accent-contrast:#fff;--color-accent-soft:#e4ede2;--color-row-unread-bg:#fdfbf6;--color-row-read-bg:#f6f2ea;--color-row-selected-bg:#e4ede2;--color-row-border:#ece4d6;--color-unread-marker:#2f6b46;--color-focus-ring:#2f6b46}:root[data-rex-variant=correspondence][data-rex-mode=dark]{--color-surface:#171512;--color-surface-raised:#201d18;--color-surface-sunken:#110f0c;--color-ink:#f0ece2;--color-ink-muted:#aaa593;--color-ink-faint:#7a7362;--color-border:#2e2a22;--color-border-strong:#423d31;--color-accent:#4fae74;--color-accent-hover:#63c489;--color-accent-contrast:#0f1a12;--color-accent-soft:#17281d;--color-row-unread-bg:#201d18;--color-row-read-bg:#171512;--color-row-selected-bg:#17281d;--color-row-border:#26221b;--color-unread-marker:#4fae74;--color-focus-ring:#4fae74}:root[data-rex-variant=console]{--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-avatar:5px;--color-surface:#f4f5f7;--color-surface-raised:#fff;--color-surface-sunken:#e9ebee;--color-ink:#14181d;--color-ink-muted:#3a4048;--color-ink-faint:#9aa0aa;--color-border:#d5d8de;--color-border-strong:#c0c5cd;--color-accent:#2f6bff;--color-accent-hover:#1f55e0;--color-accent-contrast:#fff;--color-accent-soft:#eaf0ff;--color-row-unread-bg:#fff;--color-row-read-bg:#f4f5f7;--color-row-selected-bg:#eaf0ff;--color-row-border:#eaecef;--color-unread-marker:#2f6bff;--color-focus-ring:#2f6bff}:root[data-rex-variant=console][data-rex-mode=dark]{--color-surface:#0f1216;--color-surface-raised:#171b21;--color-surface-sunken:#0a0c0f;--color-ink:#eef1f5;--color-ink-muted:#a3abb6;--color-ink-faint:#6c7480;--color-border:#232830;--color-border-strong:#333a44;--color-accent:#5b8bff;--color-accent-hover:#7aa0ff;--color-accent-contrast:#0a0c0f;--color-accent-soft:#16203a;--color-row-unread-bg:#171b21;--color-row-read-bg:#0f1216;--color-row-selected-bg:#16203a;--color-row-border:#1c2129;--color-unread-marker:#5b8bff;--color-focus-ring:#5b8bff}:root[data-rex-variant=signal]{--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-avatar:10px;--color-surface:#fcfcfb;--color-surface-raised:#fff;--color-surface-sunken:#f0f1ef;--color-ink:#17181a;--color-ink-muted:#3f4340;--color-ink-faint:#a7aaa6;--color-border:#e3e4e2;--color-border-strong:#d2d4d1;--color-accent:#0f7a70;--color-accent-hover:#0b625a;--color-accent-contrast:#fff;--color-accent-soft:#e2f0ed;--color-row-unread-bg:#fff;--color-row-read-bg:#fcfcfb;--color-row-selected-bg:#e2f0ed;--color-row-border:#eef0ee;--color-unread-marker:#0f7a70;--color-focus-ring:#0f7a70}:root[data-rex-variant=signal][data-rex-mode=dark]{--color-surface:#101413;--color-surface-raised:#171c1b;--color-surface-sunken:#0b0f0e;--color-ink:#eef2f1;--color-ink-muted:#a2aaa8;--color-ink-faint:#6b7371;--color-border:#222927;--color-border-strong:#313a38;--color-accent:#2fae9f;--color-accent-hover:#45c4b4;--color-accent-contrast:#08110f;--color-accent-soft:#10221f;--color-row-unread-bg:#171c1b;--color-row-read-bg:#101413;--color-row-selected-bg:#10221f;--color-row-border:#1b2220;--color-unread-marker:#2fae9f;--color-focus-ring:#2fae9f}:root[data-rex-variant=slate]{--radius-sm:5px;--radius-md:6px;--radius-lg:10px;--radius-avatar:5px;--color-surface:#edeff2;--color-surface-raised:#fafbfc;--color-surface-sunken:#e1e5ea;--color-ink:#1b2026;--color-ink-muted:#3c444d;--color-ink-faint:#98a1ab;--color-border:#d3d8de;--color-border-strong:#bfc6ce;--color-accent:#a85f42;--color-accent-hover:#8f4d33;--color-accent-contrast:#fff;--color-accent-soft:#f4e7e0;--color-row-unread-bg:#fafbfc;--color-row-read-bg:#edeff2;--color-row-selected-bg:#f4e7e0;--color-row-border:#e6e9ed;--color-unread-marker:#a85f42;--color-focus-ring:#a85f42}:root[data-rex-variant=slate][data-rex-mode=dark]{--color-surface:#14181d;--color-surface-raised:#1c2127;--color-surface-sunken:#0f1216;--color-ink:#eef1f5;--color-ink-muted:#a2abb6;--color-ink-faint:#6b7480;--color-border:#262c34;--color-border-strong:#363d47;--color-accent:#c47a5c;--color-accent-hover:#d6906f;--color-accent-contrast:#12100e;--color-accent-soft:#2a1d16;--color-row-unread-bg:#1c2127;--color-row-read-bg:#14181d;--color-row-selected-bg:#2a1d16;--color-row-border:#1f242b;--color-unread-marker:#c47a5c;--color-focus-ring:#c47a5c}*{box-sizing:border-box}#__nuxt,body,html{height:100%;margin:0}body{background:var(--color-surface-sunken);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-snug)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button,input,textarea{color:inherit;font-family:inherit;font-size:inherit}button{cursor:pointer}[contenteditable]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}::-moz-placeholder{color:var(--color-ink-faint)}::placeholder{color:var(--color-ink-faint)}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}kbd{background:var(--color-surface-sunken);border:solid var(--color-border-strong);border-radius:5px;border-width:1px 1px 2px;color:var(--color-ink);font-family:var(--font-meta);font-size:12px;padding:1px 7px}.muted{color:var(--color-ink-muted)}.spacer{flex:1}.meta{font-family:var(--font-meta)}@keyframes rex-shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}@keyframes rex-spin{to{transform:rotate(1turn)}}@keyframes rex-snack-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rex-win-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.avatar{align-items:center;border-radius:var(--radius-avatar);color:#fff;display:flex;flex-shrink:0;font-family:var(--font-display);font-weight:700;justify-content:center}.avatar-40{font-size:var(--text-md);height:40px;width:40px}.avatar-36{font-size:var(--text-base);height:36px;width:36px}.avatar-30{font-size:11px;height:30px;width:30px}.avatar-26{font-size:11px;height:26px;width:26px}.hue-sand{background:var(--label-sand-fg)}.hue-green{background:var(--label-green-fg)}.hue-blue{background:var(--label-blue-fg)}.hue-violet{background:var(--label-violet-fg)}.hue-rose{background:var(--label-rose-fg)}.hue-teal{background:var(--label-teal-fg)}.login-page{min-height:100%}.login-brand,.login-page{background:var(--color-surface-sunken);display:flex}.login-brand{align-items:center;border-right:1px solid var(--color-border);flex:1;min-width:0;padding:64px 56px}.login-brand-inner{display:flex;flex-direction:column;gap:28px;max-width:400px}.login-brand h1{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-3xl);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:-.02em;line-height:var(--leading-tight);margin:0}.login-brand h1 .accent{color:var(--color-accent)}.login-brand .sub{color:var(--color-ink-muted);font-size:var(--text-lg);line-height:var(--leading-normal);margin:0}.login-trust{display:flex;flex-direction:column;gap:14px;margin-top:4px}.login-trust li{align-items:center;color:var(--color-ink);display:flex;font-size:var(--text-md);gap:12px}.login-trust .tick{background:var(--color-accent-soft);border-radius:6px;color:var(--color-accent);font-size:12px;height:22px;width:22px}.login-form-panel,.login-trust .tick{align-items:center;display:flex;flex-shrink:0;justify-content:center}.login-form-panel{background:var(--color-surface);padding:64px 56px;width:min(46%,560px)}.login-form{max-width:380px;width:100%}.login-form h2{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:-.01em;margin:0 0 6px}.login-form .subtitle{color:var(--color-ink-muted);font-size:var(--text-md);margin:0 0 24px}.login-error{align-items:center;background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:18px;padding:11px 14px}.login-error .warn{color:var(--color-danger);font-size:15px}.login-error span:last-child,.login-form label{color:var(--color-ink);font-size:var(--text-sm)}.login-form label{display:block;font-weight:600;margin-bottom:6px}.login-form .field{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-md);padding:11px 14px;width:100%}.login-row{align-items:center;display:flex;justify-content:space-between;margin:16px 0 6px}.login-row label{margin:0}.login-row a{font-size:var(--text-sm);font-weight:600}.login-pw{position:relative}.login-pw .toggle{background:transparent;border:none;color:var(--color-ink-faint);font-size:var(--text-sm);position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login-submit{background:var(--color-accent);border:none;border-radius:var(--radius-md);box-shadow:var(--elevation-1);color:var(--color-accent-contrast);font-size:var(--text-md);font-weight:600;margin-top:22px;padding:12px 16px;width:100%}.login-submit:hover{background:var(--color-accent-hover)}.login-submit:disabled{opacity:.6}.login-note{border-top:1px solid var(--color-border);color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin-top:22px;padding-top:18px}.login-lang{font-family:var(--font-meta);font-size:var(--text-xs);margin-top:14px}.login-lang,.login-lang a{color:var(--color-ink-faint)}.login-lang a{cursor:pointer;margin-right:8px}.login-lang a.active{color:var(--color-accent);font-weight:600}@media(max-width:860px){.login-page{flex-direction:column}.login-brand{border-right:none;padding:32px 24px 8px}.login-form-panel{align-items:flex-start;flex:1;padding:28px 24px 48px;width:100%}}.shell{height:100%}.shell,.sidebar{background:var(--color-surface);display:flex}.sidebar{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:14px;padding:16px 12px;width:262px}.sidebar .brand-row{padding:2px 8px 6px}.compose-btn,.sidebar .brand-row{align-items:center;display:flex;gap:9px}.compose-btn{background:var(--color-accent);border:none;border-radius:var(--radius-md);box-shadow:var(--elevation-1);color:var(--color-accent-contrast);font-size:var(--text-md);font-weight:600;justify-content:center;padding:11px 16px;width:100%}.compose-btn:hover{background:var(--color-accent-hover)}.compose-btn .pen{font-size:17px;line-height:0;margin-top:-1px}.sidebar nav{display:flex;flex-direction:column;gap:1px}.nav-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-ink-muted);display:flex;font-size:var(--text-md);font-weight:500;gap:10px;padding:8px 12px;position:relative;text-align:left;width:100%}.nav-btn:hover{background:var(--color-surface-sunken)}.nav-btn.active{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent);color:var(--color-ink);font-weight:600}.nav-btn .name{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.nav-btn .count{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:11px;font-weight:500}.nav-btn .count.hot{color:var(--color-accent);font-weight:700}.nav-btn .dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.labels-head{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:8px 10px 2px}.labels-head .title{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.labels-head .add{background:transparent;border:none;border-radius:5px;color:var(--color-ink-faint);font-size:16px;line-height:1;padding:2px 6px}.labels-head .add:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.sidebar .labels-nav{flex:1;overflow:auto}.label-new{padding:2px 8px 4px}.label-new input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-sm);padding:6px 10px;width:100%}.label-new input:focus{border-color:var(--color-border-strong);outline:none}.label-new input.err{border-color:var(--color-danger,#c0392b)}.label-row .del{background:transparent;border:none;border-radius:4px;color:var(--color-ink-faint);display:none;flex-shrink:0;font-size:11px;line-height:1;padding:2px 4px}.label-row:hover .del{display:block}.label-row .del:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.compose-fab,.drawer-btn,.drawer-scrim{display:none}.main-col{background:var(--color-surface);display:flex;flex:1;flex-direction:column;min-width:0}.topbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:16px;padding:10px 20px}.searchbox{flex:1;max-width:640px;position:relative}.searchbox .icon{display:flex;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.searchbox input{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-md);padding:9px 14px 9px 38px;width:100%}.searchbox input:focus{background:var(--color-surface-raised);border-color:var(--color-border-strong);outline:none}.density{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:6px;padding:2px}.density button{background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;padding:6px 12px}.density button.on{background:var(--color-accent);color:var(--color-accent-contrast)}.account-wrap{position:relative}.account-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:flex;gap:9px;padding:4px 10px 4px 4px}.account-chip:hover{background:var(--color-surface-sunken)}.account-chip .email{color:var(--color-ink-muted);font-size:var(--text-sm);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip .caret{color:var(--color-ink-faint);font-size:10px}.account-menu{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);overflow:hidden;position:absolute;right:0;top:46px;width:288px;z-index:40}.account-menu .me{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:11px;padding:16px}.account-menu .me .who{min-width:0}.account-menu .me .name{color:var(--color-ink);font-size:var(--text-md);font-weight:600}.account-menu .me .email,.account-menu .me .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu .me .email{color:var(--color-ink-muted);font-size:var(--text-sm)}.account-menu .section{padding:5px}.account-menu .section+.section{border-top:1px solid var(--color-border);display:flex;flex-direction:column}.account-menu .item{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);display:flex;font-size:var(--text-md);gap:11px;padding:9px 11px;text-align:left;width:100%}.account-menu .item:hover{background:var(--color-surface-sunken)}.account-menu .item .who{flex:1;min-width:0}.account-menu .item .who .email2{color:var(--color-ink-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu .item.dashed-avatar .plus{align-items:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-avatar);color:var(--color-ink-faint);display:flex;flex-shrink:0;font-size:16px;height:30px;justify-content:center;width:30px}.account-menu .line{background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);padding:9px 11px;text-align:left}.account-menu .line:hover{background:var(--color-surface-sunken)}.account-menu .line.danger{color:var(--color-danger)}.account-menu .line.danger:hover{background:var(--color-danger-soft)}.list-col{display:flex;flex:1;flex-direction:column;min-height:0}.list-toolbar{border-bottom:1px solid var(--color-border);gap:12px;min-height:46px;padding:8px 20px}.checkbox,.list-toolbar{align-items:center;display:flex;flex-shrink:0}.checkbox{background:transparent;border:1.5px solid var(--color-border-strong);border-radius:4px;color:var(--color-accent-contrast);cursor:pointer;font-size:11px;height:17px;justify-content:center;width:17px}.checkbox.on{background:var(--color-accent);border-color:var(--color-accent)}.list-toolbar .caption{color:var(--color-ink-muted);font-size:var(--text-sm)}.list-toolbar .sel-actions{align-items:center;display:flex;gap:6px}.tool-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:500;padding:6px 12px}.tool-btn:hover{background:var(--color-surface-sunken)}.list-toolbar .right{align-items:center;display:flex;gap:10px;margin-left:auto}.list-toolbar .count{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:var(--text-xs)}.icon-btn{background:transparent;border:none;border-radius:5px;color:var(--color-ink-muted);font-size:15px;padding:5px}.icon-btn:hover{background:var(--color-surface-sunken)}.list-scroll{background:var(--color-surface);flex:1;min-height:0;overflow:auto}.row{align-items:center;background:var(--color-row-read-bg);border-bottom:1px solid var(--color-row-border);color:inherit;cursor:pointer;display:flex;gap:12px;padding:13px 18px 13px 16px;position:relative}.list-scroll.compact .row{padding:7px 16px}.row:first-child{border-bottom-color:transparent}.row.unread{background:var(--color-row-unread-bg)}.row:hover{background:var(--color-surface-sunken)}.row.selected,.row.selected:hover{background:var(--color-row-selected-bg);box-shadow:inset 0 0 0 1px var(--color-accent)}.row .marker{background:var(--color-unread-marker);bottom:0;left:0;position:absolute;top:0;width:3px}.row .star{background:none;border:none;color:var(--color-ink-faint);cursor:pointer;flex-shrink:0;font-size:15px;line-height:1;padding:0}.row .star.on{color:var(--color-accent)}.row .body{flex:1;flex-direction:column;gap:2px}.row .body,.row .line1{display:flex;min-width:0}.row .line1{align-items:center;gap:8px}.row .sender{color:var(--color-ink-muted);font-size:var(--text-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .msg-count{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:11px}.row .line2{align-items:baseline;display:flex;gap:7px;min-width:0}.row .subject{color:var(--color-ink-muted);flex-shrink:0;font-weight:500;max-width:60%}.row .snippet,.row .subject{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .snippet{color:var(--color-ink-faint)}.row.unread .sender,.row.unread .subject{color:var(--color-ink);font-weight:700}.row .right-col{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.row .time{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:var(--text-sm);white-space:nowrap}.row.unread .time{color:var(--color-ink)}.row .clip{align-items:center;color:var(--color-ink-faint);display:flex;gap:3px}.list-scroll.compact .row .body{align-items:center;flex-direction:row;gap:9px}.list-scroll.compact .row .sender{flex-shrink:0;width:170px}.list-scroll.compact .row .line2{flex:1;min-width:0}.label-chip{border-radius:var(--radius-sm);font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.label-chip.sand{background:var(--label-sand-bg);color:var(--label-sand-fg)}.label-chip.green{background:var(--label-green-bg);color:var(--label-green-fg)}.label-chip.blue{background:var(--label-blue-bg);color:var(--label-blue-fg)}.label-chip.violet{background:var(--label-violet-bg);color:var(--label-violet-fg)}.label-chip.rose{background:var(--label-rose-bg);color:var(--label-rose-fg)}.label-chip.teal{background:var(--label-teal-bg);color:var(--label-teal-fg)}.label-chip .x{background:transparent;border:none;color:inherit;font-size:10px;line-height:1;opacity:.55;padding:0 0 0 6px;vertical-align:baseline}.label-chip .x:hover{opacity:1}.thread-inner h1 .label-chip{margin-left:8px;vertical-align:middle}.label-menu-wrap{position:relative}.label-menu{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-2);left:0;max-height:280px;min-width:200px;overflow:auto;padding:4px;position:absolute;top:calc(100% + 4px);z-index:30}.label-menu .item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink);display:flex;font-size:var(--text-sm);gap:8px;padding:7px 10px;text-align:left;width:100%}.label-menu .item:hover{background:var(--color-surface-sunken)}.label-menu .item .check{color:var(--color-accent);font-weight:700;width:14px}.label-menu .item .dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.label-menu .item .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-menu .empty{color:var(--color-ink-faint);font-size:var(--text-sm);padding:10px 12px}.list-scroll .row.cursored,.list-scroll .row:focus-visible{box-shadow:inset 0 0 0 2px var(--color-focus-ring);outline:none}.help-dim{align-items:center;background:#140f0a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:90}.help-panel{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);max-height:80vh;overflow:auto;padding:20px 24px;width:min(720px,calc(100vw - 48px))}.help-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.help-head h2{color:var(--color-ink);font-size:var(--text-lg);font-weight:700}.help-head .x{background:transparent;border:none;border-radius:5px;color:var(--color-ink-faint);font-size:14px;padding:4px 8px}.help-head .x:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.help-grid{display:grid;gap:18px 28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.help-grid h3{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:10px;letter-spacing:.14em;margin-bottom:6px;text-transform:uppercase}.help-row{align-items:center;display:flex;gap:12px;padding:3px 0}.help-row .keys{display:flex;gap:4px;min-width:92px}.help-row kbd{background:var(--color-surface-sunken);border:solid var(--color-border-strong);border-radius:5px;border-width:1px 1px 2px;color:var(--color-ink);font-family:var(--font-meta);font-size:11px;padding:1px 6px}.help-row .desc{color:var(--color-ink-muted);font-size:var(--text-sm)}.recovery-nudge{align-items:center;background:var(--label-sand-bg);border-bottom:1px solid var(--color-border);color:var(--label-sand-fg);display:flex;font-size:var(--text-sm);gap:10px;padding:8px 20px}.recovery-nudge a{color:inherit;font-weight:700}.recovery-nudge .x{background:transparent;border:none;border-radius:4px;color:inherit;font-size:12px;margin-left:auto;opacity:.6;padding:2px 6px}.recovery-nudge .x:hover{opacity:1}.settings-col{flex:1;flex-direction:column;min-height:0;min-width:0}.settings-col,.settings-head{background:var(--color-surface);display:flex}.settings-head{align-items:center;border-bottom:1px solid var(--color-border);flex-shrink:0;gap:14px;padding:14px 24px}.settings-head .back{align-items:center;background:transparent;border:none;color:var(--color-ink-muted);display:flex;font-size:var(--text-md);font-weight:500;gap:7px;padding:4px 8px 4px 0}.settings-head .back:hover{color:var(--color-ink)}.settings-head .back .arrow{font-size:17px}.settings-head .sep{background:var(--color-border);height:20px;width:1px}.settings-head h1{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-style:var(--display-style);font-weight:var(--display-weight);margin:0}.settings-body{display:flex;flex:1;min-height:0}.settings-nav{border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:20px 12px;width:220px}.settings-nav-item{border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-md);font-weight:500;padding:9px 14px;text-align:left}.settings-nav-item:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.settings-nav-item.active{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent);color:var(--color-ink);font-weight:600}.settings-content{flex:1;min-width:0;overflow:auto}.settings-inner{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:660px;padding:28px 28px 80px}.set-section-head{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.set-section-head h2{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-style:var(--display-style);font-weight:var(--display-weight);margin:0}.set-lede{color:var(--color-ink-muted);font-size:var(--text-md);margin:-8px 0 2px}.set-eyebrow{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:10px;letter-spacing:.12em;margin-bottom:-6px;text-transform:uppercase}.theme-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.theme-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:15px 16px;text-align:left;transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.theme-card:hover{border-color:var(--color-border-strong)}.theme-card.active{background:var(--color-accent-soft);border-color:var(--color-accent)}.theme-card .sw-row{align-items:center;display:flex;gap:5px}.theme-card .sw{border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f;height:22px;width:22px}.theme-card .name-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px}.theme-card .nm{color:var(--color-ink);font-size:var(--text-md);font-weight:600}.theme-card .tick{color:var(--color-accent);font-size:15px}.theme-card .desc{color:var(--color-ink-muted);font-size:var(--text-sm)}.set-card.set-rows{gap:0;padding:0}.set-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:16px;justify-content:space-between;padding:16px}.set-row.last{border-bottom:none}.set-row-label .t{color:var(--color-ink);font-size:var(--text-md);font-weight:600}.set-row-label .d{color:var(--color-ink-muted);font-size:var(--text-sm)}.seg{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-shrink:0;padding:2px}.seg button{background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--color-ink-muted);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:6px 14px;white-space:nowrap}.seg button.on{background:var(--color-accent);color:var(--color-accent-contrast)}@media(max-width:860px){.settings-body{flex-direction:column}.settings-nav{border-bottom:1px solid var(--color-border);border-right:none;flex-direction:row;gap:8px;overflow-x:auto;padding:12px 16px;width:auto}.settings-nav-item{border-radius:var(--radius-pill);flex-shrink:0;padding:8px 14px;white-space:nowrap}.settings-nav-item.active{box-shadow:none}.settings-inner{padding:20px 16px 60px}.set-row{align-items:flex-start;flex-direction:column;gap:10px}.theme-grid{grid-template-columns:1fr}}.foreign-warn{background:var(--label-sand-bg);border:1px solid;border-radius:var(--radius-md);color:var(--label-sand-fg);font-size:var(--text-sm);line-height:1.5;padding:12px 16px}.foreign-warn strong{display:block;margin-bottom:2px}.set-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;padding:18px 20px}.set-card h2{align-items:center;color:var(--color-ink);display:flex;font-size:var(--text-lg);font-weight:700;gap:10px}.set-card .hint{color:var(--color-ink-faint);font-size:var(--text-sm);margin-top:-6px}.set-card .txt{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-md);padding:8px 12px;width:100%}.set-card .txt:focus{border-color:var(--color-border-strong);outline:none}.set-card .area{font:inherit;resize:vertical}.set-card .sel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-sm);padding:7px 10px}.set-card .chk{align-items:center;color:var(--color-ink-muted);display:inline-flex;font-size:var(--text-sm);gap:6px;white-space:nowrap}.set-card .row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.set-card .row .lbl{color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;min-width:34px}.set-card .row .grow{flex:1;min-width:140px;width:auto}.set-card .ghost{align-self:flex-start;background:transparent;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;padding:6px 12px}.set-card .ghost:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.rule{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.rule-head{align-items:center;display:flex;gap:8px;padding:8px 10px}.rule-head .rule-name{background:transparent;border:none;color:var(--color-ink);display:flex;flex:1;flex-direction:column;gap:1px;min-width:0;padding:2px 4px;text-align:left}.rule-head .rule-name.off{opacity:.5}.rule-head .rule-name .sum{color:var(--color-ink-faint);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-head .mini{background:transparent;border:none;border-radius:5px;color:var(--color-ink-faint);flex-shrink:0;font-size:13px;padding:4px 6px}.rule-head .mini:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-ink)}.rule-head .mini:disabled{opacity:.3}.rule-head .mini.danger:hover{color:var(--color-danger,#c0392b)}.rule-edit{background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px;padding:12px}.rule-edit .mini{background:transparent;border:none;border-radius:5px;color:var(--color-ink-faint);padding:4px 8px}.rule-edit .mini:hover:not(:disabled){background:var(--color-surface-sunken)}.rule-edit .acts{border-top:1px dashed var(--color-border);margin-top:2px;padding-top:10px}.switch{display:inline-flex;flex-shrink:0;position:relative}.switch input{cursor:pointer;inset:0;opacity:0;position:absolute}.switch span{background:var(--color-border-strong);border-radius:10px;display:inline-block;height:20px;pointer-events:none;transition:background .15s;width:34px}.switch span:after{background:var(--color-surface-raised);border-radius:50%;box-shadow:var(--elevation-1);content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .15s;width:14px}.switch input:checked+span{background:var(--color-accent)}.switch input:checked+span:after{transform:translate(14px)}.save-btn{background:var(--color-accent);border:none;border-radius:var(--radius-md);color:var(--color-accent-contrast);font-size:var(--text-sm);font-weight:600;padding:8px 18px}.save-btn:hover:not(:disabled){background:var(--color-accent-hover)}.save-btn:disabled{opacity:.45}.skel-row{align-items:center;border-bottom:1px solid var(--color-row-border);display:flex;gap:14px;padding:15px 20px}.skel-row .av{background:var(--color-surface-sunken);border-radius:var(--radius-avatar);flex-shrink:0;height:36px;width:36px}.skel-row .lines{display:flex;flex:1;flex-direction:column;gap:8px}.skel-line{animation:rex-shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--color-surface-sunken) 25%,var(--color-border) 37%,var(--color-surface-sunken) 63%);background-size:800px 100%;border-radius:5px;height:11px}.empty-state{flex-direction:column;gap:14px;height:100%;padding:40px;text-align:center}.empty-state,.empty-state .ok-ring{align-items:center;display:flex;justify-content:center}.empty-state .ok-ring{border:2px solid var(--color-accent);border-radius:50%;color:var(--color-accent);font-size:30px;height:64px;width:64px}.empty-state .title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-style:var(--display-style);font-weight:var(--display-weight)}.empty-state .title.smaller{font-size:var(--text-xl)}.empty-state .text{color:var(--color-ink-muted);font-size:var(--text-md);line-height:var(--leading-normal);max-width:380px}.empty-state .clear{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-md);font-weight:600;margin-top:4px;padding:8px 16px}.thread-toolbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;min-height:48px;padding:8px 20px}.thread-toolbar .back{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-ink-muted);display:flex;font-size:var(--text-md);font-weight:500;gap:7px;padding:6px 10px 6px 6px}.thread-toolbar .back:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.thread-toolbar .back .arrow{font-size:17px}.thread-toolbar .sep{background:var(--color-border);height:22px;margin:0 4px;width:1px}.thread-actions{display:contents}.thread-tool{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-ink-muted);display:flex;font-size:var(--text-sm);font-weight:500;gap:6px;padding:7px 12px}.thread-scroll,.thread-tool:hover{background:var(--color-surface-sunken)}.thread-scroll{flex:1;min-height:0;overflow:auto}.thread-inner{margin:0 auto;max-width:860px;padding:24px 24px 40px}.thread-inner h1{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:-.01em;line-height:var(--leading-tight);margin:0 0 20px}.thread-chips{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.thread-chips .label-chip{padding:3px 10px}.timeline{margin:0 auto;max-width:800px}.tl-msg{gap:16px;padding-bottom:16px}.tl-msg,.tl-rail{display:flex;position:relative}.tl-rail{flex-shrink:0;justify-content:center;width:40px}.tl-rail .line{background:var(--color-border);bottom:-16px;position:absolute;top:6px;width:2px}.tl-msg:last-child .tl-rail .line{display:none}.tl-rail .avatar{box-shadow:0 0 0 4px var(--color-surface-sunken);position:relative;z-index:1}.tl-body{flex:1;min-width:0}.tl-collapsed{align-items:center;cursor:pointer;display:flex;gap:10px;padding:9px 0}.tl-collapsed:hover{opacity:.72}.tl-collapsed .from{color:var(--color-ink);flex-shrink:0;font-size:var(--text-md);font-weight:600}.tl-collapsed .snippet{color:var(--color-ink-faint);flex:1;font-size:var(--text-base);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-collapsed .date{color:var(--color-ink-faint);flex-shrink:0;font-family:var(--font-meta);font-size:var(--text-sm)}.tl-collapsed .clip{color:var(--color-ink-faint);display:flex}.tl-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding:4px 0 12px}.tl-head .who{min-width:0}.tl-head .from-line{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.tl-head .from{color:var(--color-ink);font-size:var(--text-md);font-weight:700}.tl-head .addr{color:var(--color-ink-faint);font-size:var(--text-sm)}.tl-head .to{color:var(--color-ink-muted);font-size:var(--text-sm);margin-top:2px}.tl-head .date{color:var(--color-ink-faint);flex-shrink:0;font-family:var(--font-meta);font-size:var(--text-sm)}.img-banner{align-items:center;background:var(--color-warning-soft);color:var(--color-ink);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:12px;margin:0 0 14px;padding:9px 13px}.img-banner,.tl-frame{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tl-frame{background:var(--color-surface-raised);margin:0;overflow:hidden}.body-frame{background:#fff;border:0;display:block;width:100%}.body-text{background:var(--color-surface-raised);color:var(--color-ink);font:400 14px/1.6 var(--font-ui);margin:0;padding:16px 18px;white-space:pre-wrap}.tl-atts{flex-wrap:wrap;padding:14px 0 0}.att-card,.tl-atts{display:flex;gap:10px}.att-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-width:200px;padding:9px 12px;text-align:left}.att-card:hover{border-color:var(--color-border-strong)}.att-card .ext{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-family:var(--font-meta);font-size:10px;font-weight:600;height:34px;justify-content:center;width:34px}.att-card .fname{color:var(--color-ink);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-card .fsize{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:11px}.att-card .info{flex:1;min-width:0}.tl-actions{display:flex;gap:8px;padding:14px 0 16px}.reply-btn{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink);display:flex;font-size:var(--text-md);font-weight:600;gap:7px;padding:9px 18px}.reply-btn:hover{background:var(--color-surface-sunken)}.thread-reply-row{display:flex;gap:10px;margin-top:16px}.quick-reply{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--elevation-2);margin-top:16px;overflow:hidden}.quick-reply .qr-head{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:10px;padding:12px 16px}.quick-reply .qr-head .mode{color:var(--color-ink-muted);font-size:var(--text-md)}.quick-reply .qr-head .rcpt{color:var(--color-ink);font-size:var(--text-md);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-reply .qr-head .close{background:transparent;border:none;color:var(--color-ink-faint);font-size:16px;margin-left:auto}.quick-reply textarea{background:transparent;border:none;color:var(--color-ink);display:block;font-size:var(--text-md);line-height:var(--leading-normal);min-height:120px;outline:none;padding:14px 16px;resize:vertical;width:100%}.quick-reply .qr-foot{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:10px;padding:10px 16px}.send-btn{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:var(--color-accent-contrast);display:flex;font-size:var(--text-md);font-weight:600;gap:8px;padding:9px 20px}.send-btn:hover{background:var(--color-accent-hover)}.send-btn:disabled{opacity:.6}.send-btn .hint{font-family:var(--font-meta);font-size:10px;opacity:.8}.cw-foot .status,.qr-foot .status{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:11px;margin-left:auto}.cw-foot .status.error,.qr-foot .status.error{color:var(--color-danger)}.cw-foot .status.ok,.qr-foot .status.ok{color:var(--color-success)}.compose-wrap{bottom:0;height:560px;max-height:calc(100% - 16px);position:fixed;right:24px;width:540px;z-index:70}.compose-wrap.minimized{height:auto;width:320px}.compose-wrap.maximized{height:auto;inset:24px auto 24px 50%;max-height:none;max-width:calc(100% - 48px);transform:translate(-50%);width:720px}.compose-dim{background:#0a0a0880;inset:0;position:fixed;z-index:65}.compose-window{animation:rex-win-in var(--motion-base) var(--ease-standard);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);display:flex;flex-direction:column;height:100%;overflow:hidden}.cw-title{align-items:center;background:var(--color-ink);color:var(--color-surface);cursor:pointer;display:flex;flex-shrink:0;gap:10px;padding:11px 14px}.cw-title .t{flex:1;font-size:var(--text-md);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-title button{align-items:center;background:transparent;border:none;border-radius:5px;color:var(--color-surface);display:flex;font-size:13px;height:24px;justify-content:center;opacity:.75;width:26px}.cw-title button:hover{opacity:1}.cw-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto}.cw-rcpt{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:8px;padding:9px 16px;position:relative}.rcpt-suggest{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-2);left:50px;max-height:240px;overflow:auto;padding:4px;position:absolute;right:16px;top:100%;z-index:40}.rcpt-suggest .item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink);display:flex;font-size:var(--text-sm);gap:9px;padding:6px 9px;text-align:left;width:100%}.rcpt-suggest .item.sel,.rcpt-suggest .item:hover{background:var(--color-surface-sunken)}.rcpt-suggest .item .nm{font-weight:600}.rcpt-suggest .item .em,.rcpt-suggest .item .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-rcpt .lbl,.rcpt-suggest .item .em{color:var(--color-ink-faint)}.cw-rcpt .lbl{flex-shrink:0;font-size:var(--text-md);padding-top:5px;width:42px}.cw-rcpt .chips{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0}.cw-rcpt input{background:transparent;border:none;color:var(--color-ink);flex:1;font-size:var(--text-md);min-width:120px;outline:none;padding:5px 2px}.cw-rcpt .cc-toggle{background:transparent;border:none;color:var(--color-ink-faint);flex-shrink:0;font-size:var(--text-sm);font-weight:600;padding-top:5px}.rcpt-chip{align-items:center;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;font-size:var(--text-sm);gap:7px;padding:3px 8px 3px 5px}.rcpt-chip .dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.rcpt-chip .x{background:transparent;border:none;color:var(--color-ink-faint);font-size:13px;line-height:1;padding:0}.cw-subject{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:10px 16px}.cw-subject input{background:transparent;border:none;color:var(--color-ink);font-size:var(--text-md);font-weight:600;outline:none;width:100%}.cw-editor{display:flex;flex:1;flex-direction:column;min-height:120px;overflow-y:auto}.cw-editor .tiptap{color:var(--color-ink);flex:1;font-size:var(--text-md);line-height:var(--leading-normal);outline:none;padding:16px}.cw-editor .tiptap p{margin:0 0 .6em}.cw-editor .tiptap blockquote{border-left:3px solid var(--color-border-strong);color:var(--color-ink-muted);margin:0 0 .6em;padding-left:12px}.cw-plain{background:transparent;border:none;color:var(--color-ink);flex:1;font-size:var(--text-md);line-height:var(--leading-normal);min-height:120px;outline:none;padding:16px;resize:none;width:100%}.cw-foot{background:var(--color-surface-raised);border-top:1px solid var(--color-border);flex-shrink:0;gap:6px;padding:10px 14px}.cw-foot,.cw-tool{align-items:center;display:flex}.cw-tool{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink-muted);font-size:14px;height:32px;justify-content:center;width:32px}.cw-tool:hover{background:var(--color-surface-sunken)}.cw-tool.on{background:var(--color-accent-soft);color:var(--color-accent)}.cw-tool.discard:hover{background:var(--color-danger-soft);color:var(--color-danger)}@media(max-width:640px){.compose-wrap,.compose-wrap.maximized{height:auto;inset:0;max-height:none;transform:none;width:auto}.compose-window{border-radius:0}.compose-wrap.minimized{height:auto;top:auto;width:auto}}.snackbar{align-items:center;animation:rex-snack-in var(--motion-base) var(--ease-standard);background:var(--color-ink);border-radius:var(--radius-md);bottom:20px;box-shadow:var(--elevation-3);color:var(--color-surface);display:flex;font-size:var(--text-md);gap:16px;left:20px;padding:12px 16px;position:fixed;z-index:60}.snackbar .undo{background:transparent;border:none;color:var(--color-accent);font-size:var(--text-md);font-weight:700}.images-bar{align-items:center;background:var(--label-sand-bg);border-bottom:1px solid var(--color-border);color:var(--label-sand-fg);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:10px;padding:7px 14px}.images-bar button{background:transparent;border:1px solid;border-radius:var(--radius-sm);color:inherit;font-size:var(--text-sm);font-weight:600;padding:3px 10px}.images-bar button:hover{background:#0000000f}.storage-meter{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px;margin-top:auto;padding:10px 12px 2px}.storage-meter .bar{background:var(--color-surface-sunken);border-radius:2px;height:4px;overflow:hidden}.storage-meter .bar span{background:var(--color-accent);border-radius:2px;display:block;height:100%;transition:width .3s}.storage-meter .bar span.hot{background:var(--color-danger,#c0392b)}.storage-meter .txt{font-family:var(--font-meta)}.cw-foot .max-hint,.storage-meter .txt{color:var(--color-ink-faint);font-size:11px}.cw-foot .max-hint{white-space:nowrap}.retention-note{background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);color:var(--color-ink-faint);font-size:var(--text-sm);padding:7px 20px}.sig-card{gap:0;padding:0}.sig-tools{border-bottom:1px solid var(--color-border);display:flex;gap:4px;padding:10px 14px}.sig-tool{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink-muted);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;width:30px}.sig-tool:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.sig-editor{border-bottom:1px solid var(--color-border);min-height:120px;padding:14px 16px}.sig-editor .ProseMirror{font-size:var(--text-md);line-height:var(--leading-normal);min-height:96px;outline:none}.sig-editor .cw-plain{display:none!important}.sig-preview{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-md);line-height:var(--leading-normal);padding:18px}.sig-preview .muted,.sig-preview .sep{color:var(--color-ink-faint)}.sig-preview a{color:var(--color-accent)}.lbl-create{gap:12px}.lbl-dot{border-radius:50%;display:block;flex-shrink:0;height:14px;width:14px}.lbl-dot.btn{border:none;cursor:pointer;height:16px;padding:0;width:16px}.hue-swatch{border:2px solid transparent;border-radius:50%;box-shadow:0 0 0 1px var(--color-border);cursor:pointer;height:22px;padding:0;width:22px}.hue-swatch.on{border-color:var(--color-ink)}.lbl-list{gap:0;padding:0}.lbl-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding:12px 14px}.lbl-row:last-child{border-bottom:none}.lbl-row.dragging{opacity:.4}.lbl-row .grip{color:var(--color-ink-faint);cursor:grab;flex-shrink:0;font-size:14px}.lbl-row .dot-wrap{display:flex;flex-shrink:0;position:relative}.lbl-row .nm{color:var(--color-ink);flex:1;font-size:var(--text-md);font-weight:500;min-width:0}.lbl-row .count{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:var(--text-sm)}.hue-menu{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-3);display:flex;gap:6px;left:0;padding:8px;position:absolute;top:24px;z-index:20}.compose-window.dropping{outline:2px dashed var(--color-accent);outline-offset:-6px}.cw-atts{display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:4px 16px 12px}.att-up{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:11px;padding:9px 12px}.att-up.failed{border-color:var(--color-danger)}.att-up .ext{align-items:center;background:var(--color-surface-sunken);border-radius:8px;color:var(--color-ink-muted);display:flex;flex-shrink:0;font-family:var(--font-meta);font-size:10px;font-weight:600;height:36px;justify-content:center;width:36px}.att-up .meta{flex:1;min-width:0}.att-up .line{display:flex;gap:8px;justify-content:space-between}.att-up .fname{color:var(--color-ink);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-up .stat{color:var(--color-ink-faint);flex-shrink:0;font-family:var(--font-meta);font-size:11px}.att-up.failed .stat{color:var(--color-danger)}.att-up .bar{background:var(--color-surface-sunken);border-radius:99px;height:4px;margin-top:6px;overflow:hidden}.att-up .bar span{background:var(--color-accent);border-radius:99px;display:block;height:100%;transition:width .18s var(--ease-standard)}.att-up .x{background:transparent;border:none;color:var(--color-ink-faint);flex-shrink:0;font-size:14px}.att-up .x:hover,.att-warn{color:var(--color-danger)}.att-warn{font-size:var(--text-sm);margin:0}.search-filters{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:10px 20px;position:relative;z-index:10}.search-filters .set-eyebrow{margin:0 4px 0 0}.fdrop{position:relative}.fbtn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-sm);font-weight:600;padding:6px 12px;white-space:nowrap}.fbtn:hover{border-color:var(--color-border-strong)}.fbtn.on{background:var(--color-accent-soft);border-color:var(--color-accent)}.fbtn .car{font-size:9px;opacity:.6}.fmenu{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-3);left:0;max-height:260px;min-width:200px;overflow:auto;padding:4px;position:absolute;top:38px;z-index:20}.fmenu button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink);display:flex;font-size:var(--text-md);gap:9px;padding:8px 10px;text-align:left;width:100%}.fmenu button:hover{background:var(--color-surface-sunken)}.fmenu .dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.fmenu .none{color:var(--color-ink-faint);font-size:var(--text-sm);margin:0;padding:8px 10px}.search-summary{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-ink-muted);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:var(--text-sm);gap:10px;padding:10px 20px}.search-summary .corrected{color:var(--color-ink-faint)}.search-summary .corrected b{color:var(--color-ink);font-weight:600}.search-summary .sort-lbl{color:var(--color-ink-faint)}.fchip{align-items:center;background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);display:inline-flex;gap:6px;padding:3px 8px 3px 11px}.fchip button{background:transparent;border:none;color:var(--color-ink-faint);font-size:12px}.search-row .line1{align-items:center;display:flex;gap:8px}.search-row .subject{color:var(--color-ink)}.search-row .snippet,.search-row .subject{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-row .snippet{color:var(--color-ink-muted)}.search-row .line3{align-items:center;display:flex;gap:6px;margin-top:4px}.search-row .chip{border-radius:var(--radius-sm);font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.folder-badge{background:var(--color-surface-sunken);border-radius:4px;color:var(--color-ink-faint);flex-shrink:0;font-family:var(--font-meta);font-size:10px;padding:1px 6px}mark{background:var(--color-accent-soft);border-radius:3px;color:var(--color-accent);font-weight:700;padding:0 2px}@media(max-width:860px){.search-filters{flex-wrap:nowrap;overflow-x:auto}.search-filters .fbtn{border-radius:var(--radius-pill);flex-shrink:0}}.row .line3{align-items:center;display:flex;gap:6px;margin-top:5px;min-width:0}.row .line3 .chip{border-radius:var(--radius-sm);font-size:11px;font-weight:600;max-width:140px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.row .line3 .chip.more{background:var(--color-surface-sunken);color:var(--color-ink-faint)}.list-scroll.compact .row .line3{flex-shrink:0;margin-top:0}.sync-banner{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-ink);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:var(--text-sm);gap:12px;padding:9px 20px}.sync-banner .warn{flex-shrink:0;font-size:14px}.sync-banner.backfill{background:var(--color-accent-soft)}.sync-banner.backfill .dot{animation:rex-pulse 1.6s ease-in-out infinite;background:var(--color-accent);border-radius:50%;flex-shrink:0;height:8px;width:8px}.sync-banner.backfill .bar{background:var(--color-surface-raised);border-radius:99px;flex:1;height:4px;max-width:260px;min-width:120px;overflow:hidden}.sync-banner.backfill .bar span{background:var(--color-accent);border-radius:99px;display:block;height:100%;transition:width var(--motion-slow) var(--ease-standard)}.sync-banner.offline{background:var(--color-warning-soft)}.sync-banner.offline .warn{color:var(--color-warning)}.sync-banner.error{background:var(--color-danger-soft)}.sync-banner .retry,.sync-banner.error .warn{color:var(--color-danger)}.sync-banner .retry{background:transparent;border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;margin-left:auto;padding:4px 12px}.sync-banner .retry:hover{background:var(--color-danger);color:var(--color-surface)}@keyframes rex-pulse{0%,to{opacity:1}50%{opacity:.35}}.rule-foot{border-top:1px solid var(--color-border);gap:8px;justify-content:flex-end;margin-top:4px;padding-top:12px}.thread-nav{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:auto}.thread-nav .pos{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:var(--text-sm);margin-right:4px;white-space:nowrap}.thread-nav .thread-tool{font-size:16px;line-height:1;padding:6px 10px}.thread-nav .thread-tool[disabled]{cursor:default;opacity:.35}.thread-nav .thread-tool[disabled]:hover{background:transparent}.label-menu .filter{padding:4px 4px 6px}.label-menu .filter input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--text-sm);padding:6px 9px;width:100%}.label-menu .filter input:focus{border-color:var(--color-border-strong);outline:none}.label-menu .item.create{font-weight:600}.label-menu .item.create,.label-menu .item.create .check{color:var(--color-accent)}.label-menu .item[aria-checked=mixed] .check{color:var(--color-ink-faint)}.sel-actions .label-menu-wrap{display:flex}.sel-actions .thread-tool{background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;padding:6px 10px}.sel-actions .thread-tool:hover{background:var(--color-surface-sunken)}.cw-more{display:flex;position:relative}.cw-more-menu{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-2);min-width:190px;padding:5px;position:absolute;right:0;top:calc(100% + 6px);z-index:5}.cw-more-menu .item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink);display:flex;font-size:var(--text-sm);gap:9px;padding:8px 10px;text-align:left;width:100%}.cw-more-menu .item:hover{background:var(--color-surface-sunken)}.cw-more-menu .item .check{color:var(--color-accent);flex-shrink:0;font-weight:700;width:14px}.login-eyebrow{color:var(--color-accent);font-family:var(--font-meta);font-size:10px;letter-spacing:.14em;margin:0 0 8px;text-transform:uppercase}.login-context{background:var(--color-accent-soft);border-radius:var(--radius-md);color:var(--color-ink);display:block;font-size:var(--text-sm);line-height:var(--leading-normal);margin:0 0 20px;padding:11px 14px}.login-context strong{font-weight:700}.login-actions{align-items:center;display:flex;gap:10px}.login-actions .login-submit{flex:1}.login-cancel{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink-muted);flex-shrink:0;font-size:var(--text-md);font-weight:600;padding:12px 18px}.login-cancel:hover{color:var(--color-ink)}.login-cancel:hover,.switcher-page{background:var(--color-surface-sunken)}.switcher-page{align-items:center;display:flex;justify-content:center;min-height:100%;padding:40px 20px}.switcher{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);max-width:460px;padding:32px;width:100%}.switcher h1{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin:22px 0 6px}.switcher .subtitle{color:var(--color-ink-muted);font-size:var(--text-md);margin:0 0 22px}.acct-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.acct-row{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:13px;padding:12px 14px;text-align:left;width:100%}.acct-row:hover{background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.acct-row .who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.acct-row .name{color:var(--color-ink);font-size:var(--text-md);font-weight:600}.acct-row .email,.acct-row .hint{color:var(--color-ink-muted);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-row .tick{color:var(--color-accent);flex-shrink:0;font-size:15px;font-weight:700}.acct-row.warn{border-color:var(--color-danger)}.acct-row .badge,.acct-row.warn .hint{color:var(--color-danger)}.acct-row .badge{background:var(--color-danger-soft);border-radius:var(--radius-pill);flex-shrink:0;font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}.acct-row.add{border-style:dashed}.acct-row.add .plus{align-items:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-avatar);color:var(--color-ink-faint);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.acct-row[disabled]{cursor:default;opacity:.55}.acct-row[disabled]:hover{background:var(--color-surface);border-color:var(--color-border)}.switcher .caption{color:var(--color-ink-faint);font-family:var(--font-meta);font-size:var(--text-sm);margin:16px 0 0;text-align:center}.switcher-actions{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:18px}.switcher-actions .ghost{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;padding:10px 14px}.switcher-actions .ghost:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.switcher-actions .ghost.danger{color:var(--color-danger)}.switcher-actions .ghost.danger:hover{background:var(--color-danger-soft)}.switcher-actions .ghost[disabled]{cursor:default;opacity:.55}@media(max-width:860px){.drawer-btn{background:transparent;border:none;border-radius:var(--radius-md);display:flex;flex-direction:column;flex-shrink:0;gap:4px;height:40px;justify-content:center;padding:0 9px;width:40px}.drawer-btn span{background:var(--color-ink-muted);border-radius:2px;display:block;height:2px}.drawer-btn:hover{background:var(--color-surface-sunken)}.sidebar{bottom:0;box-shadow:var(--elevation-2);left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .18s ease,visibility 0s linear .18s;visibility:hidden;z-index:50}.sidebar.open{transform:translate(0);transition:transform .18s ease,visibility 0s linear 0s;visibility:visible}.drawer-scrim{background:#0a0a0873;display:block;inset:0;position:fixed;z-index:45}.topbar{gap:8px;padding:8px 12px}.account-chip .email,.topbar .density{display:none}.account-chip{padding:4px}.account-menu{right:0;width:min(288px,calc(100vw - 24px))}.row{padding:12px 14px}.list-scroll.compact .row,.row{min-height:44px}.row .checkbox,.row .star{position:relative}.row .checkbox:after,.row .star:after{content:"";inset:-12px -6px;position:absolute}.nav-btn{min-height:44px}.icon-btn{min-height:40px;min-width:40px}.compose-fab{align-items:center;background:var(--color-accent);border:none;border-radius:50%;bottom:20px;box-shadow:var(--elevation-3);color:var(--color-accent-contrast);display:flex;height:56px;justify-content:center;padding:0;position:fixed;right:20px;width:56px;z-index:35}.compose-fab:hover{background:var(--color-accent-hover)}.compose-fab .pen{font-size:22px;line-height:1;margin-top:-1px}.list-scroll{padding-bottom:84px}:root{--rex-thread-bar: calc(60px + env(safe-area-inset-bottom)) }.thread-toolbar{min-height:44px;padding:6px 12px}.thread-toolbar .sep{display:none}.thread-actions{align-items:center;background:var(--color-surface-raised);border-top:1px solid var(--color-border);bottom:0;display:flex;gap:4px;left:0;min-height:var(--rex-thread-bar);overflow-x:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:40}.thread-actions .thread-tool{flex-shrink:0;min-height:40px}.thread-nav .thread-tool{min-height:40px;min-width:40px}.thread-nav .pos{font-size:11px}.thread-actions .label-menu{bottom:calc(var(--rex-thread-bar) + 8px);left:12px;max-height:50vh;position:fixed;right:12px;top:auto;width:auto;z-index:41}.thread-scroll .thread-inner{padding:16px 14px calc(var(--rex-thread-bar) + 28px)}}@media(hover:none){.label-row .del{display:block}}
