@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--ease-apple:cubic-bezier(.3,0,.5,1);--ease-expressive:cubic-bezier(.16,1,.3,1);--motion-fast:.12s;--motion-base:.18s;--motion-slow:.26s;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#10231f;--ink-soft:#1d3631;--muted:#5d6d66;--muted-strong:#46554f;--pine:#123f35;--pine-2:#1c5b4c;--leaf:#7ba789;--leaf-strong:#5b8a6c;--mist:#e9f0e8;--paper:#fcfdf8;--surface:#fff;--canvas:#f7f8f3;--line:#d8e1d7;--line-soft:#e6ece1;--copper:#a76d4f;--copper-soft:#c89578;--sky:#dfeef2;--paper-strong:#f4f8ef;--paper-soft:#f5faef;--surface-tint:#f5f8f1;--shadow-sm:0 1px 2px #10231f0a;--shadow-md:0 6px 18px #10231f0f;--shadow-lg:0 22px 60px #10231f1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--tap-target-desktop:40px;--tap-target-mobile:44px;--focus-ring:0 0 0 3px #7ba7896b;--bg-sidepanel:color-mix(in srgb,var(--ink)4%,white);--bg-canvas:color-mix(in srgb,var(--ink)2%,white);--bg-card:#fff;--bg-cell-hover:color-mix(in srgb,var(--ink)6%,transparent);--bg-cell-active:color-mix(in srgb,var(--ink)8%,transparent);--border-tertiary:color-mix(in srgb,var(--ink)4%,transparent);--control-h:36px;--shadow-l1:0 1px 3px #0000001a,0 0 2px #0000000f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-width:320px;min-height:100vh;margin:0;padding:0}body,input,button,textarea{font:inherit}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink)18%,transparent)transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:0 0}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink)18%,transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px;transition:background .14s}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink)32%,transparent);background-clip:padding-box}*::-webkit-scrollbar-corner{background:0 0}button{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}input:focus-visible{outline:none;box-shadow:var(--focus-ring)}textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}[role=button]:focus-visible{outline:none;box-shadow:var(--focus-ring)}#root{isolation:isolate;min-height:100vh}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--bg-canvas);height:100dvh}.app-shell__main{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;height:100%;min-height:0}.app-shell__panes{display:grid;grid-template-columns:minmax(0,1fr)16px var(--reader-width,50%);background:var(--bg-canvas);min-height:0}.app-shell__resizer{position:relative;cursor:col-resize;touch-action:none;background:0 0;width:16px}.app-shell__resizer:after{content:"";position:absolute;background:var(--line);pointer-events:none;width:1px;margin-left:-.5px;transition:background .14s;top:0;bottom:0;left:50%}.app-shell__resizer:hover:after,.app-shell__resizer:active:after,.app-shell__resizer[data-dragging=true]:after{background:var(--leaf)}.app-shell__resizer:focus-visible:after{background:var(--leaf)}.app-shell__resizer:focus-visible{outline:none}.app-shell__resizer-hint{position:absolute;z-index:3;display:inline-flex;padding:var(--space-1)var(--space-2);border-radius:var(--radius-pill);background:var(--ink);color:var(--paper-soft);font-size:11px;font-weight:var(--weight-medium);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;align-items: center;top:50%;left:50%;transform:translate(-50%,-50%)}.app-shell__list-pane,.app-shell__detail-pane,.app-shell__single-pane{display:flex;overflow:hidden;scrollbar-gutter:stable;flex-direction:column;min-width:0;min-height:0}.app-shell__single-pane{background:var(--bg-canvas);height:100%}.app-shell__list-pane{border-right:1px solid var(--border-tertiary);background:var(--bg-canvas)}.app-shell__detail-pane{background:var(--bg-canvas)}.app-shell__toast-region{position:fixed;bottom:var(--space-6);z-index:50;pointer-events:none;left:50%;transform:translate(-50%)}.sidebar{display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-3);padding:var(--space-3)var(--space-2)var(--space-3);border-right:1px solid var(--border-tertiary);background:var(--bg-sidepanel);min-height:100vh}.sidebar--rail{grid-template-columns:64px;padding:var(--space-3)var(--space-2);width:64px}.sidebar__compose{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:.01em;box-shadow:var(--shadow-l1);transition:transform .12s,background .14s,box-shadow .14s}.sidebar__compose:hover{background:var(--bg-card);box-shadow:0 1px 3px #00000024,0 0 2px #00000014}.sidebar__compose:active{transform:translateY(1px)}.sidebar--rail .sidebar__compose{width:var(--control-h);padding:0}.sidebar__primary-actions{display:flex;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-tertiary);flex-direction:column}.sidebar--rail .sidebar__primary-actions{align-items: center}.sidebar__action{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-soft);font-size:13px;font-weight:var(--weight-medium);text-align:left;transition:background var(--motion-fast)var(--ease-apple),color var(--motion-fast)var(--ease-apple);background:0 0;border:1px solid #0000;width:100%;height:32px}.sidebar__action:hover{background:var(--bg-cell-hover);color:var(--ink)}.sidebar__action:active{background:var(--bg-cell-active)}.sidebar__action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.sidebar__action-kbd{display:inline-flex;padding:2px var(--space-2);border:1px solid var(--border-tertiary);background:var(--bg-card);color:var(--muted);font-size:11px;font-weight:var(--weight-semibold);border-radius:5px;align-items: center;gap:2px}.sidebar--rail .sidebar__action{width:var(--control-h);height:var(--control-h);justify-content:center;padding:0}.sidebar--rail .sidebar__action-label,.sidebar--rail .sidebar__action-kbd{display:none}.sidebar__section{display:flex;gap:var(--space-2);flex-direction:column;min-width:0}.sidebar__section+.sidebar__section{margin-top:var(--space-1)}.sidebar__section-label{padding:0 var(--space-2);color:var(--muted);font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.sidebar__list{display:flex;list-style:none;flex-direction:column;gap:2px;margin:0;padding:0}.sidebar__row{display:grid;grid-template-columns:20px minmax(0,1fr)auto;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-2);border-radius:var(--radius-md);color:var(--ink-soft);text-align:left;background:0 0;border:1px solid #0000;width:100%;min-height:48px;transition:background .14s,border-color .14s,color .14s;font-size:13px}.sidebar__row:hover{background:var(--bg-cell-hover)}.sidebar__row--active{background:var(--bg-cell-active);color:var(--pine);font-weight:var(--weight-semibold)}.sidebar__row--disabled{color:var(--muted);cursor:default}.sidebar__row--disabled:hover{background:0 0;border-color:#0000}.sidebar__row svg{color:currentColor;opacity:.84}.sidebar__row--active svg{color:var(--pine-2);opacity:1}.sidebar__row-label{display:flex;flex-direction:column;min-width:0}.sidebar__row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2}.sidebar__row-address{color:var(--muted-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3}.sidebar__row--active .sidebar__row-address{color:var(--leaf-strong)}.sidebar__badge{display:inline-flex;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--pine);color:var(--paper-soft);font-size:11px;font-weight:var(--weight-bold);justify-content:center;align-items: center;min-width:22px;height:20px}.sidebar__rail-dot{background:var(--leaf);border-radius:50%;width:6px;height:6px}.sidebar--rail .sidebar__row{grid-template-columns:1fr;padding:var(--space-2)0;justify-items:center}.sidebar__account{position:relative}.sidebar__account-trigger{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;text-align:left;transition:background var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);background:0 0;border:1px solid #0000;width:100%}.sidebar__account-trigger:hover{background:var(--bg-cell-hover)}.sidebar__account-trigger:active{background:var(--bg-cell-active)}.sidebar__account-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sidebar__account-mark{display:grid;border-radius:var(--radius-sm);background:linear-gradient(140deg,var(--pine)0%,var(--pine-2)100%);color:var(--paper-strong);user-select:none;flex-shrink:0;place-items: center;width:32px;height:32px;box-shadow:inset 0 1px #ffffff1f}.sidebar__account-label{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}.sidebar__account-brand{color:var(--ink);font-size:13px;font-weight:var(--weight-bold);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__account-alias{color:var(--muted-strong);font-size:11.5px;font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar--rail .sidebar__account-trigger{padding:var(--space-1);justify-content:center}.sidebar--rail .sidebar__account-label{display:none}.account-menu{z-index:80;display:flex;padding:var(--space-1)0;background:var(--bg-card);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;transform-origin:top left;transition:opacity .2s var(--ease-expressive),transform .2s var(--ease-expressive);flex-direction:column;width:280px;max-width:calc(100vw - 16px);transform:scale(.95)}.account-menu[data-visible=true]{opacity:1;transform:scale(1)}.account-menu__identity{display:flex;align-items: center;gap:var(--space-3);padding:var(--space-4)}.account-menu__avatar{display:grid;border-radius:var(--radius-pill);color:#ffffffe0;font-weight:var(--weight-semibold);letter-spacing:0;user-select:none;flex-shrink:0;place-items: center;width:40px;height:40px;font-size:14px}.account-menu__identity-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.account-menu__display-name{color:var(--ink);font-size:14px;font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu__address{color:var(--muted);font-size:12px;font-weight:var(--weight-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu__separator{background:var(--border-tertiary);margin:var(--space-1)0;border:0;height:1px}.account-menu__item{display:flex;align-items: center;gap:var(--space-3);padding:var(--space-2)var(--space-4);color:var(--ink);font-family:inherit;font-size:13px;font-weight:var(--weight-medium);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--motion-fast)var(--ease-apple);background:0 0;border:0;width:100%}.account-menu__item:hover{background:var(--bg-cell-hover)}.account-menu__item:focus-visible{outline:none;background:var(--bg-cell-hover);box-shadow:inset 0 0 0 2px #7ba7896b}.account-menu__item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.account-menu__backdrop{position:fixed;z-index:79;pointer-events:auto;background:0 0;inset:0}.sidebar__account-trigger--loading,.sidebar__compose--loading,.sidebar__action--loading,.sidebar__row--loading{cursor:default;pointer-events:none;animation:pine-skeleton-pulse 1.4s ease-in-out infinite alternate}.sidebar__account-trigger--loading:hover,.sidebar__compose--loading:hover,.sidebar__action--loading:hover{background:0 0}.sidebar__account-trigger--loading:disabled,.sidebar__compose--loading:disabled,.sidebar__action--loading:disabled{opacity:1;color:var(--muted)}.sidebar__compose--loading,.sidebar__action--loading{color:var(--muted)}.sidebar__account-trigger--loading:disabled .sidebar__account-brand{color:var(--ink)}.app-fade-in{animation:pine-fade-in-content var(--motion-base,.18s)ease-out both}@keyframes pine-fade-in-content{0%{opacity:0}to{opacity:1}}.empty-state{display:flex;justify-content:center;align-items: center;gap:var(--space-4);padding:var(--space-12)var(--space-8);text-align:center;flex-direction:column;height:100%}.empty-state__icon{display:grid;background:var(--mist);color:var(--pine-2);border-radius:50%;place-items: center;width:56px;height:56px}.empty-state__illustration{display:grid;color:var(--leaf);place-items: center;width:120px;height:120px}.empty-state__title{color:var(--ink);font-size:18px;font-weight:var(--weight-bold);margin:0}.empty-state__body{color:var(--muted);max-width:360px;margin:0;font-size:13.5px;line-height:1.5}.empty-state__actions{margin-top:var(--space-2)}.empty-state__footer{margin:var(--space-4)0 0;color:var(--muted);max-width:360px;font-size:11.5px;line-height:1.4}.empty-state__action{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--pine-2);border-radius:var(--radius-pill);background:var(--pine);color:var(--paper-soft);font-size:13px;font-weight:var(--weight-semibold);height:34px;transition:background .14s,box-shadow .14s}.empty-state__action:hover{background:var(--pine-2);box-shadow:var(--shadow-md)}.route-suspense{display:flex;justify-content:center;align-items: center;gap:var(--space-4);padding:var(--space-12)var(--space-8);text-align:center;flex-direction:column;height:100%}.route-suspense__label{color:var(--muted);font-size:13.5px;line-height:1.5;font-weight:var(--weight-regular);margin:0}.toast{display:inline-block;pointer-events:auto;padding:var(--space-3)var(--space-4);border-radius:var(--radius-pill);background:var(--pine);color:var(--paper-soft);font-size:13px;font-weight:var(--weight-medium);box-shadow:var(--shadow-lg)}.auth-screen{display:grid;padding:var(--space-6,32px)var(--space-4,16px);background:var(--canvas);place-items: center;min-height:100dvh}.auth-card{display:flex;gap:var(--space-5,24px);background:var(--surface);box-shadow:var(--shadow-md);border:1px solid var(--line-soft);border-radius:16px;flex-direction:column;width:100%;max-width:420px;padding:36px 32px}@media (max-width:560px){.auth-card{box-shadow:none;background:0 0;border-color:#0000;padding:28px 20px}.auth-screen{padding:var(--space-4,16px)var(--space-3,12px)}}.auth-brand{display:flex;align-items: center;gap:var(--space-2,8px);color:var(--pine);flex-direction:column}.auth-brand__mark{display:grid;background:color-mix(in srgb,var(--pine)100%,white 0%);color:var(--paper-soft);border-radius:16px;place-items: center;width:56px;height:56px}.auth-brand__wordmark{font-family:inherit;font-weight:var(--weight-semibold,600);letter-spacing:.02em;color:var(--ink);font-size:18px}.auth-heading-block{display:flex;text-align:center;flex-direction:column;gap:6px}.auth-heading{font-size:22px;font-weight:var(--weight-semibold,600);color:var(--ink);letter-spacing:-.01em;margin:0}.auth-subheading{color:var(--muted-strong);margin:0;font-size:14px;line-height:1.45}.auth-form{display:flex;gap:var(--space-4,16px);flex-direction:column}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field__label{font-size:13px;font-weight:var(--weight-semibold,600);color:var(--ink-soft)}.auth-field__hint{color:var(--muted);font-size:12px}.auth-field__hint--error{color:var(--copper)}.auth-input{padding:var(--space-2,8px)14px;border:1px solid var(--border-tertiary,var(--line));border-radius:var(--radius-md,10px);background:var(--bg-card,var(--surface));color:var(--ink);outline:none;transition:box-shadow var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);width:100%;height:40px;font-family:inherit;font-size:15px}.auth-input:focus-visible{border-color:var(--leaf);box-shadow:0 0 0 3px #7ba78952}.auth-input[aria-invalid=true]{border-color:var(--copper)}.auth-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--copper)24%,transparent)}.auth-submit{display:inline-flex;padding:0 var(--space-4,16px);border:1px solid var(--pine-2);border-radius:var(--radius-md,10px);background:var(--pine);color:var(--paper-soft);font-family:inherit;font-size:15px;font-weight:var(--weight-semibold,600);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple);justify-content:center;align-items: center;width:100%;height:42px}.auth-submit:hover:not(:disabled){background:var(--pine-2)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-error{border-radius:var(--radius-md,10px);background:color-mix(in srgb,var(--copper)8%,var(--surface));border:1px solid color-mix(in srgb,var(--copper)32%,var(--line-soft));color:var(--copper);padding:10px 14px;font-size:13px;line-height:1.4}.auth-footer{display:flex;text-align:center;color:var(--muted-strong);flex-direction:column;gap:6px;font-size:13px}.auth-link{font:inherit;color:var(--pine-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--pine-2)36%,transparent);transition:text-decoration-color var(--motion-fast)var(--ease-apple);background:0 0;border:none;padding:0}.auth-link:hover{text-decoration-color:var(--pine-2)}.auth-link:focus-visible{outline:2px solid var(--leaf);outline-offset:3px;border-radius:2px}.auth-recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-4,16px);list-style:none;border-radius:var(--radius-md,10px);background:color-mix(in srgb,var(--leaf)6%,var(--surface));border:1px solid color-mix(in srgb,var(--leaf)20%,var(--line-soft));gap:10px 16px;margin:0}@media (max-width:380px){.auth-recovery-grid{grid-template-columns:minmax(0,1fr)}}.auth-recovery-code{letter-spacing:.04em;color:var(--ink);padding:4px 0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.auth-recovery-actions{display:flex;gap:var(--space-2,8px);flex-wrap:wrap;justify-content:center}.auth-secondary{display:inline-flex;padding:0 var(--space-4,16px);border:1px solid var(--border-tertiary,var(--line));border-radius:var(--radius-md,10px);background:var(--bg-card,var(--surface));color:var(--ink);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold,600);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);text-decoration:none;justify-content:center;align-items: center;gap:6px;height:36px}.auth-secondary:hover{background:var(--bg-cell-hover,color-mix(in srgb,var(--leaf)4%,var(--surface)))}.auth-secondary:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}.auth-gate-loading{display:grid;background:var(--canvas);place-items: center;min-height:100dvh}.auth-gate-error{display:grid;padding:var(--space-6,32px)var(--space-4,16px);background:var(--canvas);place-items: center;min-height:100dvh}.auth-gate-error__body{color:var(--muted-strong);text-align:center;margin:0;font-size:14px;line-height:1.5}.settings-page{display:grid;grid-template-columns:220px minmax(0,1fr);background:var(--bg-canvas);height:100%;min-height:0}.settings-page__content{overflow-y:auto;scrollbar-gutter:stable;padding:var(--space-8)clamp(var(--space-6),4vw,var(--space-12))var(--space-12);background:var(--bg-canvas);min-width:0;min-height:0}.settings-nav{display:flex;gap:var(--space-4);padding:var(--space-5)var(--space-3);border-right:1px solid var(--border-tertiary);background:var(--bg-sidepanel);overflow-y:auto;flex-direction:column;min-width:0}.settings-nav__back{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--muted-strong);font-size:12.5px;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple);background:0 0;border:0;align-self: flex-start;height:28px}.settings-nav__back:hover{background:var(--bg-cell-hover);color:var(--ink)}.settings-nav__group{display:flex;gap:var(--space-1);flex-direction:column}.settings-nav__group-label{padding:0 var(--space-2);margin-bottom:var(--space-1);color:var(--muted);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.settings-nav__list{list-style:none;display:flex;gap:var(--space-1);flex-direction:column;margin:0;padding:0}.settings-nav__row{display:flex;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background var(--motion-fast)var(--ease-apple);background:0 0;border:0;align-items: center;width:100%;height:32px}.settings-nav__row:hover{background:var(--bg-cell-hover);color:var(--ink)}.settings-nav__row--active,.settings-nav__row--active:hover{background:var(--bg-cell-active);color:var(--ink);font-weight:var(--weight-semibold)}.settings-panel{display:flex;gap:var(--space-4);flex-direction:column;max-width:720px}.settings-panel__header{display:flex;gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column}.settings-panel__title{color:var(--ink);font-size:18px;font-weight:var(--weight-bold);letter-spacing:-.005em;margin:0}.settings-panel__subtitle{color:var(--muted-strong);margin:0;font-size:13px;line-height:1.45}.settings-card{display:flex;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border-tertiary);background:var(--bg-card);border-radius:12px;flex-direction:column}.settings-card--danger{border-color:color-mix(in srgb,var(--copper)32%,var(--border-tertiary))}.settings-card__head{display:flex;gap:var(--space-1);flex-direction:column}.settings-card__title{color:var(--ink);font-size:14px;font-weight:var(--weight-semibold);margin:0}.settings-card__hint{color:var(--muted-strong);margin:0;font-size:12.5px;line-height:1.5}.settings-card__actions{display:flex;justify-content:flex-end;align-items: center;gap:var(--space-2);margin-top:var(--space-1)}.settings-card__actions--split{justify-content:space-between}.settings-input{padding:var(--space-2)var(--space-3);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink);outline:none;transition:box-shadow var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);width:100%;height:36px;font-family:inherit;font-size:14px}.settings-input:focus-visible{border-color:var(--leaf);box-shadow:0 0 0 2px #7ba7896b}.settings-textarea{padding:var(--space-2)var(--space-3);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink);resize:vertical;outline:none;transition:box-shadow var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);width:100%;min-height:96px;font-family:inherit;font-size:14px;line-height:1.5}.settings-textarea:focus-visible{border-color:var(--leaf);box-shadow:0 0 0 2px #7ba7896b}.settings-button{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);height:36px}.settings-button:hover:not(:disabled){background:var(--bg-cell-hover)}.settings-button:disabled{opacity:.5;cursor:not-allowed}.settings-button--primary{background:var(--pine);border-color:var(--pine-2);color:var(--paper-soft)}.settings-button--primary:hover:not(:disabled){background:var(--pine-2)}.settings-button--danger{border-color:color-mix(in srgb,var(--copper)56%,var(--border-tertiary));color:var(--copper);background:0 0}.settings-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--copper)8%,transparent);border-color:var(--copper)}.settings-avatar-preview{display:flex;align-items: center;gap:var(--space-3)}.settings-avatar-preview__dot{display:grid;border-radius:var(--radius-pill);color:#ffffffe0;font-weight:var(--weight-semibold);user-select:none;place-items: center;width:44px;height:44px;font-size:15px}.settings-avatar-preview__caption{color:var(--muted-strong);font-size:12.5px}.settings-addresses__list{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.settings-addresses__row{display:flex;border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden;flex-direction:column}.settings-addresses__row-head{display:grid;grid-template-columns:36px minmax(0,1fr)auto auto;align-items: center;gap:var(--space-3);padding:var(--space-2)var(--space-3)}.settings-addresses__row--expanded .settings-addresses__row-head{border-bottom:1px solid var(--border-tertiary)}.settings-addresses__expand{appearance:none;display:grid;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple),color var(--motion-fast)var(--ease-apple);background:0 0;border:1px solid #0000;place-items: center;width:28px;height:28px}.settings-addresses__expand:hover{background:var(--bg-cell-hover);color:var(--ink)}.settings-addresses__expand:focus-visible{outline:none;border-color:var(--leaf-strong);box-shadow:var(--focus-ring)}.settings-addresses__expand-chevron{transition:transform var(--motion-fast)var(--ease-apple)}.settings-addresses__expand[aria-expanded=true] .settings-addresses__expand-chevron{transform:rotate(180deg)}.settings-addresses__details{display:flex;gap:var(--space-4);padding:var(--space-3)var(--space-4)var(--space-4);background:var(--canvas);flex-direction:column}.settings-addresses__field{display:flex;gap:var(--space-2);flex-direction:column}.settings-addresses__field-label{color:var(--muted-strong);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.settings-addresses__input,.settings-addresses__textarea{border:1px solid var(--border-tertiary);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--ink);outline:none;transition:border-color var(--motion-fast)var(--ease-apple),box-shadow var(--motion-fast)var(--ease-apple);width:100%;padding:8px 10px;font-family:inherit;font-size:13.5px;line-height:1.4}.settings-addresses__textarea{resize:vertical;min-height:84px}.settings-addresses__input:focus-visible{border-color:var(--leaf-strong);box-shadow:var(--focus-ring)}.settings-addresses__textarea:focus-visible{border-color:var(--leaf-strong);box-shadow:var(--focus-ring)}.settings-addresses__field-hint{color:var(--muted);margin:0;font-size:12px}.settings-addresses__avatar{display:grid;border-radius:var(--radius-pill);color:#ffffffe0;font-size:12px;font-weight:var(--weight-semibold);user-select:none;place-items: center;width:36px;height:36px}.settings-addresses__identity{display:flex;flex-direction:column;min-width:0;line-height:1.3}.settings-addresses__name{color:var(--ink);font-size:13.5px;font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-addresses__address{color:var(--muted-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.settings-addresses__radio{display:inline-flex;align-items: center;gap:var(--space-2);color:var(--muted-strong);cursor:pointer;font-size:12.5px}.settings-addresses__radio input[type=radio]:checked+span{color:var(--ink);font-weight:var(--weight-semibold)}.settings-addresses__badge{display:inline-flex;padding:2px var(--space-2);border:1px solid var(--border-tertiary);border-radius:var(--radius-pill);color:var(--muted-strong);background:var(--bg-card);cursor:help;white-space:nowrap;align-items: center;font-size:11.5px}.settings-radio-list{list-style:none;display:flex;gap:var(--space-2);flex-direction:column;margin:0;padding:0}.settings-radio{display:flex;padding:var(--space-2)var(--space-3);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);align-items: center}.settings-radio--disabled{opacity:.62}.settings-radio__label{display:flex;align-items: center;gap:var(--space-3);cursor:pointer;width:100%}.settings-radio--disabled .settings-radio__label{cursor:not-allowed}.settings-radio__text{display:flex;flex-direction:column;gap:2px;line-height:1.3}.settings-radio__name{color:var(--ink);font-size:13.5px;font-weight:var(--weight-medium)}.settings-radio__hint{color:var(--muted);font-size:12px}.settings-shortcuts__list{display:grid;grid-template-columns:minmax(140px,max-content)minmax(0,1fr);column-gap:var(--space-5);row-gap:var(--space-3);margin:0}.settings-shortcuts__keys{display:inline-flex;align-items: center;gap:var(--space-2);flex-wrap:wrap}.settings-shortcuts__sep{color:var(--muted);font-size:11.5px;font-style:italic}.settings-shortcuts__desc{color:var(--ink-soft);align-self: center;margin:0;font-size:13px;line-height:1.5}.settings-kbd{display:inline-flex;padding:0 var(--space-2);border:1px solid var(--border-tertiary);border-radius:var(--radius-sm);background:var(--bg-cell-hover);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11.5px;font-weight:var(--weight-semibold);justify-content:center;align-items: center;min-width:24px;height:22px;line-height:1}.settings-identity{display:flex;align-items: center;gap:var(--space-3)}.settings-identity__avatar{display:grid;border-radius:var(--radius-pill);color:#ffffffe0;font-weight:var(--weight-semibold);user-select:none;place-items: center;width:40px;height:40px;font-size:14px}.settings-identity__text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.settings-identity__name{color:var(--ink);font-size:14px;font-weight:var(--weight-semibold)}.settings-identity__address{color:var(--muted-strong);font-size:12.5px}.settings-danger-confirm{display:flex;gap:var(--space-3);flex-direction:column}.settings-danger-confirm__copy{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}@media (max-width:720px){.settings-page{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto 1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--border-tertiary);padding:var(--space-4)var(--space-3)}}.pine-radio{appearance:none;display:grid;color:inherit;cursor:pointer;transition:background var(--motion-fast)var(--ease-apple);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items: center;width:24px;height:24px;padding:0}.pine-radio:hover:not(:disabled){background:var(--bg-cell-hover)}.pine-radio:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pine-radio:disabled{cursor:not-allowed}.pine-radio__ring{display:grid;border:1.5px solid color-mix(in srgb,var(--ink)28%,transparent);background:var(--bg-card);transition:border-color var(--motion-fast)var(--ease-apple),background var(--motion-fast)var(--ease-apple);border-radius:50%;place-items: center;width:18px;height:18px}.pine-radio[data-checked=true] .pine-radio__ring{border-color:var(--leaf-strong)}.pine-radio:disabled .pine-radio__ring{border-color:color-mix(in srgb,var(--ink)16%,transparent);background:var(--bg-cell-hover)}.pine-radio__dot{background:var(--leaf-strong);transition:transform var(--motion-fast)var(--ease-expressive);border-radius:50%;width:8px;height:8px;transform:scale(0)}.pine-radio[data-checked=true] .pine-radio__dot{transform:scale(1)}.pine-radio:disabled .pine-radio__dot{background:color-mix(in srgb,var(--ink)28%,transparent)}.settings-form{display:flex;gap:var(--space-3);flex-direction:column}.settings-field{display:flex;gap:var(--space-1);flex-direction:column}.settings-field__label{color:var(--ink);font-size:13px;font-weight:var(--weight-semibold)}.settings-field__hint{color:var(--muted-strong);font-size:12.5px;line-height:1.5}.settings-field__hint--error{color:var(--copper)}.settings-banner{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:13px;line-height:1.5}.settings-banner:focus-visible{outline:2px solid var(--leaf-strong);outline-offset:2px}.settings-banner--success{background:color-mix(in srgb,var(--leaf)12%,var(--bg-card));border:1px solid color-mix(in srgb,var(--leaf)36%,var(--border-tertiary));color:color-mix(in srgb,var(--ink)92%,transparent)}.settings-banner--error{background:color-mix(in srgb,var(--copper)8%,var(--bg-card));border:1px solid color-mix(in srgb,var(--copper)40%,var(--border-tertiary));color:var(--copper)}.settings-recovery-show{display:flex;gap:var(--space-3);flex-direction:column}.mailbox-view{display:flex;flex-direction:column;min-width:0;height:100%}.mailbox-view__header{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3)var(--space-6);border-bottom:1px solid var(--border-tertiary)}.mailbox-view__title{color:var(--ink);font-size:14px;font-weight:var(--weight-medium);letter-spacing:-.005em;margin:0;line-height:1.2}.mailbox-view__count,.mailbox-view__unread{color:var(--muted);font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.mailbox-view__unread{color:var(--pine-2)}.mailbox-view__header-spacer{flex:1}.mailbox-view__stream-pill{display:inline-flex;border-radius:var(--radius-pill);color:var(--muted-strong);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.01em;white-space:nowrap;text-transform:none;opacity:0;pointer-events:none;background:#1c5b4c14;align-items: center;gap:6px;padding:4px 10px;transition:opacity .22s ease-out;line-height:1}.mailbox-view__stream-pill[data-visible=true]{opacity:1}.mailbox-view__stream-pill[data-status=closed]{color:#b03333;background:#cc333314}.mailbox-view__list{padding:var(--space-2)0 var(--space-6);list-style:none;overflow-y:auto;scrollbar-gutter:stable;flex:1;margin:0}.mailbox-view__list>li{padding:0 var(--space-2)}.message-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:stretch;gap:var(--space-1);border-radius:var(--radius-md);transition:background var(--motion-fast)var(--ease-apple),box-shadow var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);background:0 0;border:1px solid #0000;min-height:68px;margin:2px 0}.message-row:hover{background:#1c5b4c0a}.message-row--selected{background:#1c5b4c1f;border-color:#1c5b4c38}.message-row--unread{box-shadow:inset 3px 0 0 var(--pine-2)}.message-row[data-selected=true]{box-shadow:inset 3px 0 0 var(--leaf)}.message-row__hit{display:grid;grid-template-columns:36px minmax(0,1fr);align-items: center;gap:var(--space-3);padding:var(--space-3)var(--space-3);border-radius:var(--radius-md);color:inherit;text-align:left;background:0 0;border:0;line-height:1.35}.message-row__lead{position:relative;display:grid;place-items: center;width:36px;height:36px}.avatar-hue-0{background-color:#a9524c}.avatar-hue-1{background-color:#a9714c}.avatar-hue-2{background-color:#7ea94c}.avatar-hue-3{background-color:#4ca977}.avatar-hue-4{background-color:#4ca996}.avatar-hue-5{background-color:#4c9da9}.avatar-hue-6{background-color:#4c8aa9}.avatar-hue-7{background-color:#774ca9}.avatar-hue-8{background-color:#994ca9}.avatar-hue-9{background-color:#a94c8d}.avatar-hue-10{background-color:#a94c68}.avatar-hue-11{background-color:#a94c4f}.message-row__avatar{display:grid;color:#ffffffeb;font-size:12px;font-weight:var(--weight-semibold);letter-spacing:0;text-transform:uppercase;user-select:none;border-radius:50%;place-items: center;width:32px;height:32px}.message-row__unread-pip{position:absolute;background:var(--leaf-strong);border:2px solid var(--paper);border-radius:50%;width:11px;height:11px;bottom:2px;right:0}.message-row__body{display:flex;flex-direction:column;gap:2px;min-width:0}.message-row__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);min-width:0}.message-row__sender{color:var(--ink);font-size:13px;font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row--unread .message-row__sender{font-weight:var(--weight-bold)}.message-row__time{color:var(--muted-strong);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.message-row--unread .message-row__time{color:var(--pine-2);font-weight:var(--weight-semibold)}.message-row__subject{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.message-row--unread .message-row__subject{color:var(--ink);font-weight:var(--weight-bold)}.message-row__preview{color:var(--muted-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.message-row__trailing{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-2)var(--space-2)}.message-row__indicator{display:grid;width:var(--tap-target-desktop);height:var(--tap-target-desktop);color:var(--muted-strong);place-items: center}.message-row__flag-action{display:grid;width:var(--tap-target-desktop);height:var(--tap-target-desktop);border-radius:var(--radius-sm);color:var(--muted-strong);opacity:0;background:0 0;border:0;place-items: center;padding:0;transition:background .14s,color .14s,opacity .12s}.message-row:hover .message-row__flag-action,.message-row--selected .message-row__flag-action,.message-row__flag-action--on{opacity:1}.message-row__flag-action:focus-visible{opacity:1}.message-row__flag-action:hover{color:var(--muted-strong);background:#0f172a0d}.message-row__flag-action--on{color:#d6a517;background:0 0}.skeleton{display:block}@keyframes pine-skeleton-pulse{0%{opacity:.6}to{opacity:1}}.skeleton__line,.skeleton__avatar,.skeleton__time{display:inline-block;background:var(--bg-cell-hover);animation:pine-skeleton-pulse 1.4s ease-in-out infinite alternate;border-radius:4px}.skeleton__avatar{border-radius:50%;width:32px;height:32px}.skeleton__time{width:36px;height:10px}.skeleton__line--sender{width:120px;height:11px}.skeleton__line--subject{width:260px;height:11px;margin-top:6px}.skeleton__pane{display:flex;flex-direction:column;height:100%;min-height:0}.skeleton__list{padding:var(--space-2)0 var(--space-6);list-style:none;overflow:hidden;flex:1;min-height:0;margin:0}.skeleton__header{border-bottom:1px solid var(--border-tertiary);flex:none;height:43px}.skeleton__row{display:grid;grid-template-columns:36px minmax(0,1fr)auto;align-items: center;gap:var(--space-3);margin:2px var(--space-2);padding:var(--space-3)var(--space-3);min-height:68px}.skeleton__row-body{display:flex;flex-direction:column;min-width:0}.skeleton__reader{display:flex;justify-content:center;align-items: center;gap:var(--space-4);padding:var(--space-12)var(--space-8)calc(var(--space-12) + 29px);flex-direction:column;height:100%}.skeleton__reader-illus{display:block;background:var(--bg-cell-hover);animation:pine-skeleton-pulse 1.4s ease-in-out infinite alternate;border-radius:50%;width:120px;height:120px}.skeleton__line--title{display:block;margin-bottom:var(--space-2);width:clamp(160px,30%,240px);height:18px}.skeleton__line--envelope{display:block;width:clamp(180px,36%,320px);height:11px}.skeleton__line--envelope:nth-of-type(2){width:clamp(140px,28%,260px)}.skeleton__line--envelope:nth-of-type(3){width:clamp(100px,22%,200px)}.skeleton__line--sidebar{width:70%;height:11px}.reader{display:flex;overflow-y:auto;scrollbar-gutter:stable;flex-direction:column;min-width:0;max-width:100%;height:100%}.reader__toolbar{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-bottom:1px solid var(--border-tertiary);background:var(--bg-canvas);position:sticky;z-index:2;top:0}.reader__toolbar-spacer{flex:1}.reader__action{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:var(--weight-semibold);height:32px;transition:background .14s,border-color .14s,box-shadow .14s}.reader__action:hover{background:var(--mist);border-color:#1c5b4c3d}.reader__icon{display:grid;width:var(--tap-target-desktop);height:var(--tap-target-desktop);border-radius:var(--radius-md);color:var(--ink-soft);background:0 0;border:1px solid #0000;place-items: center;transition:background .14s,border-color .14s,color .14s}.reader__icon:hover{background:var(--mist);border-color:var(--line-soft)}.reader__icon--on{color:var(--copper);background:#a76d4f1f;border-color:#a76d4f38}.reader__icon--star-on{color:#d6a517}.reader__icon--star-on:hover{background:0 0;border-color:#0000}.reader__envelope{padding:var(--space-8)clamp(var(--space-6),5vw,var(--space-14))var(--space-6);border-bottom:1px solid var(--line-soft)}.reader__subject{margin:0 0 var(--space-5);color:var(--ink);font-size:clamp(22px,2.4vw,28px);font-weight:var(--weight-bold);letter-spacing:-.012em;max-width:760px;line-height:1.18}.reader__from{display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--space-3);align-items: flex-start;max-width:760px}.reader__avatar{display:grid;background:linear-gradient(140deg,var(--mist),var(--sky));color:var(--pine);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.04em;border:1px solid #1c5b4c1f;border-radius:50%;place-items: center;width:38px;height:38px}.reader__from-text{min-width:0}.reader__from-line{display:flex;align-items:baseline;gap:var(--space-2);color:var(--ink);flex-wrap:wrap;font-size:14px}.reader__sender{font-weight:var(--weight-semibold)}.reader__sender-address{color:var(--muted);font-weight:var(--weight-medium)}.reader__meta{display:flex;align-items: center;gap:var(--space-2);margin-top:var(--space-1);color:var(--muted);flex-wrap:wrap;font-size:12.5px}.reader__details-toggle{color:var(--pine-2);font-size:12.5px;font-weight:var(--weight-semibold);background:0 0;border:0;padding:0}.reader__details-toggle:hover{color:var(--pine);text-decoration:underline}.reader__details{display:grid;gap:var(--space-2);margin:var(--space-3)0 0;padding:var(--space-3)var(--space-4);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--paper);color:var(--ink-soft);font-size:12.5px}.reader__details>div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:var(--space-2)}.reader__details dt{color:var(--muted);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10.5px}.reader__details dd{word-break:break-word;margin:0}.reader__details-foot{display:flex;border-top:1px solid var(--line-soft);padding-top:var(--space-2);margin-top:var(--space-1);justify-content:flex-end}.reader__body{padding:var(--space-6)var(--space-5);color:var(--ink);flex:1;font-size:15px;line-height:1.62}.reader__body p{margin:0 0 var(--space-4)}.reader__body p:last-child{margin-bottom:0}.reader__empty{color:var(--muted);font-style:italic}.html-body{display:flex;gap:var(--space-3);flex-direction:column}.html-body__banner{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);background:color-mix(in srgb,var(--accent)6%,transparent);color:var(--muted-strong);font-size:13px;font-weight:var(--weight-medium);border-radius:8px;padding:10px 14px;line-height:1.4}.html-body__banner-action{appearance:none;border:1px solid color-mix(in srgb,var(--accent)30%,transparent);color:var(--accent);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:5px 12px}.html-body__banner-action:hover{background:color-mix(in srgb,var(--accent)8%,transparent)}.html-body__frame{display:block;border:1px solid color-mix(in srgb,var(--ink)6%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--ink)5%,transparent),0 8px 24px color-mix(in srgb,var(--ink)8%,transparent);background:#fff;border-radius:12px;width:100%}@media (forced-colors:active){.html-body__frame{border-color:canvastext}}.html-body__forwarded{display:flex;gap:var(--space-3);flex-direction:column}.html-body__forwarded-meta{padding:var(--space-3)var(--space-4);border:1px solid var(--border-tertiary);background:var(--bg-canvas);border-radius:8px}.html-body__forwarded-label{margin:0 0 var(--space-2);color:var(--muted);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.html-body__forwarded-headers{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-3);row-gap:2px;margin:0;font-size:13px;line-height:1.45}.html-body__forwarded-header-row{display:contents}.html-body__forwarded-header-row dt{color:var(--muted);font-weight:var(--weight-medium)}.html-body__forwarded-header-row dd{color:var(--ink);word-break:break-word;margin:0}.html-body__quote{display:flex;gap:var(--space-2);flex-direction:column}.html-body__quote-toggle{appearance:none;display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-canvas);color:var(--muted);font:inherit;letter-spacing:.1em;cursor:pointer;transition:background var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);border-radius:6px;justify-content:center;align-self: flex-start;align-items: center;width:36px;height:22px;padding:0;font-size:14px;line-height:1}.html-body__quote-toggle:hover{background:var(--bg-cell-hover);border-color:color-mix(in srgb,var(--ink)12%,transparent)}.html-body__quote-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.html-body__quote-content{animation:html-body-quote-expand var(--motion-base)var(--ease-expressive)}@keyframes html-body-quote-expand{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.html-body__forwarded-meta,.html-body__quote-toggle{border-color:canvastext}}.reader__attachments{padding:0 clamp(var(--space-6),5vw,var(--space-14))var(--space-8);max-width:760px}.reader__attachments-title{margin:0 0 var(--space-3);color:var(--muted);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.reader__attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.attachment-chip{display:grid;grid-template-columns:36px minmax(0,1fr);align-items: center;gap:var(--space-3);padding:var(--space-3)var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-align:left;transition:border-color .14s,background .14s}.attachment-chip:hover{background:var(--paper);border-color:#1c5b4c3d}.attachment-chip__icon{display:grid;border-radius:var(--radius-sm);background:var(--mist);color:var(--pine-2);place-items: center;width:36px;height:36px}.attachment-chip__text{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-chip__name{font-size:13px;font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip__meta{color:var(--muted-strong);font-size:11.5px}.compose{display:flex;padding:var(--space-6)clamp(var(--space-6),4vw,var(--space-12))var(--space-8);overflow-y:auto;flex-direction:column;height:100%}.compose__header{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--line-soft);margin-bottom:var(--space-1)}.compose__title{color:var(--ink);font-size:18px;font-weight:var(--weight-bold);letter-spacing:-.005em;margin:0}.compose__close{display:grid;width:var(--tap-target-desktop);height:var(--tap-target-desktop);border-radius:var(--radius-md);color:var(--ink-soft);background:0 0;border:1px solid #0000;place-items: center;transition:background .14s,border-color .14s}.compose__close:hover{background:var(--mist);border-color:var(--line-soft)}.compose__row{display:grid;grid-template-columns:64px minmax(0,1fr)auto;align-items: center;gap:var(--space-3);padding:var(--space-3)0;border-bottom:1px solid var(--line-soft)}.compose__label{color:var(--muted);font-size:11.5px;font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.compose__from{color:var(--ink);font-size:13px}.compose__from--empty{color:var(--muted);font-style:italic}.compose__input{color:var(--ink);outline:none;background:0 0;border:0;width:100%;height:32px;padding:0;font-size:14px}.compose__input::placeholder{color:var(--muted)}.compose__chip-button{color:var(--pine-2);font-size:12px;font-weight:var(--weight-semibold);background:0 0;border:0}.compose__chip-button:hover{color:var(--pine);text-decoration:underline}.compose__body-row{display:flex;padding-top:var(--space-5);flex-direction:column;flex:1;min-height:0}.compose__sr{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.compose__body{padding:var(--space-1)0;color:var(--ink);outline:none;resize:vertical;background:0 0;border:0;flex:1;width:100%;min-height:260px;font-size:14.5px;line-height:1.6}.compose__body::placeholder{color:var(--muted)}.compose__actions{display:flex;justify-content:flex-end;align-items: center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line-soft)}.compose__secondary{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:13px;font-weight:var(--weight-semibold);height:36px;transition:background .14s,border-color .14s}.compose__secondary:hover{background:var(--mist);border-color:#1c5b4c3d}.compose__primary{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-5);border:1px solid var(--pine-2);border-radius:var(--radius-pill);background:var(--pine);color:var(--paper-soft);font-size:13px;font-weight:var(--weight-semibold);height:36px;transition:background .14s,box-shadow .14s}.compose__primary:hover{background:var(--pine-2);box-shadow:var(--shadow-md)}.compose__subtitle{margin:var(--space-1)0 0;color:var(--muted-strong);font-size:12px;line-height:1.45}.compose__row--invalid{border-bottom-color:var(--copper)}.compose__error{grid-column:2/-1;margin-top:var(--space-1);color:var(--copper);font-size:12px}.compose__row-actions{display:flex;align-items: center;gap:var(--space-2);justify-self:end}.compose__confirm{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3)var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);font-size:13px}.compose__confirm-text{flex:1;min-width:0}.compose__confirm-actions{display:flex;gap:var(--space-2)}.compose__confirm-actions--discard-prompt{justify-content:flex-end;margin-top:12px}.compose__confirm-discard{display:inline-flex;align-items: center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--copper);border-radius:var(--radius-pill);color:var(--copper);font-size:12.5px;font-weight:var(--weight-semibold);background:0 0;height:32px;transition:background .14s,color .14s}.compose__confirm-discard:hover{background:#a76d4f1a}.compose__confirm-keep{display:inline-flex;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:var(--weight-semibold);align-items: center;height:32px}.compose__confirm-keep:hover{background:var(--mist)}.palette{max-width:calc(100vw - var(--space-8));color:var(--ink);z-index:60;background:0 0;border:0;width:560px;margin:14vh auto auto;padding:0}.palette::backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#10231f6b}.palette__panel{position:relative;padding:var(--space-2)var(--space-2)var(--space-4);border:1px solid var(--border-tertiary);background:var(--bg-card);display:flex;border-radius:12px;flex-direction:column;width:100%;box-shadow:0 24px 60px #0a181647}.palette__sr-title{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.palette__input{padding:0 var(--space-3);border:0;border-bottom:1px solid var(--line-soft);color:var(--ink);outline:none;background:0 0;width:100%;height:48px;font-size:15px}.palette__input::placeholder{color:var(--muted)}.palette__results{overflow-y:auto;padding:var(--space-2)var(--space-1)0;max-height:60vh}.palette__empty{padding:var(--space-4)var(--space-3);color:var(--muted);text-align:center;font-size:13px}.palette__group+.palette__group{margin-top:var(--space-2)}.palette__group-header{padding:var(--space-3)var(--space-3)var(--space-2);color:var(--leaf-strong);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:0;text-transform:uppercase}.palette__group-list{display:flex;list-style:none;flex-direction:column;gap:1px;margin:0;padding:0}.palette__entry{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--space-2);color:var(--ink);text-align:left;background:0 0;border:0;width:100%;transition:background .12s;font-size:13.5px}.palette__entry--cursor,.palette__entry:hover{background:var(--mist)}.palette__entry-label{font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__entry-hint{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}@media (max-width:720px){.palette{width:calc(100vw - var(--space-4));margin-top:8vh}.palette__panel{width:100%}}.keyhelp{max-width:calc(100vw - var(--space-8));color:var(--ink);z-index:65;background:0 0;border:0;width:480px;max-height:calc(100vh - 64px);padding:0}.keyhelp::backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#10231f6b}.keyhelp__panel{position:relative;padding:var(--space-6)var(--space-6)var(--space-6);border:1px solid var(--border-tertiary);background:var(--bg-card);box-shadow:var(--shadow-lg);overflow-y:auto;border-radius:14px;width:100%;max-height:calc(100vh - 64px)}.keyhelp__title{margin:0 0 var(--space-4);font-size:16px;font-weight:var(--weight-bold);color:var(--ink)}.keyhelp__list{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.keyhelp__row{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--line-soft);color:var(--ink);font-size:13px}.keyhelp__row:last-child{border-bottom:0}.keyhelp__keys{display:inline-flex;align-items: center;gap:var(--space-1)}.keyhelp__key{display:inline-flex;padding:0 var(--space-2);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:11.5px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;border-radius:5px;align-items: center;height:24px}.keyhelp__close{position:absolute;top:var(--space-3);right:var(--space-3);display:grid;width:var(--tap-target-desktop);height:var(--tap-target-desktop);border-radius:var(--radius-md);color:var(--ink-soft);background:0 0;border:1px solid #0000;place-items: center;transition:background .14s}.keyhelp__close:hover{background:var(--mist)}.feedback-modal{max-width:calc(100vw - var(--space-4));color:var(--ink);z-index:70;background:0 0;border:0;width:440px;max-height:calc(100vh - 64px);padding:0}.feedback-modal::backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#10231f6b}.feedback-modal__panel{position:relative;padding:var(--space-5)var(--space-5)var(--space-5);border:1px solid var(--border-tertiary);background:var(--bg-card);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-3);animation:pine-feedback-modal-in .2s var(--ease-expressive)both;border-radius:14px;flex-direction:column;width:100%;max-height:calc(100vh - 64px)}@keyframes pine-feedback-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.feedback-modal__header{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3)}.feedback-modal__title{color:var(--ink);font-size:15px;font-weight:var(--weight-bold);letter-spacing:-.005em;margin:0}.feedback-modal__close{display:grid;border-radius:var(--radius-sm);color:var(--ink-soft);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);background:0 0;border:1px solid #0000;place-items: center;width:28px;height:28px}.feedback-modal__close:hover{background:var(--bg-cell-hover)}.feedback-modal__field{position:relative;display:flex;flex-direction:column}.feedback-modal__textarea{padding:var(--space-3)var(--space-3)var(--space-5);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink);resize:vertical;outline:none;transition:border-color var(--motion-fast)var(--ease-apple),box-shadow var(--motion-fast)var(--ease-apple);width:100%;min-height:144px;font-family:inherit;font-size:14px;line-height:1.55}.feedback-modal__textarea:focus-visible{border-color:var(--leaf-strong);box-shadow:var(--focus-ring)}.feedback-modal__textarea::placeholder{color:var(--muted)}.feedback-modal__textarea:disabled{opacity:.6;cursor:not-allowed}.feedback-modal__counter{position:absolute;right:var(--space-3);bottom:var(--space-2);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.01em;pointer-events:none;font-size:11px}.feedback-modal__counter--warn{color:var(--copper)}.feedback-modal__status{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);margin:0;font-size:12.5px;line-height:1.45}.feedback-modal__status--error{background:color-mix(in srgb,var(--copper)10%,transparent);color:var(--copper)}.feedback-modal__status--success{background:color-mix(in srgb,var(--leaf-strong)14%,transparent);color:var(--pine)}.feedback-modal__actions{display:flex;justify-content:flex-end;align-items: center;gap:var(--space-2)}.feedback-modal__secondary{display:inline-flex;padding:0 var(--space-3);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink);font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple);align-items: center;height:32px}.feedback-modal__secondary:hover:not(:disabled){background:var(--bg-cell-hover)}.feedback-modal__secondary:disabled{opacity:.5;cursor:not-allowed}.feedback-modal__primary{display:inline-flex;padding:0 var(--space-4);border:1px solid var(--pine-2);border-radius:var(--radius-md);background:var(--pine);color:var(--paper-soft);font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast)var(--ease-apple),box-shadow var(--motion-fast)var(--ease-apple);align-items: center;height:32px}.feedback-modal__primary:hover:not(:disabled){background:var(--pine-2);box-shadow:var(--shadow-md)}.feedback-modal__primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:720px){.feedback-modal{width:calc(100vw - var(--space-4))}.feedback-modal__panel{padding:var(--space-4);width:100%}}@media (max-width:1024px){.app-shell{grid-template-columns:64px minmax(0,1fr)}}@media (max-width:720px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;z-index:70;padding:var(--space-3)var(--space-2);border-right:1px solid var(--border-tertiary);box-shadow:var(--shadow-lg);will-change:transform;width:min(280px,86vw);transition:transform .2s;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.mobile-drawer-toggle{position:fixed;z-index:60;display:grid;border:1px solid var(--border-tertiary);border-radius:var(--radius-md);background:var(--bg-card);color:var(--ink-soft);box-shadow:var(--shadow-l1);place-items: center;width:40px;height:40px;padding:0;transition:background .14s,box-shadow .14s;top:8px;left:8px}.mobile-drawer-toggle:hover{background:var(--bg-cell-hover)}.sidebar__backdrop{position:fixed;z-index:65;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:pine-fade-in .16s ease;background:#10231f6b;inset:0}@keyframes pine-fade-in{0%{opacity:0}to{opacity:1}}.app-shell__panes{display:grid;grid-template-columns:minmax(0,1fr)}.app-shell__resizer,.app-shell--mobile-list .app-shell__detail-pane,.app-shell--mobile-detail .app-shell__list-pane{display:none}.app-shell--mobile-detail .app-shell__detail-pane{border-left:0}.reader__icon,.compose__close{width:var(--tap-target-mobile);height:var(--tap-target-mobile)}.sidebar__row{min-height:var(--tap-target-mobile)}.mailbox-view__header{padding:var(--space-4)var(--space-4)var(--space-3)64px}.reader__envelope{padding:var(--space-6)var(--space-5)var(--space-5)}.reader__body{padding:var(--space-5)var(--space-5)}.reader__attachments{padding:0 var(--space-5)var(--space-6)}.compose{padding:var(--space-5)var(--space-5)var(--space-6)}.message-row__indicator,.message-row__flag-action{width:var(--tap-target-mobile);height:var(--tap-target-mobile)}}.from-picker{display:inline-flex;align-items: center;gap:var(--space-3);min-width:0;max-width:100%}.from-picker--single{padding:6px 8px}.from-picker__trigger{appearance:none;border-radius:var(--radius-md);color:inherit;font:inherit;cursor:pointer;transition:background var(--motion-fast)var(--ease-apple),border-color var(--motion-fast)var(--ease-apple);background:0 0;border:1px solid #0000;padding:6px 8px}.from-picker__trigger:hover{background:var(--bg-cell-hover);border-color:var(--line-soft)}.from-picker__trigger:focus-visible{outline:none;border-color:var(--line-soft);box-shadow:var(--focus-ring)}.from-picker__trigger[aria-expanded=true]{background:var(--bg-cell-hover);border-color:var(--line-soft)}.from-picker__avatar{display:grid;border-radius:var(--radius-pill);color:#ffffffe0;font-size:10.5px;font-weight:var(--weight-semibold);user-select:none;flex-shrink:0;place-items: center;width:24px;height:24px}.from-picker__identity{display:flex;text-align:left;flex-direction:column;min-width:0;line-height:1.25}.from-picker__name{color:var(--ink);font-size:13px;font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from-picker__address{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.from-picker__chevron{color:var(--muted);margin-left:var(--space-1);transition:transform var(--motion-fast)var(--ease-apple);flex-shrink:0}.from-picker__trigger[aria-expanded=true] .from-picker__chevron{transform:rotate(180deg)}.from-picker__popover{z-index:80;display:flex;padding:var(--space-1)0;background:var(--bg-card);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;transform-origin:top left;transition:opacity .2s var(--ease-expressive),transform .2s var(--ease-expressive);flex-direction:column;transform:scale(.95)}.from-picker__popover[data-visible=true]{opacity:1;transform:scale(1)}.from-picker__search-row{padding:var(--space-2)var(--space-2)var(--space-1)}.from-picker__search{padding:0 var(--space-2);border:1px solid var(--border-tertiary);border-radius:var(--radius-sm);background:var(--canvas);color:var(--ink);outline:none;width:100%;height:32px;font-size:13px}.from-picker__search:focus-visible{border-color:var(--leaf-strong);box-shadow:var(--focus-ring)}.from-picker__list{list-style:none;overflow-y:auto;max-height:320px;margin:0;padding:0}.from-picker__option{display:grid;grid-template-columns:28px minmax(0,1fr)auto;align-items: center;gap:var(--space-3);padding:6px var(--space-3);cursor:pointer;outline:none;transition:background var(--motion-fast)var(--ease-apple);min-height:36px}.from-picker__option[data-highlight=true],.from-picker__option:hover{background:var(--bg-cell-hover)}.from-picker__option:focus-visible{background:var(--bg-cell-hover)}.from-picker__option-avatar{display:grid;border-radius:var(--radius-pill);color:#ffffffe0;font-size:11px;font-weight:var(--weight-semibold);user-select:none;place-items: center;width:28px;height:28px}.from-picker__option-identity{display:flex;flex-direction:column;min-width:0;line-height:1.25}.from-picker__option-name{color:var(--ink);font-size:13px;font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from-picker__option-address{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.from-picker__option-check{color:var(--pine-2);margin-right:var(--space-1)}.from-picker__empty{padding:var(--space-3);color:var(--muted);text-align:center;font-size:13px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}.skeleton__line,.skeleton__avatar,.skeleton__time,.skeleton__header,.skeleton__reader-illus,.sidebar__account-trigger--loading,.sidebar__compose--loading,.sidebar__action--loading,.sidebar__row--loading,.app-fade-in,.sidebar__backdrop,.feedback-modal__panel{animation:none!important}.from-picker__popover{transition:none!important}}