:root{--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--text-xs:11px;--text-sm:12px;--text-base:13.5px;--text-md:14.5px;--text-lg:17px;--text-xl:21px;--text-2xl:28px;--leading-tight:1.2;--leading-normal:1.45;--leading-relaxed:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-xs:5px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--rail-w:248px;--reader-measure:760px;--duration-fast:.12s;--duration-base:.18s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f2f2f7;--bg-sunken:#e9e9ee;--bg-surface:#fff;--bg-raised:#fff;--bg-hover:#0000000a;--bg-active:#00000014;--bg-selected:#dbeafe;--ink-primary:#1c1c1e;--ink-secondary:#55555a;--ink-tertiary:#5f5f65;--ink-faint:#64646a;--border-subtle:#e5e5ea;--border-default:#d6d6db;--border-strong:#c6c6c8;--accent:#007aff;--accent-strong:#0063cc;--accent-fill:#0063cc;--accent-soft:#e3efff;--accent-soft-border:#b8d8ff;--on-accent:#fff;--danger:#d70015;--danger-soft:#ffe5e7;--success:#248a3d;--warning:#8a5a00;--rss:#a04a00;--star-fill:#e0a200;--unread-dot:#007aff;--focus-ring:#007aff;--selection-bg:#007aff33;--shadow-1:0 1px 2px #0000000d;--shadow-2:0 1px 3px #00000014, 0 4px 14px #0000000f;--shadow-3:0 4px 10px #0000001a, 0 12px 32px #0000001f;--glass-bg:#ffffffb8;--glass-border:#fff9;--glass-blur:saturate(180%) blur(20px);--scrollbar-thumb:#00000038;--scrollbar-thumb-hover:#0000005c;--skeleton-base:#e9e9ee;--skeleton-sheen:#f5f5f7}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#000;--bg-sunken:#000;--bg-surface:#1c1c1e;--bg-raised:#1c1c1e;--bg-hover:#ffffff12;--bg-active:#ffffff1f;--bg-selected:#0c2d4d;--ink-primary:#f5f5f7;--ink-secondary:#a0a0a8;--ink-tertiary:#9a9aa0;--ink-faint:#8e8e93;--border-subtle:#2c2c2e;--border-default:#38383a;--border-strong:#48484a;--accent:#0a84ff;--accent-strong:#409cff;--accent-fill:#0a6fd0;--accent-soft:#0a2742;--accent-soft-border:#1d4a73;--on-accent:#fff;--danger:#ff453a;--danger-soft:#3a1715;--success:#30d158;--warning:#ff9f0a;--rss:#ff9f0a;--star-fill:#ffd60a;--unread-dot:#0a84ff;--focus-ring:#0a84ff;--selection-bg:#0a84ff52;--shadow-1:0 1px 2px #0006;--shadow-2:0 1px 3px #00000075, 0 4px 14px #0006;--shadow-3:0 4px 10px #00000080, 0 12px 32px #0009;--glass-bg:#1c1c1eb8;--glass-border:#ffffff1a;--glass-blur:saturate(180%) blur(20px);--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff57;--skeleton-base:#1c1c1e;--skeleton-sheen:#2a2a2c}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#000;--bg-sunken:#000;--bg-surface:#1c1c1e;--bg-raised:#1c1c1e;--bg-hover:#ffffff12;--bg-active:#ffffff1f;--bg-selected:#0c2d4d;--ink-primary:#f5f5f7;--ink-secondary:#a0a0a8;--ink-tertiary:#9a9aa0;--ink-faint:#8e8e93;--border-subtle:#2c2c2e;--border-default:#38383a;--border-strong:#48484a;--accent:#0a84ff;--accent-strong:#409cff;--accent-fill:#0a6fd0;--accent-soft:#0a2742;--accent-soft-border:#1d4a73;--on-accent:#fff;--danger:#ff453a;--danger-soft:#3a1715;--success:#30d158;--warning:#ff9f0a;--rss:#ff9f0a;--star-fill:#ffd60a;--unread-dot:#0a84ff;--focus-ring:#0a84ff;--selection-bg:#0a84ff52;--shadow-1:0 1px 2px #0006;--shadow-2:0 1px 3px #00000075, 0 4px 14px #0006;--shadow-3:0 4px 10px #00000080, 0 12px 32px #0009;--glass-bg:#1c1c1eb8;--glass-border:#ffffff1a;--glass-blur:saturate(180%) blur(20px);--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff57;--skeleton-base:#1c1c1e;--skeleton-sheen:#2a2a2c}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg-app);color:var(--ink-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--selection-bg)}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mail-list,.reader-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.mail-list::-webkit-scrollbar{width:10px}.reader-body::-webkit-scrollbar{width:10px}.mail-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}.reader-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}.mail-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}.reader-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}.app-shell{--preview-column:minmax(280px, 420px);grid-template-columns:var(--rail-w) var(--preview-column) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.rail,.list,.reader{min-width:0;min-height:0}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;border-radius:var(--radius-sm);background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:8px 16px;text-decoration:none;transition:transform .15s;position:absolute;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{outline:2px solid var(--on-accent);outline-offset:2px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.rail{border-right:1px solid var(--border-default);background:var(--bg-sunken);justify-content:space-between;gap:var(--space-4);flex-direction:column;padding:18px 14px;display:flex}.rail-main{min-width:0;min-height:0;overflow-y:auto}.rail-footer{gap:var(--space-2);display:grid}.rail-account{justify-content:space-between;align-items:center;gap:var(--space-2);border-top:1px solid var(--border-subtle);padding-top:var(--space-3);display:flex}.rail-account-label{color:var(--ink-tertiary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-error{color:var(--danger);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.fixture-badge{border:1px solid var(--warning);border-radius:var(--radius-full);color:var(--warning);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;justify-self:start;padding:2px 8px}.account-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.account-row{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;padding:6px 8px;display:flex}.account-row:hover{background:var(--bg-hover)}.account-row.active{background:var(--accent-soft);border-color:var(--accent-soft-border)}.account-avatar{border-radius:var(--radius-full);background:var(--accent);width:28px;height:28px;color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0;place-items:center;display:grid}.account-meta{flex:1;gap:1px;min-width:0;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--ink-primary);overflow:hidden}.account-row.active .account-name{color:var(--accent-strong)}.account-status{font-size:var(--text-xs);color:var(--ink-faint)}.account-signout{justify-self:start}.workspace-placeholder{align-content:center;place-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--ink-tertiary);text-align:center;grid-column:2/4;display:grid}.brand{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:0 var(--space-2);display:flex}.brand strong{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em}.kbd{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--ink-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-tight);white-space:nowrap;border-bottom-width:2px;padding:2px 6px}.nav{gap:2px;display:grid}.nav button{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--ink-secondary);text-align:left;font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:8px 10px;display:flex}.nav-badge,.account-badge{border-radius:var(--radius-full);background:var(--accent-fill);min-width:18px;height:18px;color:var(--on-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;padding:0 5px;display:inline-grid}.nav button:hover{background:var(--bg-hover);color:var(--ink-primary)}.nav button:active{background:var(--bg-active)}.nav button.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:var(--weight-semibold)}.section-label{color:var(--ink-faint);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.07em;margin:var(--space-6) 10px var(--space-2);text-transform:uppercase}.list{border-right:1px solid var(--border-default);background:var(--bg-surface);flex-direction:column;min-height:0;display:flex}.list>*{flex-shrink:0}.toolbar{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-3);display:flex}.mailbox-tabs{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.mailbox-tabs::-webkit-scrollbar{display:none}.mailbox-tabs button{color:var(--ink-tertiary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0;border-radius:999px;flex:none;padding:6px 10px}.mailbox-tabs button:hover{background:var(--bg-hover);color:var(--ink-primary)}.mailbox-tabs button.active{background:var(--accent-soft);color:var(--accent-strong)}.compose-open{flex-shrink:0;padding:8px 12px}.modal-scrim{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;place-items:center;display:grid;position:fixed;inset:0}.compose-dialog{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-raised);width:min(720px,100%);max-height:min(780px,100dvh - 32px);box-shadow:var(--shadow-3);grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.compose-head,.compose-actions{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.compose-head h2{font-size:var(--text-md);margin:0}.compose-window-actions{align-items:center;gap:var(--space-1);display:flex}.compose-actions{border-top:1px solid var(--border-subtle);border-bottom:0;justify-content:flex-end}.compose-fields{min-height:0;padding:var(--space-2) var(--space-4);display:grid;overflow-y:auto}.compose-fields label,.compose-drafts{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-subtle);grid-template-columns:76px minmax(0,1fr);display:grid}.compose-fields label>span,.compose-drafts>span{color:var(--ink-tertiary);font-size:var(--text-sm)}.compose-fields input,.compose-drafts select{min-width:0;color:inherit;font:inherit;background:0 0;border:0;padding:10px 0}.compose-fields textarea{resize:vertical;min-height:260px;color:inherit;padding:var(--space-4) 0;font:inherit;background:0 0;border:0;line-height:1.5}.compose-drafts{padding:0 var(--space-4)}.compose-error,.compose-file-list{padding:var(--space-2) var(--space-4);color:var(--danger);font-size:var(--text-sm);margin:0}.attachment-download{border-radius:var(--radius-xs);color:var(--accent-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none;padding:4px 6px;text-decoration:none}.attachment-download:hover{background:var(--accent-soft);text-decoration:underline}.compose-file-list{color:var(--ink-tertiary);overflow-wrap:anywhere}@media (max-width:600px){.modal-scrim{padding:0}.compose-dialog{border-radius:0;width:100%;height:100dvh;max-height:none}.compose-open{padding-inline:9px}}@media (min-width:601px){.compose-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;place-items:end;padding:20px}.compose-scrim .compose-dialog{pointer-events:auto;width:min(680px,100vw - 40px);max-height:min(720px,100dvh - 40px)}.compose-scrim .compose-dialog.minimized{grid-template-rows:auto;width:min(380px,100vw - 40px)}}.search{border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-raised);width:100%;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;background-size:16px;padding:8px 10px 8px 32px}.search::placeholder{color:var(--ink-faint)}.search:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.summary{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);padding:10px var(--space-4);color:var(--ink-tertiary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;display:flex}.summary span:first-child{color:var(--ink-secondary);font-weight:var(--weight-semibold)}.mail-list{padding:var(--space-2);flex:auto;min-height:0;overflow:auto}.bulk-bar{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--accent-soft);padding:8px var(--space-4);display:flex}.bulk-count{color:var(--accent-strong);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.bulk-actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.bulk-actions button{border-radius:var(--radius-sm);color:var(--accent-strong);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:5px 9px}.bulk-actions button:hover{background:var(--accent-soft-border)}.mail-row{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;border-radius:var(--radius-md);gap:var(--space-3);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;grid-template-columns:auto 1fr;align-items:start;padding:10px 12px;scroll-margin-top:40px;display:grid;position:relative}.mail-body{gap:3px;min-width:0;display:grid}.mail-avatar{border-radius:var(--radius-full);background:hsl(var(--avatar-hue,211), 42%, 42%);color:#fff;width:34px;height:34px;font-size:var(--text-sm);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none;place-items:center;margin-top:2px;display:grid}.mail-row:hover{background:var(--bg-hover)}.mail-row.selected{background:var(--bg-selected)}.mail-row.selected:before{content:"";border-radius:var(--radius-full);background:var(--accent);width:3px;position:absolute;inset:6px auto 6px 0}.mail-row.unread .subject{font-weight:var(--weight-bold)}.mail-row.unread .mail-sender-name{color:var(--ink-primary);font-weight:var(--weight-semibold)}.mail-row.unread .mail-sender:before{content:"";border-radius:var(--radius-full);background:var(--unread-dot);flex-shrink:0;width:7px;height:7px;display:inline-block}.mail-meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--ink-tertiary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;display:flex}.mail-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subject{font-weight:var(--weight-semibold);letter-spacing:-.01em;font-size:15px;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.snippet{color:var(--ink-tertiary);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-mark{color:var(--accent-strong);font-weight:var(--weight-bold);background:0 0}.reader{background:var(--bg-raised);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.reader-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.reader-bar strong{min-width:0;font-size:var(--text-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:12rem;overflow:hidden}.reader-back{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-sunken);width:34px;height:34px;color:var(--ink-primary);font-size:var(--text-md);cursor:pointer;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.reader-back:hover{background:var(--bg-hover)}.actions{gap:var(--space-1);flex-wrap:wrap;flex:0 auto;min-width:0;max-width:100%;display:flex}.actions button{border-radius:var(--radius-sm);color:var(--accent-strong);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;padding:7px 10px}.actions button:hover{background:var(--bg-hover)}.actions button:active{background:var(--bg-active)}.actions button:disabled{opacity:.4;cursor:default}.actions button.reader-action-danger{color:var(--danger)}.reader-body{padding:var(--space-8) clamp(24px, 5vw, 64px);min-height:0;overflow:auto}.reader-body h1{max-width:var(--reader-measure);margin:0 0 var(--space-3);font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:-.015em;text-wrap:pretty}.reader-body p{max-width:var(--reader-measure);color:var(--ink-secondary);line-height:var(--leading-relaxed)}.skeleton{width:min(100%, var(--reader-measure));border-radius:var(--radius-md);background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-sheen) 42%, var(--skeleton-base) 60%);height:180px;animation:skeleton-sheen 1.4s var(--ease-standard) infinite;background-size:200% 100%}@keyframes skeleton-sheen{0%{background-position:120% 0}to{background-position:-80% 0}}.skeleton-row{cursor:default;pointer-events:none}.skeleton-avatar{border-radius:var(--radius-full);background:var(--skeleton-base);width:34px;height:34px;margin-top:2px}.skeleton-lines{gap:7px;min-width:0;padding:3px 0;display:grid}.skeleton-line{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-sheen) 42%, var(--skeleton-base) 60%);height:9px;animation:skeleton-sheen 1.4s var(--ease-standard) infinite;background-size:200% 100%}.skeleton-line-meta{width:42%}.skeleton-line-subject{width:78%}.skeleton-line-snippet{width:92%}.list-state{justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:var(--ink-tertiary);display:grid}.state-icon{color:var(--ink-faint);display:inline-flex}.state-icon svg{width:38px;height:38px}.list-inline-error{margin:var(--space-2) var(--space-2) 0;color:var(--danger);font-size:var(--text-sm);text-align:center}.load-more{width:calc(100% - 2 * var(--space-2));margin:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--ink-secondary);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);padding:9px}.load-more:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--ink-primary)}.load-more:disabled{opacity:.6;cursor:default}.reader-empty{height:100%;padding:var(--space-8);color:var(--ink-faint);grid-row:1/-1;place-items:center;display:grid}.reader-head{border-bottom:1px solid var(--border-subtle);padding:var(--space-5) clamp(20px, 4vw, 48px) var(--space-4)}.reader-head h1,.reader-head h2{max-width:var(--reader-measure);margin:0 0 var(--space-2);font-size:var(--text-xl);line-height:var(--leading-tight);letter-spacing:-.01em;text-wrap:pretty}.reader-from{max-width:var(--reader-measure);color:var(--ink-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0}.reader-date{margin-top:var(--space-1);color:var(--ink-tertiary);font-size:var(--text-xs);display:block}.reader-doc{flex-direction:column;min-height:0;display:flex}.reader-images-chip{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--ink-tertiary);font-size:var(--text-sm);margin:0;padding:8px clamp(20px,4vw,48px)}.reader-frame{background:var(--bg-raised);border:0;flex:1;width:100%;min-height:0;padding:0 clamp(16px,4vw,44px)}.reader-status{padding:var(--space-6) clamp(20px, 4vw, 48px);gap:var(--space-4);align-content:start;display:grid;overflow:auto}.reader-preview{max-width:var(--reader-measure);color:var(--ink-secondary);line-height:var(--leading-relaxed);margin:0}.reader-preparing{align-items:center;gap:var(--space-2);color:var(--ink-tertiary);font-size:var(--text-sm);display:flex}.reader-hint{color:var(--ink-tertiary);font-size:var(--text-sm);margin:0}.reader-spinner{border-radius:var(--radius-full);border:2px solid var(--border-strong);border-top-color:var(--accent);width:14px;height:14px;animation:.7s linear infinite reader-spin}@keyframes reader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reader-spinner{animation:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar-help,.toolbar-sync{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-raised);width:32px;height:32px;color:var(--ink-tertiary);font-weight:var(--weight-semibold);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-shrink:0;place-items:center;display:grid}.toolbar-help:hover,.toolbar-sync:hover:not(:disabled){background:var(--bg-hover);color:var(--ink-primary)}.toolbar-sync{font-size:20px;line-height:1}.toolbar-sync:disabled{opacity:.55}.inbox-listbox{outline:none;gap:2px;display:grid}.mail-section{gap:2px;display:grid}.date-header{z-index:3;background:var(--bg-surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--ink-secondary);padding:10px 12px 5px;position:sticky;top:0}.inbox-listbox:focus .mail-row.selected,.inbox-listbox:focus-visible .mail-row.selected{box-shadow:inset 0 0 0 2px var(--focus-ring)}.mail-row.marked{background:var(--accent-soft)}.mail-row.marked .mail-avatar{background:var(--accent);color:var(--on-accent)}.help-overlay{z-index:50;padding:var(--space-6);background:#00000052;place-items:center;display:grid;position:fixed;inset:0}.help-dialog{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-raised);width:min(100%,460px);box-shadow:var(--shadow-3);padding:var(--space-6)}.help-dialog:focus{outline:none}.help-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.help-head h2{font-size:var(--text-lg);margin:0}.help-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.help-row{align-items:center;gap:var(--space-3);color:var(--ink-secondary);display:flex}.help-row .kbd{text-align:center;min-width:72px}.palette-overlay{z-index:60;padding:12vh var(--space-4) var(--space-4);background:#00000052;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.palette{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-raised);width:min(100%,560px);max-height:70vh;box-shadow:var(--shadow-3);flex-direction:column;display:flex;overflow:hidden}.palette-input{border:0;border-bottom:1px solid var(--border-subtle);color:var(--ink-primary);padding:var(--space-4) var(--space-5);font-size:var(--text-lg);background:0 0;outline:none}.palette-input::placeholder{color:var(--ink-faint)}.palette-list{padding:var(--space-2);gap:2px;margin:0;list-style:none;display:grid;overflow:auto}.palette-row{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-secondary);padding:10px 12px;display:flex}.palette-row.active{background:var(--accent-soft);color:var(--accent-strong)}.palette-title mark{color:var(--accent);font-weight:var(--weight-bold);background:0 0}.palette-row.active .palette-title mark{color:var(--accent-strong)}.palette-hint{border:1px solid var(--border-default);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);flex-shrink:0;padding:1px 6px}.palette-empty{padding:var(--space-4);color:var(--ink-faint);text-align:center}.toast-region{inset:auto 0 var(--space-6) 0;z-index:40;pointer-events:none;justify-items:center;display:grid;position:fixed}.toast{align-items:center;gap:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--ink-primary);max-width:min(92vw,420px);color:var(--bg-app);box-shadow:var(--shadow-3);font-size:var(--text-base);pointer-events:auto;animation:toast-in var(--duration-base) var(--ease-standard);padding:10px 12px 10px 16px;display:flex}.toast-error{background:var(--danger);color:#fff;border-color:var(--danger)}.toast-action{border-radius:var(--radius-sm);color:inherit;font-weight:var(--weight-bold);text-underline-offset:2px;background:0 0;border:0;flex-shrink:0;padding:4px 8px;text-decoration:underline}.toast-action:hover{opacity:.85}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav button:disabled{opacity:.4;cursor:default}.nav button:disabled:hover{color:var(--ink-secondary);background:0 0}.rss-heading{font-size:var(--text-md);font-weight:var(--weight-semibold)}.rss-sources{gap:var(--space-2);border-bottom:1px solid var(--border-subtle);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.rss-state-filters{gap:var(--space-2);padding:6px var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.rss-filter-chip{border-radius:var(--radius-full);color:var(--ink-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:0 0;border:0;padding:5px 10px}.rss-filter-chip:hover,.rss-filter-chip.active{background:var(--accent-soft);color:var(--accent-strong)}.rss-sources-empty{padding:var(--space-3) var(--space-4);color:var(--ink-tertiary);font-size:var(--text-sm);margin:0}.rss-source-chip{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--accent-strong);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);padding:5px 12px}.rss-source-health{border-radius:var(--radius-full);width:14px;height:14px;font-size:10px;font-weight:var(--weight-bold);place-items:center;margin-left:5px;display:inline-grid}.rss-source-health.error{background:var(--danger);color:#fff}.rss-source-chip:hover{background:var(--bg-hover)}.rss-source-chip.active{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.rss-source-chip-wrap{align-items:center;gap:2px;display:inline-flex}.rss-source-edit,.rss-source-remove{flex:none}.rss-source-editor{align-items:center;gap:3px;display:inline-flex}.rss-source-editor input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-raised);width:140px;color:inherit;padding:5px 7px}.rss-source-editor button,.rss-source-edit{border-radius:var(--radius-sm);color:var(--ink-tertiary);background:0 0;border:0;padding:5px}.rss-source-remove{border-radius:var(--radius-full);width:24px;height:24px;color:var(--ink-faint);background:0 0;border:0;place-items:center;display:grid}.rss-source-remove:hover,.rss-source-remove.confirming{background:var(--danger-soft);color:var(--danger)}.add-feed-form{gap:var(--space-2);border-bottom:1px solid var(--border-subtle);background:var(--bg-sunken);padding:var(--space-3);display:grid}.opml-actions{align-items:center;gap:var(--space-2);grid-column:1/-1;display:flex}.opml-actions label{cursor:pointer;display:inline-flex}.opml-export{align-items:center;text-decoration:none;display:inline-flex}.add-feed-error{color:var(--danger);font-size:var(--text-sm);margin:0}.rss-article-list{gap:2px;display:grid}.rss-row{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;gap:3px;padding:10px 12px;display:grid}.rss-row:hover{background:var(--bg-hover)}.rss-row.selected{background:var(--bg-selected);box-shadow:inset 0 0 0 2px var(--focus-ring)}.rss-row.is-read:not(.selected) .subject,.rss-row.is-read:not(.selected) .snippet{color:var(--ink-tertiary);font-weight:var(--weight-regular)}.rss-row.is-unread .subject{font-weight:var(--weight-semibold)}.rss-saved-mark{float:right;margin-left:var(--space-2);color:var(--star-fill)}.rss-reader-actions{justify-content:space-between}.reader-action-link{color:var(--accent-strong);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:4px 6px;text-decoration:none}.reader-action-link:hover{text-decoration:underline}.rss-row-meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--ink-tertiary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;display:flex}.rss-row-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium);color:var(--ink-secondary);overflow:hidden}.reader-article{grid-template-rows:auto auto minmax(0,1fr)}.reader-article.has-back{grid-template-rows:auto auto auto minmax(0,1fr)}.reader-bar-back{justify-content:flex-start}.mail-meta-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.attach-indicator{color:var(--ink-faint);display:inline-flex}.star-indicator{color:var(--star-fill);display:inline-flex}.mail-row-wrap{content-visibility:auto;contain-intrinsic-size:auto 80px;position:relative}.mail-actions{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-1);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard);align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:7px;right:10px}@media (hover:hover){.mail-row-wrap:hover .mail-actions{opacity:1;pointer-events:auto}}.mail-action{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--ink-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;place-items:center;padding:0;display:grid}.mail-action:hover{background:var(--bg-hover);color:var(--ink-primary)}.mail-action.mail-action-danger:hover{background:var(--danger-soft);color:var(--danger)}.mail-action.mail-action-starred,.mail-action.mail-action-starred:hover{color:var(--star-fill)}.mail-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.attachments{gap:var(--space-2);flex-wrap:wrap;display:flex}.reader-doc>.attachments{padding:var(--space-4) clamp(16px, 4vw, 44px) 0}.reader-status .attachments{margin:var(--space-1) 0}.thread-msg-attachments{padding:10px 14px 0}.attachment-card{align-items:center;gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);max-width:260px;padding:6px 10px;display:flex}.attachment-kind{border-radius:var(--radius-xs);background:var(--accent-soft);width:30px;height:30px;color:var(--accent-strong);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.02em;flex-shrink:0;place-items:center;display:grid}.attachment-meta{gap:1px;min-width:0;display:grid}.attachment-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-primary);overflow:hidden}.attachment-size{font-size:var(--text-xs);color:var(--ink-faint);font-variant-numeric:tabular-nums}.mail-sender{align-items:center;gap:6px;min-width:0;display:flex}.mail-sender-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thread-count{border-radius:var(--radius-full);background:var(--bg-active);min-width:16px;height:16px;color:var(--ink-secondary);font-size:11px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;padding:0 5px;display:inline-grid}.mail-row.selected .thread-count{background:var(--accent-soft-border);color:var(--accent-strong)}.reader-thread{gap:var(--space-3);min-height:0;padding:var(--space-4) clamp(16px, 4vw, 44px);align-content:start;display:grid;overflow:auto}.thread-msg{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.thread-msg.expanded{background:var(--bg-raised)}.thread-msg-head{gap:var(--space-1) var(--space-3);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto;align-items:baseline;padding:10px 14px;display:grid}.thread-msg-from{font-weight:var(--weight-semibold);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-msg-date{color:var(--ink-tertiary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.thread-msg-snippet{color:var(--ink-tertiary);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.thread-frame{border-top:1px solid var(--border-subtle);flex:none;height:280px;padding:0 14px}.thread-msg-body{padding:0 14px 14px}.thread-msg-note{margin:var(--space-2) 0 0;color:var(--ink-faint);font-size:var(--text-sm)}.btn-primary{border-radius:var(--radius-md);background:var(--accent-fill);color:var(--on-accent);font-weight:var(--weight-semibold);transition:filter var(--duration-fast) var(--ease-standard);border:0;padding:10px 18px}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:active:not(:disabled){filter:brightness(.9)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-quiet{border-radius:var(--radius-sm);color:var(--accent-strong);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:6px 8px}.btn-quiet:hover{background:var(--bg-hover)}.btn-danger{border-radius:var(--radius-sm);background:var(--danger);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-semibold);border:0;padding:7px 10px}.btn-danger:disabled{opacity:.55}.auth-screen{min-height:100vh;padding:var(--space-6);background:radial-gradient(1100px 500px at 50% -10%, var(--accent-soft) 0%, transparent 60%), var(--bg-app);place-items:center;display:grid}.auth-card{justify-items:center;gap:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-raised);width:min(100%,420px);box-shadow:var(--shadow-3);padding:var(--space-10) var(--space-8);text-align:center;display:grid}.auth-brand{margin-bottom:var(--space-1)}.auth-mark,.auth-loading-mark{border-radius:var(--radius-lg);background:var(--accent);width:52px;height:52px;color:var(--on-accent);font-size:var(--text-xl);font-weight:var(--weight-bold);place-items:center;display:grid}.auth-loading-mark{animation:auth-pulse 1.2s var(--ease-standard) infinite alternate}@keyframes auth-pulse{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.auth-title{font-size:var(--text-2xl);letter-spacing:-.015em;margin:0}.auth-tagline{color:var(--ink-secondary);line-height:var(--leading-relaxed);max-width:34ch;margin:0}.auth-cta{margin-top:var(--space-2);min-width:200px}.auth-error{color:var(--danger);font-size:var(--text-sm);margin:0}.auth-privacy{margin:var(--space-2) 0 0;color:var(--ink-faint);font-size:var(--text-sm);line-height:var(--leading-normal);max-width:40ch}@media (max-width:960px){.app-shell{--preview-column:minmax(240px, 36%);grid-template-columns:168px minmax(240px,32vw) minmax(0,1fr)}.rail{padding:14px 10px}.brand .kbd{display:none}}@media (max-width:720px){.shell-mail,.shell-rss{grid-template-columns:168px 1fr}.reader-bar .actions{flex-basis:100%}}.pane-hidden{display:none}.app-shell.pane-off .list,.app-shell.pane-off .reader{grid-column:2/-1}@media (min-width:721px){.app-shell.pane-bottom{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-rows:minmax(180px,40%) minmax(0,1fr)}.app-shell.pane-bottom .rail{grid-row:1/-1}.app-shell.pane-bottom .list{border-bottom:1px solid var(--border-default);grid-area:1/2}.app-shell.pane-bottom .reader{grid-area:2/2}}.app-shell.shell-settings,.app-shell.shell-calendar{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.calendar-view{background:var(--bg-surface);grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.calendar-toolbar{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);display:flex}.calendar-navigation{align-items:center;gap:var(--space-2);min-width:0;display:flex}.calendar-navigation h1{min-width:180px;margin:0 var(--space-2);font-size:var(--text-lg);white-space:nowrap}.calendar-search{min-width:140px;max-width:300px;margin-left:auto}.calendar-modes{border-radius:var(--radius-sm);background:var(--bg-sunken);padding:2px;display:flex}.calendar-modes button{border-radius:calc(var(--radius-sm) - 2px);color:var(--ink-tertiary);font:inherit;font-size:var(--text-xs);background:0 0;border:0;padding:5px 8px}.calendar-modes button.active{background:var(--bg-raised);color:var(--ink-primary);box-shadow:var(--shadow-1)}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(88px,1fr));display:grid}.calendar-weekdays{border-bottom:1px solid var(--border-default);background:var(--bg-sunken);padding-right:10px}.calendar-weekdays span{padding:7px var(--space-2);color:var(--ink-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:right;text-transform:uppercase}.calendar-grid{grid-template-rows:repeat(6,minmax(88px,1fr));overflow:auto}.calendar-day{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);min-width:0;padding:6px;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:var(--bg-sunken);color:var(--ink-faint)}.calendar-day-number{border-radius:var(--radius-full);width:24px;height:24px;color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;display:grid}.calendar-day-number time{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-xs);place-items:center;margin-left:auto;display:grid}.calendar-day.today .calendar-day-number{background:var(--accent-fill);color:var(--on-accent);font-weight:var(--weight-semibold)}.calendar-more{color:var(--accent-strong);text-align:left;background:0 0;border:0;padding:2px 5px;font-size:10px}.calendar-day-events{gap:2px;margin-top:3px;display:grid}.calendar-event{background:var(--bg-hover);min-width:0;color:inherit;text-align:left;border:0;border-radius:4px;align-items:center;gap:5px;padding:3px 5px;display:flex}.calendar-event:hover,.calendar-event:focus-visible{background:var(--accent-soft)}.calendar-event i{border-radius:50%;flex:none;width:5px;height:5px}.calendar-event span{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event.detailed{align-items:flex-start;padding:7px 8px}.calendar-event.detailed i{width:7px;height:7px;margin-top:4px}.calendar-event.detailed span{white-space:normal;gap:2px;display:grid}.calendar-event.detailed small{color:var(--ink-tertiary)}.calendar-week,.calendar-agenda{grid-row:2/-1;min-height:0;overflow:auto}.calendar-week{grid-template-columns:repeat(7,minmax(120px,1fr));display:grid}.calendar-week-day{border-right:1px solid var(--border-subtle);min-width:0}.calendar-week-day:last-child{border-right:0}.calendar-week-heading{border:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-sunken);width:100%;color:var(--ink-tertiary);padding:var(--space-3);justify-items:center;gap:3px;display:grid}.calendar-week-day.today .calendar-week-heading strong{border-radius:var(--radius-full);background:var(--accent-fill);width:26px;height:26px;color:var(--on-accent);place-items:center;display:grid}.calendar-week-events{align-content:start;gap:3px;padding:5px;display:grid}.calendar-week-events>p{color:var(--ink-faint);font-size:var(--text-xs);text-align:center}.calendar-agenda{padding:var(--space-4)}.calendar-agenda>section{max-width:820px;margin:0 auto var(--space-5)}.calendar-agenda>section>header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);color:var(--ink-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);justify-content:space-between;align-items:center;display:flex}.calendar-agenda>section>div{padding-top:var(--space-2);gap:3px;display:grid}.calendar-state{place-self:center;justify-items:center;gap:var(--space-3);max-width:420px;padding:var(--space-8);color:var(--ink-secondary);text-align:center;display:grid}.calendar-state h2,.calendar-state p{margin:0}.calendar-create{grid-template-rows:auto minmax(0,1fr) auto auto;width:min(560px,100%)}@media (max-width:840px){.calendar-toolbar{flex-wrap:wrap}.calendar-navigation{flex:1 0 100%}.calendar-search{max-width:none;margin-left:0}.calendar-modes{order:3}}@media (max-width:720px){.app-shell.shell-calendar{grid-template-columns:168px minmax(0,1fr)}}@media (max-width:480px){.calendar-navigation h1{text-align:center;flex:1;min-width:0}.calendar-toolbar .btn-primary{min-height:38px}.calendar-modes{width:100%}.calendar-modes button{flex:1}.calendar-week{grid-template-columns:repeat(7,minmax(76px,1fr))}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(42px,1fr))}.calendar-grid{grid-template-rows:repeat(6,minmax(72px,1fr))}.calendar-day,.calendar-event{padding:3px}.calendar-event i{display:none}.calendar-event span{font-size:10px}}.settings{min-width:0;padding:var(--space-6) var(--space-6) var(--space-8);overflow-y:auto}.settings-head h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.settings-sub{color:var(--ink-tertiary);font-size:var(--text-sm);margin:4px 0 0}.settings-body{gap:var(--space-6);max-width:560px;margin-top:var(--space-5);display:grid}.settings-group{gap:var(--space-2);display:grid}.settings-legend{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-secondary);margin:0}.settings-help,.settings-error{color:var(--ink-tertiary);font-size:var(--text-sm);margin:0}.settings-error{color:var(--danger)}.settings-account-list{gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid}.settings-account-list li{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);display:flex}.settings-account-list li>span:first-child{min-width:0;display:grid}.settings-account-list strong,.settings-account-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-account-list small{color:var(--ink-tertiary)}.settings-account-actions{align-items:center;gap:var(--space-1);display:flex}.segmented{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-sunken);gap:2px;width:fit-content;padding:3px;display:inline-flex}.segmented-option{appearance:none;color:var(--ink-secondary);font:inherit;font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:6px 14px}.segmented-option:hover{color:var(--ink-primary)}.segmented-option.active{background:var(--bg-raised);color:var(--ink-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-1)}.settings-shortcuts{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.settings-shortcuts li{align-items:center;gap:var(--space-3);color:var(--ink-secondary);font-size:var(--text-sm);display:flex}.settings-shortcuts .kbd{text-align:center;min-width:64px}.settings-reset{justify-self:start}[data-density=compact] .mail-row,[data-density=compact] .rss-row{padding-top:6px;padding-bottom:6px}@media (max-width:960px){.app-shell.shell-settings{grid-template-columns:168px minmax(0,1fr)}}.mobile-topbar{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-default);background:var(--bg-sunken);padding:10px 14px;display:none}.hamburger{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-raised);width:38px;height:38px;color:var(--ink-primary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.hamburger:hover{background:var(--bg-hover)}.mobile-brand{font-size:var(--text-md);font-weight:var(--weight-semibold)}.rail-scrim{display:none}@media (max-width:480px){.app-shell{flex-direction:column;display:flex}.mobile-topbar{flex:none;display:flex}.rail{visibility:hidden;z-index:70;width:min(82vw,300px);transition:transform .2s,visibility 0s linear .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.rail.drawer-open{visibility:visible;box-shadow:var(--shadow-3);transition:transform .2s,visibility linear;transform:translate(0)}.rail-scrim{z-index:60;background:#00000052;border:0;padding:0;display:block;position:fixed;inset:0}.list,.reader,.settings,.reader-article,.calendar-view{flex:auto;min-height:0}}@media (prefers-reduced-motion:reduce){.rail{transition:none}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.palette-overlay,.help-overlay,.rail-scrim{-webkit-backdrop-filter:blur(10px)saturate(110%);backdrop-filter:blur(10px)saturate(110%)}.palette,.help-dialog,.mail-actions{background:var(--glass-bg);border-color:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}@media (max-width:480px){.rail{background:var(--glass-bg);border-right-color:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}}}@media (prefers-reduced-transparency:reduce){.palette-overlay,.help-overlay,.rail-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}.palette,.help-dialog,.mail-actions{background:var(--bg-raised);border-color:var(--border-subtle);-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width:480px){.rail{background:var(--bg-sunken);border-right-color:var(--border-default);-webkit-backdrop-filter:none;backdrop-filter:none}}}.reading-workspace{grid-template-columns:var(--preview-column,minmax(280px, 420px)) minmax(0, 1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.app-shell.shell-rss{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.connected-news{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.connected-news>.reading-workspace{flex:1}.connected-news>.public-news-filters{border-bottom:1px solid var(--border-default);flex:none}.guest-home{background:var(--bg-app);flex-direction:column;height:100dvh;display:flex;overflow:auto}.guest-nav{border-bottom:1px solid var(--border-default);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 5%;display:flex}.guest-nav nav{gap:8px;display:flex}.guest-news-workspace{flex:1;min-height:0}.guest-news-workspace>.reading-workspace{height:100%}.guest-nav [aria-current=page],.public-news-filters [aria-pressed=true]{background:var(--accent-fill);color:var(--on-accent);border-radius:20px}.public-news-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 8px;display:flex}.public-news-header h1{margin:0 0 4px;font-size:26px}.public-news-header p{color:var(--ink-secondary);font-size:var(--text-sm);margin:4px 0}.public-news-filters{gap:8px;padding:12px;display:flex;overflow-x:auto}.public-news-filters button{white-space:nowrap;flex-shrink:0}.news-preview-feed{overscroll-behavior:contain;padding:12px}.news-waterfall{gap:12px;display:grid}.news-card{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-lg);min-width:0;padding:18px;overflow:hidden}.news-card.selected{background:var(--bg-selected);border-color:var(--focus-ring)}.news-publisher{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-secondary);margin:0}.news-card-open{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.news-card-open h2{margin:10px 0;font-size:20px;line-height:1.3}.news-card-open p{font-size:var(--text-base);margin:10px 0 0;line-height:1.6}.news-card footer{font-size:var(--text-xs);color:var(--ink-secondary);align-items:center;gap:10px;margin-top:12px;display:flex}.news-card-image{object-fit:cover;width:calc(100% + 36px);max-height:300px;margin:8px -18px}.news-invitation{border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:start;gap:8px;margin-bottom:16px;padding:16px;display:flex}.news-invitation p{line-height:var(--leading-normal);margin:0}.guest-calendar-note{text-align:center;margin:24px}.mail-list{overscroll-behavior:contain}.mail-row .subject,.rss-row .subject{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.mail-row .snippet,.rss-row .snippet{-webkit-line-clamp:4}.rss-article-list{gap:8px}.rss-row{border-color:var(--border-subtle);padding:14px}@media (max-width:960px){.app-shell.shell-rss{grid-template-columns:168px minmax(0,1fr)}}@media (max-width:720px){.reading-workspace{grid-template-columns:minmax(0,1fr)}.reading-workspace>.list{border-right:0}}@media (max-width:480px){.connected-news{flex:1}.guest-nav{padding:12px}}.mail-account-label{color:var(--ink-secondary);font-size:var(--text-sm);text-overflow:ellipsis;display:block;overflow:hidden}.unified-mail-notice{padding:.6rem 1rem;font-size:.85rem}.unified-mail-notice p{margin:0 0 .25rem}.unified-mail-notice ul{margin:.25rem 0;padding-left:1.1rem}.rss-preview-image{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:280px;margin:8px 0}
.calendar-view{flex-direction:column;display:flex}.calendar-view>.calendar-grid,.calendar-view>.calendar-week,.calendar-view>.calendar-agenda{flex:1;min-height:0;overflow:auto}.calendar-view>.calendar-grid{grid-template-rows:repeat(6,minmax(132px,1fr))}.calendar-view>.calendar-toolbar,.calendar-view>.calendar-weekdays{flex-shrink:0}.calendar-view .calendar-toolbar{flex-wrap:wrap}.calendar-view .calendar-toolbar h1{min-width:0}.calendar-view .calendar-sources-toggle{white-space:nowrap}.calendar-view .calendar-zone-label{color:var(--ink-secondary);padding:5px 16px;font-size:12px}.calendar-view .calendar-notice{background:var(--bg-sunken);padding:8px 16px;font-size:13px}.calendar-view .calendar-notice p{margin:0 0 6px}.calendar-sources{border-bottom:1px solid var(--border-default);flex-shrink:0;grid-template-columns:minmax(180px,1fr) minmax(240px,1fr);gap:24px;max-height:60vh;padding:20px;font-size:14px;display:grid;overflow:auto}.calendar-sources label{flex-direction:column;gap:6px;display:flex}.calendar-sources select,.calendar-sources input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;color:var(--ink-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:8px}.calendar-sources fieldset{border:0;margin:16px 0 0;padding:0}.calendar-sources legend{margin-bottom:10px;font-weight:600}.calendar-sources .calendar-source-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.calendar-sources .calendar-source-row>label{flex-direction:row;flex:1;align-items:center;min-width:0}.calendar-sources .calendar-source-row span{overflow-wrap:anywhere}.calendar-sources small{color:var(--ink-secondary);margin-top:3px;font-size:12px;display:block}.calendar-sources .calendar-source-add{flex-direction:column;gap:12px;min-width:0;display:flex}.calendar-sources h2{margin:0;font-size:16px}.calendar-sources p{color:var(--ink-secondary);margin:0;line-height:1.5}.calendar-sources details,.calendar-sources details p{margin-top:8px}.calendar-sources .calendar-source-remove{background:var(--bg-sunken);flex-wrap:wrap;flex-basis:100%;gap:8px;padding:10px;display:flex}.calendar-view .calendar-create select{max-width:100%}.calendar-view .calendar-create .calendar-form-note{color:var(--ink-secondary);margin:4px 16px;font-size:13px}@media (max-width:640px){.calendar-sources{grid-template-columns:minmax(0,1fr);gap:20px;max-height:65vh;padding:14px}.calendar-view .calendar-search{flex-basis:100%;max-width:none}.calendar-view .calendar-zone-label{overflow-wrap:anywhere}}