:root{--zero-ink: #fff;--zero-scrim: #000a;--font: "Instrument Sans", "Instrument Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--serif: "Instrument Serif", "Instrument Serif Fallback", "Iowan Old Style", Georgia, serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--type-12: 12px;--type-13: 13px;--type-14: 14px;--type-15: 15px;--type-16: 16px;--type-18: 18px;--type-24: 24px;--type-32: 32px;--type-base: var(--type-14);--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-control: 6px;--radius-sheet: 10px;--radius-sheet-lg: 12px;--radius-pill: 999px;--radius: var(--radius-control);--fast: .12s;--base: .18s;--ease: ease-out;--disabled-opacity: .45;--focus-width: 2px;--focus-offset: 2px;--sidebar-w: 208px;--rail-collapsed-w: 56px;--list-w: 420px;--header-h: 56px}@media (prefers-reduced-motion: reduce){:root{--fast: 0ms;--base: 0ms}}:root{color-scheme:light;--bg: #fbfaf7;--raised: #ffffff;--overlay: #ffffff;--rail: #f3f1ec;--line: #e8e5df;--line-strong: #8f8b85;--text: #1a1917;--text-2: #5f5b54;--text-3: #726d66;--accent: #c2410c;--accent-hover: #a8380a;--accent-ink: #ffffff;--accent-line: #ffffff59;--focus: #c2410c;--selected: #f9f3ee;--selected-edge: #c2410c;--error: #b42318;--warn: #8a5a00;--warn-tint: #8a5a001f;--hover: #1a19170a;--press: #1a191714;--scrim: #1a191752;--shadow: 0 18px 48px -14px #1a19173d, 0 0 0 1px #1a19170f;--toast-bg: #242320;--toast-fg: #edebe7;--toast-link: #f08a4b;--toast-hover: #edebe71f;--toast-error-bg: #b42318;--toast-error-fg: #ffffff;--paper: #ffffff;--paper-pad: 0;--paper-pad-phone: 0;--star: #a16207;--swipe-archive: #c2410c;--swipe-snooze: #b45309;--swipe-move: #5f5b54;--swipe-reply: #1d4ed8;--swipe-ink: #ffffff;--google-bg: #ffffff;--google-fg: #1f1f1f;--google-line: #747775;--google-hover: #f6f7f9;--bg-side: var(--rail);--surface: var(--raised);--bg-subtle: var(--rail);--active-bg: var(--selected);--active-fg: var(--accent);--danger: var(--error);--stage: var(--rail)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #141312;--raised: #1c1b19;--overlay: #242320;--rail: #100f0e;--line: #2c2a27;--line-strong: #6f6c66;--text: #edebe7;--text-2: #a8a49c;--text-3: #8d8981;--accent: #f08a4b;--accent-hover: #f49d68;--accent-ink: #1a0f08;--accent-line: #1a0f0847;--focus: #f08a4b;--selected: #27211c;--selected-edge: #f08a4b;--error: #ff8f80;--warn: #e8b04f;--warn-tint: #e8b04f1f;--hover: #edebe70a;--press: #edebe714;--scrim: #0000008c;--shadow: 0 18px 48px -12px #000000b3, 0 0 0 1px #edebe714;--toast-bg: #edebe7;--toast-fg: #1a1917;--toast-link: #9a3412;--toast-hover: #1a19171a;--toast-error-bg: #ff8f80;--toast-error-fg: #1a1917;--paper: #ffffff;--paper-pad: 14px 16px;--paper-pad-phone: 12px;--star: #e8b04f;--swipe-archive: #c2410c;--swipe-snooze: #b45309;--swipe-move: #5f5b54;--swipe-reply: #1d4ed8;--swipe-ink: #ffffff;--google-bg: #131314;--google-fg: #e3e3e3;--google-line: #8e918f;--google-hover: #1d1d20;--bg-subtle: var(--raised);--stage: var(--bg)}}:root[data-theme=dark]{color-scheme:dark;--bg: #141312;--raised: #1c1b19;--overlay: #242320;--rail: #100f0e;--line: #2c2a27;--line-strong: #6f6c66;--text: #edebe7;--text-2: #a8a49c;--text-3: #8d8981;--accent: #f08a4b;--accent-hover: #f49d68;--accent-ink: #1a0f08;--accent-line: #1a0f0847;--focus: #f08a4b;--selected: #27211c;--selected-edge: #f08a4b;--error: #ff8f80;--warn: #e8b04f;--warn-tint: #e8b04f1f;--hover: #edebe70a;--press: #edebe714;--scrim: #0000008c;--shadow: 0 18px 48px -12px #000000b3, 0 0 0 1px #edebe714;--toast-bg: #edebe7;--toast-fg: #1a1917;--toast-link: #9a3412;--toast-hover: #1a19171a;--toast-error-bg: #ff8f80;--toast-error-fg: #1a1917;--paper: #ffffff;--paper-pad: 14px 16px;--paper-pad-phone: 12px;--star: #e8b04f;--swipe-archive: #c2410c;--swipe-snooze: #b45309;--swipe-move: #5f5b54;--swipe-reply: #1d4ed8;--swipe-ink: #ffffff;--google-bg: #131314;--google-fg: #e3e3e3;--google-line: #8e918f;--google-hover: #1d1d20;--bg-subtle: var(--raised);--stage: var(--bg)}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/instrument-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/instrument-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans");size-adjust:102.48%;ascent-override:94.65%;descent-override:24.39%;line-gap-override:0%}@font-face{font-family:"Instrument Serif Fallback";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Times"),local("Liberation Serif");size-adjust:84.23%;ascent-override:117.53%;descent-override:36.8%;line-gap-override:0%}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:var(--type-base)/1.45 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}h1,h2,p{margin:0}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.field-ring:has(:is(input,textarea):focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.field-ring:has(:is(input,textarea):focus-visible) :is(input,textarea):focus-visible{outline:none}.icon{flex:none}.muted{color:var(--text-3);font-size:var(--type-13)}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:14vh 16px 16px;background:var(--scrim);animation:fade var(--fast) var(--ease)}.dialog{width:min(480px,100%);padding:18px 22px 20px;border-radius:var(--radius-sheet-lg);background:var(--surface);box-shadow:var(--shadow);animation:rise var(--base) var(--ease)}.dialog:focus{outline:none}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-head h2{font-size:var(--type-16);font-weight:600}.shortcuts{width:100%;border-collapse:collapse;margin-bottom:14px}.shortcuts td{padding:7px 0;border-bottom:1px solid var(--line)}.shortcuts td:first-child{width:150px;white-space:nowrap}.shortcuts kbd+kbd,.shortcuts .then+kbd{margin-left:4px}.then{margin-left:4px;color:var(--text-3);font-size:var(--type-12)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px) scale(.985)}}.signin,.splash{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:24px 16px;background:radial-gradient(1200px 600px at 50% -10%,var(--active-bg),transparent 70%),var(--bg-side)}.signin-card{display:flex;flex-direction:column;align-items:center;width:min(380px,100%);padding:40px 32px 30px;border-radius:var(--radius-sheet-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center}.signin-card .logo{border-radius:22%}.signin-card h1{margin-top:18px;font-size:var(--type-32);font-family:var(--serif);font-weight:400}.signin-tag{margin:4px 0 28px;color:var(--text-2);font-size:var(--type-15)}.signin-note{margin-top:18px;color:var(--text-3);font-size:var(--type-13)}.splash .logo{animation:breathe 1.6s ease-in-out infinite}.splash-msg{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}@keyframes breathe{50%{opacity:.55;transform:scale(.96)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}kbd,.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--raised);color:var(--text-2);font:500 var(--type-12)/1 var(--font);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--raised);color:var(--text);font-size:var(--type-14);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.btn:hover{background:var(--hover)}.btn:active{background:var(--press)}.btn-primary{border-color:transparent;background:var(--accent);color:var(--accent-ink)}.btn-primary:hover,.btn-primary:active{background:var(--accent-hover)}.btn-quiet{border-color:transparent;background:transparent;color:var(--text-2)}.btn-quiet:hover{color:var(--text)}.btn-danger{color:var(--error)}.btn-lg{height:44px;padding:0 var(--space-5);border-radius:var(--radius-sheet);font-size:var(--type-15)}.btn-google{width:100%;background:var(--google-bg);color:var(--google-fg);border-color:var(--google-line)}.btn-google:hover{background:var(--google-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.icon-btn:hover{background:var(--hover);color:var(--text)}.btn:disabled,.icon-btn:disabled,.split-main:disabled,.split-more:disabled{opacity:var(--disabled-opacity);cursor:default}.btn:disabled:hover,.icon-btn:disabled:hover{background:transparent}.btn-primary:disabled:hover{background:var(--accent)}.split{position:relative;display:inline-flex;align-items:stretch;flex:none;height:32px}.split-main,.split-more{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;border:0;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:var(--type-14);font-weight:600;line-height:1;cursor:pointer;transition:background var(--fast) var(--ease)}.split-main{padding:0 var(--space-3);border-radius:var(--radius-control) 0 0 var(--radius-control)}.split-single .split-main{border-radius:var(--radius-control)}.split-more{justify-content:center;width:32px;padding:0;border-left:1px solid var(--accent-line);border-radius:0 var(--radius-control) var(--radius-control) 0}.split-main:hover:not(:disabled),.split-more:hover:not(:disabled),.split-more[aria-expanded=true]{background:var(--accent-hover)}.split-kbd{min-width:0;height:auto;padding:0;border:0;background:transparent;color:inherit;font-weight:500;opacity:.72}.split-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:30;display:flex;flex-direction:column;gap:2px;padding:var(--space-2);transform-origin:bottom left}.menu-surface{border:1px solid var(--line);border-radius:var(--radius-sheet-lg);background:var(--overlay);color:var(--text);box-shadow:var(--shadow);animation:surface-in var(--fast) var(--ease)}@keyframes surface-in{0%{opacity:0;transform:scale(.98)}}.tabs{display:flex;align-items:center;gap:var(--space-1)}.tab{height:32px;padding:0 var(--space-3);border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-2);font-size:var(--type-14);font-weight:500;cursor:pointer}.tab:hover{color:var(--text);background:var(--hover)}.tab[aria-selected=true]{background:var(--selected);color:var(--text);box-shadow:inset 0 -2px 0 var(--selected-edge)}.app{height:100vh;height:100dvh}.app.desktop{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.app.desktop.wide{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.app.desktop.rail-collapsed{--sidebar-w: var(--rail-collapsed-w)}@media (max-width: 1180px){:root{--list-w: 350px}}.pane-chip:empty{display:none}.pane-chip{position:relative;flex:none;min-width:0;margin-left:var(--space-1)}.code-chip{position:relative}.code-chip-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;max-width:100%;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);font:inherit;font-size:var(--type-13);white-space:nowrap;cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.code-chip-btn:hover{background:var(--hover);border-color:var(--text-3)}.code-chip-btn:active{background:var(--press)}.code-chip-btn .icon{flex:none;color:var(--text-2)}.code-chip-code{flex:none;padding-bottom:1px;border-bottom:2px solid var(--accent);font:600 var(--type-15) / 1.1 var(--mono);letter-spacing:.12em}.code-chip-from{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.code-chip-left{flex:none;color:var(--text-2);font-size:var(--type-12)}.code-chip.copied .code-chip-left{color:var(--accent);font-weight:600}.code-chip-manual{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:30;display:flex;flex-direction:column;gap:var(--space-2);width:max-content;max-width:min(320px,calc(100vw - 24px));padding:var(--space-3);font-size:var(--type-13);transform-origin:top right}.code-chip-manual label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.code-chip-field{width:10ch;max-width:100%;padding:2px 6px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--bg);color:var(--text);font:600 var(--type-15) / 1.3 var(--mono);letter-spacing:.08em;user-select:all}.code-chip-manual-from{color:var(--text-2)}@container (max-width: 560px){.pane-header:has(.code-chip) .rest-btn-label,.pane-header:has(.code-chip) .mode-btn-label,.pane-header:has(.code-chip) .code-chip-btn .icon{display:none}}@container (max-width: 400px){.pane-header:has(.code-chip) .code-chip-from{display:none}}.sidebar{display:flex;flex-direction:column;min-height:0;padding:14px 10px 12px;background:var(--bg-side);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:9px;height:32px;padding:0 10px;margin-bottom:var(--space-4)}.brand-name{font-size:var(--type-24);font-family:var(--serif);font-weight:400}.logo{display:block;border-radius:22%}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:11px;height:32px;padding:0 10px;border-radius:var(--radius-control);color:var(--text-2);text-decoration:none;font-size:var(--type-14);font-weight:500;white-space:nowrap;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--active-bg);color:var(--active-fg);font-weight:600}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-count{flex:none;color:var(--text-3);font-size:var(--type-12);font-weight:500;font-variant-numeric:tabular-nums}.nav-item.active .nav-count{color:var(--text-2)}.sidebar-foot{margin-top:auto;padding-top:12px}.account{display:flex;align-items:center;gap:9px;margin-top:8px;padding:8px 4px 2px 10px;border-top:1px solid var(--line)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:var(--type-12);font-weight:600}.account-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);font-size:var(--type-13)}.badges{display:flex;gap:6px;padding:8px 10px 0}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--line);color:var(--text-2);font-size:var(--type-12);font-weight:600}.badge-dev{color:var(--warn);background:var(--warn-tint);border-color:var(--warn)}.sidebar:not(.collapsed) .badge-short{display:none}.account .icon-btn{flex:none}.sidebar.collapsed{align-items:center;padding-inline:var(--space-2)}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-label,.sidebar.collapsed .palette-open-label,.sidebar.collapsed .palette-open .kbd,.sidebar.collapsed .account-email,.sidebar.collapsed .badge-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sidebar.collapsed .nav-list,.sidebar.collapsed .sidebar-foot{width:100%}.sidebar.collapsed .nav-item,.sidebar.collapsed .palette-open{position:relative;justify-content:center;width:40px;padding:0;margin-inline:auto}.sidebar.collapsed .nav-count{position:absolute;top:2px;right:0;min-width:16px;padding:0 3px;border-radius:var(--radius-pill);background:var(--bg-side);font-size:10px;line-height:14px;text-align:center}.sidebar.collapsed .account{flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0 0}.sidebar.collapsed .badges{flex-direction:column;align-items:center;padding:var(--space-2) 0 0}.sidebar.collapsed .badge{padding:2px 5px}.list,.reading,.settings{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.list{border-right:1px solid var(--line);container-type:inline-size}.pane-header{display:flex;align-items:center;gap:8px;flex:none;height:var(--header-h);padding:0 20px;border-bottom:1px solid var(--line)}.pane-header h1{font-family:var(--serif);font-size:var(--type-24);font-weight:400;line-height:1.15}.pane-titles{min-width:0;flex:1}.pane-titles h1,.pane-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-sub{color:var(--text-3);font-size:var(--type-12)}@container (max-width: 440px){.pane-actions .mode-btn-label{display:none}}@container (max-width: 390px){.pane-actions .rest-btn-label{display:none}}.empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:72px 40px;color:var(--text-3);text-align:center;font-size:var(--type-14);max-width:380px;margin:0 auto}.empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-sheet-lg);background:var(--bg-subtle);color:var(--text-2)}.reading-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px}.reading-mark{display:flex;align-items:center;justify-content:center;width:104px;height:104px;margin-bottom:8px;border-radius:var(--radius-pill);background:var(--bg-subtle)}.reading-mark .logo{opacity:.85;filter:saturate(.85)}.reading-empty-title{color:var(--text-2);font-size:var(--type-15);font-family:var(--serif);font-weight:400}.reading-empty-hint{color:var(--text-3);font-size:var(--type-13)}.palette-open{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;margin:0 0 var(--space-4);padding:5px 6px 5px 10px;line-height:1.25;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text-3);font-size:var(--type-13);text-align:left;cursor:pointer;transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.palette-open:hover{border-color:var(--line-strong);color:var(--text-2)}.palette-open-label{flex:1;min-width:0}.palette-open .kbd{flex:none;height:20px;min-width:0;padding:0 5px;border-bottom-width:1px;font-size:var(--type-12)}.compose-open{display:flex;align-items:center;gap:9px;width:100%;height:38px;margin:0 0 10px;padding:0 8px 0 12px;border:0;border-radius:var(--radius-sheet);background:var(--accent);color:var(--accent-ink);font-size:var(--type-14);font-weight:600;text-align:left;cursor:pointer;transition:background var(--fast) var(--ease),transform var(--fast) var(--ease)}.compose-open:hover{background:var(--accent-hover)}.compose-open:active{transform:translateY(1px)}.compose-open-label{flex:1}.compose-open kbd{height:20px;min-width:20px;padding:0 5px;border:0;background:transparent;border:1px solid currentColor;color:inherit;font-size:var(--type-12)}.app.desktop.view-read>.list{display:none}.app>.list,.app>.reading{view-transition-name:mail-content}::view-transition-old(mail-content){animation:mail-out .15s ease-out both}::view-transition-new(mail-content){animation:mail-in .15s ease-out both}@keyframes mail-out{to{opacity:0;transform:translateY(-6px)}}@keyframes mail-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.live-announcer{top:0;left:0}.rows-scroll,.rows-loading{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.rows{list-style:none;margin:0;padding:6px 8px 8px}.row{position:relative;display:flex;gap:8px;padding:10px 12px 11px 22px;border-radius:var(--radius-sheet);color:var(--text);text-decoration:none;cursor:default;transition:background var(--fast) var(--ease)}.row:hover{background:var(--hover)}.row.selected{background:var(--hover);box-shadow:inset 2px 0 0 var(--accent)}.row.open{background:var(--active-bg);box-shadow:none}.row{--focus-offset: -2px}.row-dot{position:absolute;left:8px;top:17px;width:7px;height:7px;border-radius:50%}.row.unread .row-dot{background:var(--accent)}.row-from{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-14);font-weight:500;color:var(--text-2)}.row.unread .row-from{color:var(--text);font-weight:600}.row-count{flex:none;color:var(--text-3);font-size:var(--type-12);font-weight:500}.row-date{flex:none;margin-left:auto;padding-left:8px;color:var(--text-3);font-size:var(--type-12);font-variant-numeric:tabular-nums}.row.unread .row-date{color:var(--accent);font-weight:600}.row-subject-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-14);color:var(--text-2)}.row.unread .row-subject-text{color:var(--text);font-weight:600}.row-flag{display:inline-flex;flex:none;color:var(--text-3)}.row-star{color:var(--star)}.row-star .icon{fill:currentColor}.row-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--type-13)}.rows-more{display:flex;justify-content:center;padding:8px 0 24px}.row-skeleton{display:flex;flex-direction:column;gap:8px;margin:0 8px;padding:14px 12px 14px 22px}.sk{display:block;height:10px;border-radius:var(--radius-control);background:linear-gradient(90deg,var(--bg-subtle) 0%,var(--line-strong) 50%,var(--bg-subtle) 100%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite}.sk-from{height:12px}.sk-snippet{width:85%;opacity:.6}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty-title{color:var(--text);font-size:var(--type-16);margin-bottom:-6px;font-family:var(--serif);font-weight:400}.empty-icon.zero{color:var(--accent);background:var(--active-bg)}.pane-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none}.row-item{position:relative}.row-actions{position:absolute;top:6px;right:8px;display:none;gap:2px}.row-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:var(--radius-control);background:var(--surface);color:var(--text-2);box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}.row-action:hover{color:var(--accent)}@media (hover: hover) and (pointer: fine){.row-item:hover .row-actions{display:flex}.row-item:hover .row-date{visibility:hidden}}.row-actions.always{display:flex}.dialog-snooze{width:min(440px,100%);max-height:calc(86vh - 16px);overflow-y:auto}.snooze-options{display:flex;flex-direction:column;gap:4px;margin:6px 0 12px}.snooze-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--surface);color:var(--text);font-size:var(--type-14);text-align:left;cursor:pointer}.snooze-option:hover,.snooze-option[aria-selected=true]{border-color:var(--accent)}.snooze-option[data-shortcut]:before{content:attr(data-shortcut);min-width:1.1em;color:var(--text-3);font-size:var(--type-12);text-align:center}.snooze-option[aria-selected=true]{box-shadow:0 0 0 1px var(--accent)}.snooze-option.smart{border-color:var(--accent);background:var(--selected);font-weight:600}.snooze-option-label{flex:0 1 auto}.snooze-option-detail{margin-left:auto;color:var(--text-3);font-size:var(--type-13);font-weight:400;white-space:nowrap}.snooze-pick{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.snooze-pick label{font-size:var(--type-14);color:var(--text-2)}.snooze-pick input[type=date]{flex:1 1 auto;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:inherit;font-size:var(--type-14)}.snooze-note,.snooze-loading{margin-top:10px;font-size:var(--type-13)}.move-back{margin-top:10px}.row-due{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--accent);font-size:var(--type-13)}.toast{--focus: var(--toast-link);--focus-offset: 0;position:fixed;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:var(--space-2);width:max-content;max-width:min(560px,calc(100vw - 32px));margin:0 auto;min-height:44px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-5);border-radius:var(--radius-pill);background:var(--toast-bg);color:var(--toast-fg);box-shadow:var(--shadow);font-size:var(--type-14);animation:toast-in var(--base) var(--ease)}.toast-text{min-width:0;padding:var(--space-1) 0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast-sep{flex:none;opacity:.6}.toast-warn .icon{color:var(--warn);flex:none}.toast-error{--focus: var(--toast-error-fg);background:var(--toast-error-bg);color:var(--toast-error-fg)}.toast-error .icon{color:inherit;flex:none}.toast .toast-undo{flex:none;gap:var(--space-2);height:32px;padding:0 var(--space-2) 0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--toast-link);font:inherit;font-weight:600;cursor:pointer}.toast .toast-undo:hover{color:var(--toast-link);background:var(--toast-hover)}.toast .toast-undo .kbd{border-color:currentColor;background:transparent;color:inherit}.toast .toast-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;opacity:.7;cursor:pointer}.toast .toast-close:hover{color:inherit;opacity:1;background:var(--toast-hover)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.dialog-rest{display:flex;flex-direction:column;width:min(600px,100%);max-height:calc(100dvh - 14vh - 32px)}.dialog-rest .dialog-head h2{font-family:var(--serif);font-size:var(--type-24);font-weight:400}.rest-lead{color:var(--text-2);font-size:var(--type-14)}.rest-readonly{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--warn);font-size:var(--type-13)}.rest-list{flex:1 1 auto;min-height:0;max-height:52vh;margin:12px -10px 0;padding:0 4px;overflow-y:auto;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:thin}.rest-row{display:grid;grid-template-columns:22px minmax(0,150px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 6px;border-radius:var(--radius-control);font-size:var(--type-14);cursor:pointer}.rest-row:hover{background:var(--hover)}.rest-row input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.rest-from,.rest-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rest-row.unread .rest-from,.rest-row.unread .rest-subject{font-weight:600}.rest-subject{color:var(--text-2)}.rest-date{color:var(--text-3);font-size:var(--type-12);font-variant-numeric:tabular-nums}.rest-row.kept .rest-from,.rest-row.kept .rest-subject{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--line-strong)}.rest-row.starred{cursor:default}.rest-row.starred .rest-from,.rest-row.starred .rest-subject{text-decoration:none}.rest-star{display:inline-flex;justify-content:center;color:var(--star)}.rest-star .icon{fill:currentColor}.dialog-foot{display:flex;align-items:center;gap:8px;margin-top:14px}.rest-count{margin-right:auto;font-size:var(--type-13)}.search-box{display:flex;align-items:center;gap:8px;height:34px;margin:-4px 0 14px;padding:0 6px 0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--text-3)}.search-box:focus-within{border-color:var(--line-strong);color:var(--text-2)}.search-box .search-input{flex:1;min-width:0;border:none;background:none;color:var(--text);font:inherit;font-size:var(--type-13)}.search-box .search-input::placeholder{color:var(--text-3)}.search-box kbd{flex:none}.search-pane-box{padding:10px 14px 0}.search-pane-box .search-box{margin:0}.row-problem{color:var(--error);white-space:normal}.row-open{display:flex;flex-direction:column;gap:1px;min-width:0;color:inherit;text-decoration:none}.mail-list .mailbox-content>.pane-header{height:88px;padding:0 var(--space-8)}.mail-list .pane-titles h1{font-size:var(--type-32)}.mail-list .pane-sub{margin-top:var(--space-1);font-size:var(--type-13)}.mail-list .rest-btn kbd{margin-left:var(--space-2)}.mail-rows{padding:var(--space-2) var(--space-5)}.mail-row{display:grid;grid-template-columns:6px clamp(120px,18vw,200px) minmax(0,1fr) 32px 100px;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);border-radius:0;font-size:var(--type-13)}.mail-row.selected{background:var(--selected);box-shadow:inset 2px 0 0 var(--selected-edge)}.mail-row .row-dot{position:static;width:6px;height:6px}.mail-senders{min-width:0;display:flex;align-items:center;gap:var(--space-2)}.mail-row .row-from{font-size:inherit;font-weight:400;color:var(--text)}.mail-row.unread .row-from{font-weight:600}.mail-row .row-open{flex-direction:row;align-items:baseline;gap:var(--space-2);overflow:hidden}.mail-row .row-subject-text,.mail-row.unread .row-subject-text{flex:0 1 auto;color:var(--text);font-size:inherit;font-weight:400}.mail-row .row-snippet{flex:1 1 0;min-width:0;font-size:inherit}.mail-flags{display:flex;justify-content:end;gap:var(--space-1)}.mail-row-end{display:flex;position:relative;justify-content:end;align-items:center;height:100%}.mail-row .row-date,.mail-row.unread .row-date{padding:0;color:var(--text-3);font-weight:400}.mail-row .row-actions{display:flex;visibility:hidden;inset:auto 0 auto auto;gap:var(--space-1)}.mail-row .row-action{width:28px;height:28px;background:var(--bg);box-shadow:none}.mail-row:hover .row-actions,.mail-row:focus-within .row-actions,.mail-row.selected .row-actions{visibility:visible}.mail-row:hover .row-date,.mail-row:focus-within .row-date,.mail-row.selected .row-date{visibility:hidden}.mail-row-item.row-leaving{pointer-events:none;overflow:hidden;animation:row-leave .18s ease-out both}.mail-row-item.row-entering{animation:row-enter .18s ease-out both}@keyframes row-leave{0%{height:40px;opacity:1}to{height:0;opacity:0;transform:translate(24px)}}@keyframes row-enter{0%{opacity:0;transform:translate(-24px)}}.mail-loading .row-skeleton{flex-direction:row;align-items:center;gap:var(--space-5);height:40px;padding:0 var(--space-5)}.mail-loading .sk-from{width:16%}.mail-loading .sk-subject{width:35%}.mail-loading .sk-snippet{width:22%}.list-status{flex:none;padding:var(--space-2) var(--space-5);color:var(--text-3);background:var(--raised);font-size:var(--type-13)}.bucket-tabs-wrap{flex:none;position:relative;min-width:0;border-bottom:1px solid var(--line)}.bucket-tabs{padding:0 var(--space-5);gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:0}.bucket-tabs .tab,.bucket-measure .tab{flex:none;display:inline-flex;align-items:center;height:48px;padding:0 var(--space-3);white-space:nowrap;font-size:var(--type-13)}.bucket-measure{display:flex;visibility:hidden;position:absolute;pointer-events:none;height:0;overflow:hidden}.bucket-popup{position:absolute;z-index:20;right:var(--space-5);top:100%;display:flex;flex-direction:column;min-width:180px;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sheet);background:var(--overlay);box-shadow:var(--shadow)}.bucket-popup button{padding:var(--space-3);border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);font:inherit;text-align:left}.bucket-popup button:hover,.bucket-popup button[aria-checked=true]{background:var(--selected)}.inbox-zero-photo{position:relative;isolation:isolate;flex:1;min-height:240px;background-size:cover;background-position:center;color:var(--zero-ink)}.inbox-zero-photo:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--zero-scrim)}.zero-copy{position:absolute;inset:42% var(--space-5) auto;text-align:center}.zero-copy h2{margin:0 0 var(--space-3);font:400 56px/1.1 var(--serif)}.zero-copy p{font-size:var(--type-14)}.zero-credit{position:absolute;bottom:var(--space-4);right:var(--space-4);max-width:calc(100% - 32px);color:inherit;font-size:var(--type-12);text-align:right}@media (prefers-reduced-motion: reduce){.mail-row-item.row-leaving,.mail-row-item.row-entering{animation:none}}.mailbox-content{display:flex;flex-direction:column;flex:1;min-height:0}.zero-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.reading-bar{height:auto;min-height:var(--header-h);flex-wrap:wrap}.reading-bar>.pane-chip{margin-left:auto}.compact-rows{padding:0}.compact-row{--compact-from: clamp(120px, 16vw, 180px);display:grid;grid-template-columns:6px var(--compact-from) minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);border-radius:0;font-size:var(--type-13)}.compact-row.has-action{grid-template-columns:6px var(--compact-from) minmax(0,1fr) auto auto auto}.compact-rows li+li>.compact-row{box-shadow:inset 0 1px 0 var(--line)}.compact-rows li+li>.compact-row.selected{box-shadow:inset 2px 0 0 var(--selected-edge),inset 0 1px 0 var(--line)}.compact-row.selected{background:var(--selected);box-shadow:inset 2px 0 0 var(--selected-edge)}.compact-row .row-dot{position:static;width:6px;height:6px}.compact-from{min-width:0;display:flex;align-items:center;gap:var(--space-2)}.compact-row .row-from{font-size:inherit;font-weight:400;color:var(--text)}.compact-row.unread .row-from{font-weight:600}.compact-row .row-open{display:flex;flex-direction:row;align-items:baseline;gap:var(--space-2);min-width:0;overflow:hidden;color:inherit;text-decoration:none;white-space:nowrap}.compact-row .row-subject-text,.compact-row.unread .row-subject-text{flex:0 1 auto;color:var(--text);font-size:inherit;font-weight:400}.compact-row .row-snippet{flex:1 1 0;min-width:0;font-size:inherit}.compact-flags{display:flex;justify-content:end;gap:var(--space-1)}.compact-flags:empty{display:none}.compact-end{display:flex;justify-content:end;min-width:64px;color:var(--text-3);white-space:nowrap}.compact-row .row-date,.compact-row.unread .row-date{padding:0;color:var(--text-3);font-size:inherit;font-weight:400}.compact-row .row-due{margin:0;font-size:inherit}.compact-row .row-problem{white-space:nowrap}.compact-action{display:flex;align-items:center}.compact-row .row-action{width:28px;height:28px;padding:0}.compact-row .row-action.btn{width:auto;padding:0 var(--space-2)}.app.phone .compact-row{grid-template-columns:6px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:var(--space-1) var(--space-2);height:auto;min-height:68px;padding:var(--space-3) var(--space-4)}.app.phone .compact-row .row-dot{grid-row:1}.app.phone .compact-from{grid-column:2;grid-row:1}.app.phone .compact-row .row-from{font-size:var(--type-14)}.app.phone .compact-end{grid-column:3;grid-row:1;min-width:0}.app.phone .compact-row .row-open{grid-column:2 / -1;grid-row:2}.app.phone .compact-flags{display:none}.app.phone .compact-row.has-action .row-open{grid-column:2}.app.phone .compact-action{grid-column:3;grid-row:2;justify-content:end}.app.phone .compact-rows li+li>.compact-row{box-shadow:none}.app.phone .compact-rows li+li>.compact-row:before{content:"";position:absolute;top:0;left:30px;right:0;border-top:1px solid var(--line)}.app.phone .compact-row .row-due{font-size:var(--type-12)}.app.phone .compact-row .row-subject-text{font-size:var(--type-14)}.app.phone .compact-row .row-snippet{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-14);line-height:normal}.app.phone .compact-row{position:relative}.app.phone .compact-row-item.swipeable .compact-end{grid-row:1 / 3;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%}.app.phone .compact-row-item.swipeable .compact-row .row-open{grid-column:2}.app.phone .compact-row-item.swipeable .row-actions{position:static;display:flex;visibility:visible}.app.phone .compact-row-item.swipeable .row-actions .row-action:not(:nth-child(2)){display:none}.app.phone .compact-row-item.swipeable .row-actions .row-action{position:relative;width:28px;height:28px}.app.phone .compact-row-item.swipeable .row-actions .row-action:after{content:"";position:absolute;inset:-8px}.row-draft{flex:none;color:var(--accent-text, var(--accent));font-size:var(--type-12);font-weight:600}.reading-bar{gap:4px;padding:0 12px}.bar-spacer{flex:1}.bar-pos{margin-right:6px;color:var(--text-3);font-size:var(--type-13);font-variant-numeric:tabular-nums}.bar-key{color:var(--text-3);font-size:var(--type-12);font-weight:400}a.icon-btn{text-decoration:none}.thread-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.thread{max-width:720px;margin:0 auto;padding:26px 32px 72px}.thread-subject{margin:0 0 18px;font-size:30px;line-height:1.25;overflow-wrap:anywhere;font-family:var(--serif);font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.msgs{display:flex;flex-direction:column;gap:0}.msg-open{padding:18px 0 20px;border-top:1px solid var(--line)}.msgs>:first-child{border-top:0}.msg-head{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.msg-avatar{flex:none;font-weight:600;letter-spacing:.01em}.msg-who{flex:1;min-width:0;padding-top:1px}.msg-from{display:flex;align-items:baseline;gap:7px;min-width:0}.msg-name{font-size:var(--type-15);font-weight:600;white-space:nowrap}.msg-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--type-13)}.msg-to{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--type-13)}.msg-date{flex:none;padding-top:2px;color:var(--text-3);font-size:var(--type-12);white-space:nowrap;font-variant-numeric:tabular-nums}.msg-body{margin-top:14px}.images-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--bg-subtle);color:var(--text-2);font-size:var(--type-13)}.images-bar-text{flex:1 1 220px}.btn-small{padding:3px 10px;font-size:var(--type-13)}.date-short{display:none}.email-paper{padding:var(--paper-pad);border-radius:var(--radius-control);background:var(--paper);overflow:hidden}.email-paper iframe{display:block;width:100%;border:0;background:var(--paper)}.text-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--type-14);line-height:1.6}.text-body a,.text-quote a{color:var(--accent)}.text-quote{margin-top:8px;padding-left:12px;border-left:2px solid var(--line-strong);color:var(--text-2)}.quote-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:18px;margin-top:8px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--bg-subtle);color:var(--text-2);cursor:pointer;vertical-align:middle}.quote-toggle:hover{background:var(--press)}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.attachment{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--bg-subtle);color:var(--text-2);font-size:var(--type-13)}.attachment-name{min-width:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}.attachment-size{flex:none;color:var(--text-3);font-size:var(--type-12)}.attachment-actions{display:inline-flex;flex:none;gap:10px;margin-left:2px}.attachment-link{color:var(--accent);font-weight:500;text-decoration:none}.attachment-link:hover{text-decoration:underline}.msg-closed{display:grid;grid-template-columns:auto minmax(90px,170px) minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer}.msg-closed:hover{background:var(--hover)}.msg-closed-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-2)}.msg-closed.unread .msg-closed-name{color:var(--text);font-weight:600}.msg-closed-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--type-13)}.msg-closed .msg-date{padding:0}.msg-more{display:flex;align-items:center;gap:12px;width:100%;padding:4px 0;border:0;background:none;color:var(--text-2);font-size:var(--type-13);font-weight:600;cursor:pointer}.msg-more:before,.msg-more:after{content:"";flex:1;height:1px;background:var(--line-strong)}.msg-more span{padding:3px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface)}.msg-more:hover span{background:var(--hover)}.sk-title{height:20px;width:60%;margin-bottom:26px}.sk-msg{display:flex;align-items:center;gap:12px;margin-bottom:22px}.sk-avatar{width:36px;height:36px;border-radius:50%}.sk-line{margin-bottom:12px}.reply-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.reply-btn{height:36px;padding:0 16px 0 13px;border-radius:var(--radius-pill);color:var(--text-2)}.reply-btn:hover{color:var(--text)}.msg-reply{margin:-5px -6px 0 2px;opacity:0;transition:opacity var(--fast) var(--ease)}.msg-open:hover .msg-reply,.msg-reply:focus-visible{opacity:1}@media (hover: none){.msg-reply{opacity:1}}.person-link{color:inherit;text-decoration:none}.reading .person-link{color:var(--text)}.person-link:hover,.person-link:focus-visible,.reading .person-link:hover,.reading .person-link:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.reading{container-type:inline-size}@container (max-width: 440px){.msg-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 8px}.msg-who{grid-column:2 / -1}.msg-name{white-space:normal;overflow-wrap:anywhere}.msg-email,.msg-head .date-long{display:none}.msg-head .date-short{display:inline}.msg-head>.msg-date{grid-column:2}}.person-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6)}.person-scroll>*{max-width:960px}.person-scroll h1{font-family:var(--serif);font-weight:400;width:fit-content;max-width:100%;font-size:var(--type-32);line-height:1.1;overflow-wrap:anywhere}.person-address{overflow-wrap:anywhere}.person-stats{display:grid;gap:6px;padding:20px 0;font-size:var(--type-13)}.person-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 20px}.person-actions>label:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.person-mail-title{margin:var(--space-6) 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--line);color:var(--text-3);font-size:var(--type-12);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.person-mail{margin:0 0 var(--space-4)}.today-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.today-pane.today-wide{border-right:0}.today-page{width:min(760px,100%);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-10)}.today-brief{margin-bottom:var(--space-8)}.today-hello{color:var(--text-2);font-size:var(--type-13)}.today-date{margin:var(--space-1) 0 var(--space-2);font-family:var(--serif);font-size:52px;font-weight:400;line-height:1.05;letter-spacing:-.01em}.today-summary-line{min-height:1.4em;color:var(--text-2);font-size:var(--type-15)}.today-sk-line{display:inline-block;width:60%;height:12px}.today-section,.today-buckets{margin-bottom:var(--space-8);min-width:0}.today-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);min-height:28px}.today-head h2,.today-head-text{flex:none;color:var(--text-3);font-size:var(--type-12);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.today-rule{flex:1;min-width:var(--space-4);border-top:1px solid var(--line)}.today-note{flex:none;color:var(--text-3);font-size:var(--type-12)}.today-more{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;color:var(--accent);font-size:var(--type-13);font-weight:500;text-decoration:none;border-radius:var(--radius-control)}.today-more:hover{text-decoration:underline}.today-keys{display:inline-flex;gap:2px}.today-section .mail-loading .row-skeleton{padding:0 var(--space-3)}.today-bucket{min-width:0;margin-top:var(--space-3)}.today-bucket-name{padding:0 var(--space-3) var(--space-1);font-size:var(--type-14);font-weight:600}.today-bucket-name a{color:var(--text);text-decoration:none;border-radius:var(--radius-control)}.today-bucket-name a:hover{color:var(--accent);text-decoration:underline}.today-summary{color:var(--text-2)}.today-flag{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--warn);font-size:var(--type-12);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.app.phone .today-page{padding:var(--space-4) 0 var(--space-10)}.app.phone .today-brief,.app.phone .today-head,.app.phone .today-bucket-name{padding-left:var(--space-4);padding-right:var(--space-4)}.app.phone .today-brief{margin-bottom:var(--space-6)}.app.phone .today-date{font-size:40px}.app.phone .today-keys{display:none}.mode-btn-label,.rest-btn-label{white-space:nowrap}.cards{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.card-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-10) var(--space-5);background:var(--bg);overflow:hidden}.card-stage-empty{justify-content:center}.card-deck{position:relative;flex:1;min-height:0;width:min(720px,100%)}.card-slot{position:absolute;inset:0;z-index:2}.mail-card{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;animation:card-in var(--base) var(--ease);will-change:transform}.card-loading{animation:none}.card-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.mail-card .thread{padding:var(--space-2) 0 var(--space-10)}.mail-card .thread-subject{font-size:var(--type-24);letter-spacing:-.02em}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.975)}}.card-keys{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-1);max-width:900px;margin:0;padding:var(--space-3) 0 0;border-top:1px solid var(--line);list-style:none}.card-keys li{display:flex}.key-hint{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px;border:0;border-radius:var(--radius-control);background:none;color:var(--text-2);font:inherit;font-size:var(--type-13);cursor:pointer}.key-hint:hover:not(:disabled){background:var(--hover);color:var(--text)}.key-hint:disabled{cursor:default}.key-hint.soon,.key-hint.off{color:var(--text-3)}.key-hint.off .kbd{opacity:var(--disabled-opacity)}.key-sep{width:1px;height:20px;margin:0 4px;background:var(--line-strong)}.card-bar{flex:none;display:flex;width:100%;gap:2px}.card-bar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:54px;padding:0;border:0;border-radius:var(--radius-sheet-lg);background:transparent;color:var(--text-2);font-size:var(--type-12);font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-bar-btn:active{background:var(--press)}.card-bar-btn.soon{color:var(--text-3)}.swipe-back{position:absolute;inset:0;z-index:0;display:flex;align-items:center;padding:0 24px;background:var(--bg-subtle);color:var(--text-3);font-size:var(--type-14);font-weight:600;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.card-slot>.swipe-back{border-radius:var(--radius-sheet-lg)}.swipe-from-right{justify-content:flex-start}.swipe-from-left{justify-content:flex-end}.swipe-label{display:inline-flex;align-items:center;gap:8px;transform:scale(.9);transition:transform var(--base) var(--ease)}.swipe-armed{color:var(--swipe-ink)}.swipe-armed .swipe-label{transform:scale(1)}.swipe-archive{background:var(--swipe-archive)}.swipe-snooze{background:var(--swipe-snooze)}.swipe-move{background:var(--swipe-move)}.swipe-reply{background:var(--swipe-reply)}.row-item.swipeable{overflow:hidden}.row-item.swipeable>.row{z-index:1;background-color:var(--bg);touch-action:pan-y;-webkit-user-select:none;user-select:none}.row-item.swipeable>.row.selected,.row-item.swipeable>.row.open{background:linear-gradient(var(--active-bg),var(--active-bg)),var(--bg)}.app.card-mode .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.app.card-mode .toast-raised{bottom:calc(136px + env(safe-area-inset-bottom,0px))}.overlay-palette{padding-top:12vh}.palette{display:flex;flex-direction:column;width:clamp(560px,46vw,640px);max-width:100%;max-height:min(560px,76vh);padding:0;overflow:hidden;animation:surface-in var(--fast) var(--ease);transform-origin:top center}.palette-mode{flex:none;padding:2px 8px;border-radius:var(--radius-pill);background:var(--selected);color:var(--text);font-size:var(--type-12);font-weight:600}.palette-search{display:flex;align-items:center;gap:10px;flex:none;height:56px;padding:0 14px 0 18px;border-bottom:1px solid var(--line);color:var(--text-3)}.palette-input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);font:var(--type-16) var(--font)}.palette-input::placeholder{color:var(--text-3)}.palette-esc{font-size:var(--type-12)}.palette-list{flex:1;min-height:0;margin:0;padding:6px 8px 8px;list-style:none;overflow-y:auto;scrollbar-width:thin}.palette-group{padding:10px 10px 4px;color:var(--text-3);font-size:var(--type-12);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.palette-item{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 10px;border-radius:var(--radius-control);color:var(--text);cursor:pointer}.palette-item.active{background:var(--active-bg);box-shadow:inset 2px 0 0 var(--selected-edge)}.palette-divided{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--line)}.palette-icon{display:inline-flex;color:var(--text-2)}.palette-item.active .palette-icon{color:var(--active-fg)}.palette-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-14)}.palette-hint{margin-left:10px;color:var(--text-3);font-size:var(--type-13)}.palette-item.soon .palette-label{color:var(--text-2)}.palette-keys{display:inline-flex;gap:4px;flex:none;margin-left:auto}.palette-keys kbd{height:21px;min-width:21px;font-size:var(--type-12)}.pill{flex:none;padding:2px 8px;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-3);font-size:var(--type-12);font-weight:600}.palette-empty{padding:28px 12px;color:var(--text-3);text-align:center}.palette-foot{display:flex;gap:16px;flex:none;padding:9px 16px;border-top:1px solid var(--line);color:var(--text-3);font-size:var(--type-12)}.palette-foot span{display:inline-flex;align-items:center;gap:4px}.palette-foot kbd{height:19px;min-width:19px;padding:0 4px;font-size:var(--type-12);border-bottom-width:1px}.reply-area{margin-top:14px}.reply-area .composer{background:var(--raised)}.composer{display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:var(--radius-sheet-lg);background:var(--surface);animation:composer-in var(--base) var(--ease);scroll-margin:24px}@keyframes composer-in{0%{opacity:0;transform:translateY(6px)}}.composer.is-sending{opacity:.75}.composer-head{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--line);color:var(--text-2);font-size:var(--type-13)}.composer-title{color:var(--text);font-weight:600}.composer-from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3)}.composer-fields{display:flex;flex-direction:column}.composer-row{--focus-offset: -2px;display:flex;align-items:flex-start;gap:10px;min-height:42px;padding:4px 14px 4px 16px;border-bottom:1px solid var(--line)}.composer-label{flex:none;width:52px;color:var(--text-3);font-size:var(--type-13);line-height:34px}.composer-row:focus-within .composer-label{color:var(--text)}.composer-row.field-ring:has(:is(input,textarea):focus-visible){outline:none;box-shadow:inset 0 -2px 0 var(--focus)}.composer-from-full{line-height:34px;color:var(--text-2);font-size:var(--type-14);overflow-wrap:anywhere}.composer-more{display:flex;align-items:center;gap:4px;flex:none;height:34px}.link-btn{padding:3px 6px;border:0;border-radius:var(--radius-control);background:none;color:var(--text-3);font-size:var(--type-13);cursor:pointer}.link-btn:hover{background:var(--hover);color:var(--text)}.chips{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:4px 5px;min-width:0;min-height:34px}.chips-suggest{position:relative}.contact-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;margin:0;padding:4px 0;list-style:none;max-height:220px;overflow:auto}.contact-suggest-item{display:flex;flex-direction:column;gap:1px;padding:8px 12px;cursor:pointer}.contact-suggest-item.active,.contact-suggest-item:hover{background:var(--active-bg);color:var(--active-fg)}.contact-suggest-name{font-size:var(--type-13);font-weight:500}.contact-suggest-email{font-size:var(--type-12);opacity:.75}.chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;height:26px;padding:0 3px 0 10px;border-radius:var(--radius-pill);background:var(--active-bg);color:var(--active-fg);font-size:var(--type-13);font-weight:500}.chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.chip-x{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;color:inherit;opacity:.7;cursor:pointer}.chip-x:hover{background:var(--press);opacity:1}.chip-input,.composer-subject{flex:1;min-width:96px;height:34px;padding:0;border:0;background:transparent;color:var(--text);font:var(--type-14) var(--font)}.composer-subject{font-weight:500}.composer-body{display:block;width:100%;min-height:132px;padding:14px 16px 10px;border:0;resize:none;--focus-offset: -2px;overflow:hidden;background:transparent;color:var(--text);font:var(--type-15)/1.55 var(--font)}.composer-body::placeholder{color:var(--text-3)}.composer-sig{display:block;width:100%;padding:0 16px 12px;border:0;resize:none;background:transparent;color:var(--text-2);font:var(--type-14)/1.5 var(--font);--focus-offset: -2px}.composer-quote{padding:0 16px 6px}.composer-quote-bar{display:flex;align-items:center;gap:8px;min-width:0}.composer-quote-bar .quote-toggle{margin-top:0}.composer-quote-what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--type-13)}.composer-quote.off .composer-quote-what{font-style:italic}.composer-quote-text{max-height:260px;margin:8px 0 4px;padding:2px 0 2px 12px;overflow:auto;border-left:2px solid var(--line-strong);color:var(--text-2);font:var(--type-13)/1.5 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}.composer-files{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0 16px 6px;list-style:none}.composer-files .attachment{padding:5px 6px 5px 10px}.composer-files .attachment.off{opacity:.5}.composer-files .attachment.off .attachment-name{text-decoration:line-through}.composer-problem,.composer-error{display:flex;align-items:center;gap:8px;margin:6px 16px 0;padding:8px 12px;border-radius:var(--radius-control);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:var(--type-13)}.composer-error{margin:12px}.composer-problem.is-unsure{flex-wrap:wrap;background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn)}.composer-problem span{flex:1 1 200px}.composer-resend.btn-quiet{height:28px;margin-left:auto;padding:0 10px;border-color:color-mix(in srgb,currentColor 35%,transparent);color:inherit;font-size:var(--type-13)}.composer-resend.btn-quiet:hover{background:color-mix(in srgb,currentColor 10%,transparent);color:inherit}.composer-error .btn{margin-left:auto}.composer-loading{display:flex;flex-direction:column;gap:4px;padding:18px 16px}.composer-foot{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px}.later-menu{width:min(340px,calc(100vw - 32px))}.later-title{padding:2px 8px 6px;color:var(--text-2);font-size:var(--type-12);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.later-loading{display:flex;flex-direction:column;gap:4px;padding:4px 8px 8px}.later-option{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);font-size:var(--type-14);text-align:left;cursor:pointer}.later-option:hover{background:var(--hover)}.later-option-detail{color:var(--text-3);font-size:var(--type-13);white-space:nowrap}.later-pick{display:flex;align-items:center;gap:8px;padding:8px 8px 2px}.later-date,.later-time{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg);color:var(--text);font:inherit;font-size:var(--type-14)}.later-note{padding:2px 8px 4px;color:var(--text-3);font-size:var(--type-12)}.composer-remind-anchor{position:relative;display:inline-flex}.remind-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:30;display:flex;flex-direction:column;gap:2px;width:min(340px,calc(100vw - 32px));padding:8px;transform-origin:bottom left}.remind-title{padding:2px 8px 6px;color:var(--text-2);font-size:var(--type-12);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.remind-option{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);font-size:var(--type-14);text-align:left;cursor:pointer}.remind-option:hover{background:var(--hover)}.remind-option-detail{color:var(--text-3);font-size:var(--type-13);white-space:nowrap}.remind-pick{display:flex;align-items:center;gap:8px;padding:8px 8px 2px}.remind-date{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg);color:var(--text);font:inherit;font-size:var(--type-14)}.remind-always{display:flex;align-items:center;gap:8px;padding:8px 8px 2px;color:var(--text);font-size:var(--type-14);cursor:pointer}.remind-note{padding:2px 8px 4px;color:var(--text-3);font-size:var(--type-12)}.composer-remind{height:36px}.composer-draft{display:inline-flex;align-items:center;gap:6px;height:36px}.composer-draft-note,.composer-draft-confirm,.composer-resume{display:flex;align-items:center;gap:8px;margin:0 10px 4px;padding:8px 10px;border-radius:var(--radius-sheet);font-size:var(--type-14)}.composer-draft-note{color:var(--text-2);background:var(--hover)}.composer-resume{margin-top:4px;color:var(--text);background:var(--hover)}.composer-saved{color:var(--text-3);font-size:var(--type-12);white-space:nowrap}.composer-saved.is-failed{color:var(--warn)}.composer-resume-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-draft-confirm{color:var(--text);background:var(--hover)}.composer-draft-confirm .btn{margin-left:2px}.composer-ro{display:inline-flex;align-items:center;gap:5px;color:var(--warn);font-size:var(--type-12)}.compose-page{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--scrim)}.compose-page-body{flex:1;min-height:0;overflow-y:auto;padding:32px 32px 64px}.composer-page{max-width:760px;margin:0 auto;box-shadow:var(--shadow);animation:surface-in var(--fast) var(--ease)}.composer-page .composer-body{font-size:var(--type-15)}.check-setting{display:flex;align-items:flex-start;gap:9px;font-size:var(--type-14);cursor:pointer}.check-setting input{margin-top:2px;width:16px;height:16px;accent-color:var(--accent)}.settings-body{overflow-y:auto;padding:28px 32px 48px;display:flex;flex-direction:column;gap:16px;max-width:720px}.card{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-sheet-lg);background:var(--surface)}.card h2{margin-bottom:var(--space-3);color:var(--text);font-family:var(--serif);font-size:var(--type-24);font-weight:400;line-height:1.15}.facts{display:grid;grid-template-columns:130px 1fr;gap:10px 18px;margin:0}.facts dt{color:var(--text-3)}.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.image-senders{list-style:none;margin:0;padding:0}.image-sender{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--line)}.toast-raised{bottom:calc(74px + env(safe-area-inset-bottom,0px))}.card-lead{margin:-6px 0 16px;color:var(--text-2);font-size:var(--type-14)}.swipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.swipe-setting{display:flex;flex-direction:column;gap:6px}.swipe-setting-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--type-13)}.select{height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:var(--type-14) var(--font)}@media (prefers-reduced-motion: reduce){.mail-card{animation:none}}.sig-label{display:block;margin-bottom:6px;color:var(--text-2);font-size:var(--type-13)}.sig-input{display:block;width:100%;min-height:96px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sheet);background:var(--bg);color:var(--text);font:var(--type-14)/1.5 var(--font);resize:vertical}.sig-source{margin-top:8px}.set-nav{display:flex;flex-wrap:wrap;gap:8px}.set-input{height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:var(--type-14) var(--font);min-width:0;flex:1}.set-label{display:block;margin:14px 0 10px;color:var(--text-2);font-size:var(--type-13)}.set-label .sig-input,.set-label .set-input,.set-label .select{margin-top:6px;width:100%}.set-label .sig-input{min-height:64px}.set-item{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) 0;border-top:1px solid var(--line);font-size:var(--type-13)}.set-empty{padding:var(--space-3) 0;color:var(--text-3);font-size:var(--type-14)}.card .mail-loading .row-skeleton{padding:0}.set-item-main{flex:1;min-width:0}.set-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:var(--type-14)}.set-table th,.set-table td{text-align:left;padding:6px 8px 6px 0;border-top:1px solid var(--line)}.set-table th{color:var(--text-2);font-weight:600}.set-confirm{margin-top:14px;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-sheet);background:var(--bg)}@media (prefers-reduced-motion: reduce){.composer{animation:none}}.theme-choice{display:inline-flex;margin-top:var(--space-3);padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--bg)}.theme-option{position:relative;display:inline-flex;align-items:center;height:28px;padding:0 var(--space-3);border-radius:calc(var(--radius-control) - 2px);color:var(--text-2);font-size:var(--type-14);font-weight:500;cursor:pointer}.theme-option input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.theme-option:has(input:checked){background:var(--selected);color:var(--text);box-shadow:inset 0 0 0 1px var(--selected-edge)}.app.phone .code-chip-btn{height:30px;gap:6px;padding:0 10px}.app.phone .code-chip-from,.app.phone .code-chip-btn .icon{display:none}.app.phone .code-chip:not(.copied) .code-chip-left,.app.phone .code-chip.copied .code-chip-code{display:none}.app.phone .code-chip-code{font-size:var(--type-14);letter-spacing:.08em}.app.phone{--type-base: var(--type-16);display:block;font-size:var(--type-base)}.app.phone>.sidebar,.app.phone>.list,.app.phone>.reading,.app.phone>.settings{display:none;width:100%;height:100%;border:0}.app.phone.pane-nav>.sidebar,.app.phone.pane-list>.list,.app.phone.pane-list>.settings,.app.phone.pane-read>.reading{display:flex}.app.phone .sidebar{padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px)}.app.phone .brand{padding:8px 12px 20px}.app.phone .brand-name{font-size:var(--type-24);font-family:var(--serif);font-weight:400}.app.phone .nav-item{height:46px;gap:14px;padding:0 12px;font-size:var(--type-16);border-radius:var(--radius-sheet)}.app.phone .pane-header{height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0}.app.phone .pane-header h1{font-size:var(--type-24)}.app.phone .settings-body{padding:20px 16px calc(env(safe-area-inset-bottom) + 32px)}.app.phone .facts{grid-template-columns:1fr;gap:2px}.app.phone .facts dd{margin-bottom:10px}.app.phone .account .icon-btn{display:none}.app.phone .rows{padding:4px 0 calc(env(safe-area-inset-bottom) + 12px)}.app.phone .row{padding:12px 16px 13px 26px;border-radius:0}.app.phone .rows li+li>.row:before{content:"";position:absolute;top:0;left:26px;right:0;border-top:1px solid var(--line)}.app.phone .rows li+li>.row.selected:before,.app.phone .rows li+li>.row.open:before{display:none}.app.phone .msg-open .date-long{display:none}.app.phone .msg-open .date-short{display:inline}.app.phone .row-dot{left:11px;top:19px;width:8px;height:8px}.app.phone .row-from,.app.phone .row-subject-text{font-size:var(--type-15)}.app.phone .row-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:var(--type-14);line-height:1.4}.app.phone .reading-bar{gap:0;padding:env(safe-area-inset-top) 4px 0}.app.phone .reading-bar .bar-text,.app.phone .reading-bar .bar-key{display:none}.app.phone .reading-bar .bar-pos{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app.phone .reading-bar .btn,.app.phone .reading-bar .icon-btn{min-width:44px;width:44px;height:44px}.app.phone .thread{padding:18px 12px calc(env(safe-area-inset-bottom) + 48px)}.app.phone .thread-subject{padding:0 4px;font-size:var(--type-18)}.app.phone .msg-open{padding:14px 4px 16px}.app.phone .msg-email{display:none}.app.phone .msg-closed{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 4px}.app.phone .msg-closed-snippet{display:none}.app.phone .email-paper{padding:var(--paper-pad-phone)}@media (max-width: 480px){.dialog-snooze .snooze-option{flex-wrap:wrap}.dialog-snooze .snooze-option-label{flex:1;min-width:0}.dialog-snooze .snooze-option-detail{flex-basis:100%;margin-left:0;padding-left:50px;white-space:normal}}@media (max-width: 760px){.rest-row{grid-template-columns:22px minmax(0,1fr) auto}.rest-subject{grid-column:2 / 4;grid-row:2;margin-top:-4px}.dialog-foot .btn{white-space:nowrap}.dialog-foot .btn-primary{flex:1}.dialog-foot .btn-primary .icon,.rest-count{display:none}}@media (max-width: 420px){.rest-btn-label{display:none}}.app.phone .palette-open{height:40px;font-size:var(--type-15)}.app.phone .palette-open .kbd{display:none}.app.phone .search-box{height:40px;font-size:var(--type-15)}.app.phone .search-box .search-input{font-size:var(--type-15)}.app.phone .search-box kbd{display:none}.app.phone>.cards{display:none;width:100%;height:100%}.app.phone.pane-card>.cards{display:flex}.app.phone .card-stage{gap:6px;padding:12px 12px calc(env(safe-area-inset-bottom) + 4px)}.app.phone .card-deck{width:100%;margin-bottom:10px}.app.phone .mail-card{border-radius:var(--radius-sheet-lg)}.app.phone .mail-card{touch-action:pan-y;user-select:none;-webkit-user-select:none}.app.phone .mail-card .thread{padding:20px 18px 36px}.app.phone .mail-card{background:var(--raised)}.app.phone .mail-card .thread-subject{font-size:var(--type-18)}.app.phone .mail-card iframe{pointer-events:none}.app.phone .phone-reader .mail-card iframe{pointer-events:auto}.app.phone .phone-reader .mail-card{user-select:text;-webkit-user-select:text}.app.phone .phone-reader .card-stage{padding:var(--space-2) var(--space-2) calc(env(safe-area-inset-bottom) + var(--space-1))}.app.phone .phone-reader .card-bar-btn{min-width:44px;min-height:54px;font-size:var(--type-12)}.app.phone .phone-reader .card-bar-btn:disabled{opacity:var(--disabled-opacity);cursor:default}@media (max-width: 760px){.overlay-palette{padding-top:calc(env(safe-area-inset-top) + 10px)}.palette{max-height:70vh}.palette-foot,.palette-esc,.palette-hint{display:none}}@media (max-width: 760px){.swipe-grid{grid-template-columns:1fr}.mode-btn-label{display:none}}.app.phone .compose-open{height:44px;font-size:var(--type-15)}.app.phone .compose-open kbd{display:none}.app.phone>.compose-page{display:none;width:100%;height:100%}.app.phone.pane-list>.compose-page{display:flex}.app.phone .compose-page-body{padding:0}.app.phone .composer-page{border:0;border-radius:0;box-shadow:none;min-height:100%}.app.phone .composer-row{padding-left:14px}.app.phone .chip-input,.app.phone .composer-subject,.app.phone .composer-body{font-size:var(--type-16)}.app.phone .reply-btn{flex:1;height:44px}.app.phone .composer-foot{flex-wrap:wrap}.app.phone .composer-foot .btn,.app.phone .composer-foot .split-main,.app.phone .composer-foot .split-more{min-height:44px}.app.phone .composer-foot .icon-btn{width:44px;height:44px}.app.phone .mail-list .mailbox-content>.pane-header{height:84px}.app.phone .bucket-tabs{padding:0 var(--space-2);mask-image:linear-gradient(to right,var(--zero-ink) calc(100% - 24px),transparent)}.app.phone .mail-rows{padding:var(--space-1) 0}.app.phone .mail-row{grid-template-columns:6px minmax(0,1fr) 76px;grid-template-rows:auto auto;gap:var(--space-1) var(--space-2);height:68px;padding:var(--space-3) var(--space-4)}.app.phone .mail-row .row-dot{grid-row:1}.app.phone .mail-senders{grid-column:2;grid-row:1}.app.phone .mail-row .row-open{grid-column:2 / -1;grid-row:2}.app.phone .mail-flags{display:none}.app.phone .mail-row .row-from{font-size:var(--type-14)}.app.phone .mail-row .row-open{grid-column:2}.app.phone .mail-row .mail-row-end{grid-column:3;grid-row:1 / 3;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%}.app.phone .mail-row .row-actions{position:static;display:flex;visibility:visible}.app.phone .mail-row .row-action:not(:nth-child(2)){display:none}.app.phone .mail-row .row-action{position:relative;width:28px;height:28px}.app.phone .mail-row .row-action:after{content:"";position:absolute;inset:-8px}.app.phone .mail-row .row-date{visibility:visible}.app.phone .mail-row .row-dot{position:static}.app.phone .mail-rows li+li>.row:before{left:30px}.app.phone .row-leaving{animation-name:phone-row-leave}@keyframes phone-row-leave{0%{height:68px;opacity:1}to{height:0;opacity:0;transform:translate(24px)}}.app.phone .mail-row .row-snippet{display:block;white-space:nowrap;line-height:normal}.app.phone .bucket-tabs-wrap[data-more-right=false] .bucket-tabs{mask-image:none}.app.phone .mail-row .row-dot{width:6px;height:6px}.app.phone .reading-bar{height:auto;min-height:var(--header-h);flex-wrap:wrap;padding-top:calc(env(safe-area-inset-top) + var(--space-2));padding-bottom:var(--space-2)}.app.phone .reading-bar>.pane-chip:not(:empty){flex:0 0 100%;display:flex;justify-content:flex-end;margin:var(--space-1) 0 0}.app.phone .btn,.app.phone .tab,.app.phone .select,.app.phone .set-input,.app.phone .link-btn,.app.phone .icon-btn,.app.phone .split-more{min-height:44px}.app.phone .btn,.app.phone .icon-btn,.app.phone .split-more,.app.phone .link-btn,.app.phone .tab{min-width:44px}.app.phone .select,.app.phone .set-input,.app.phone input[type=text],.app.phone input[type=search],.app.phone input[type=email],.app.phone input:not([type]),.app.phone textarea{font-size:16px}.app.phone .chip-input,.app.phone .composer-subject{min-height:44px;font-size:16px}.app.phone .code-chip-btn,.app.phone .chip-x{position:relative}.app.phone .code-chip-btn:after,.app.phone .chip-x:after{content:"";position:absolute;inset:-12px}.app.phone .code-chip-btn:after{inset:-7px -4px}.app.phone .check-setting,.app.phone .remind-always{display:flex;align-items:center;min-height:44px}.app.phone .theme-option{height:40px;min-width:44px;justify-content:center}@media (max-width: 760px){.rest-row{min-height:44px}}.app.phone .composer-resume{flex-wrap:wrap}.app.phone .composer-resume-text{flex:1 1 100%;white-space:normal;overflow-wrap:anywhere}.app.phone.has-new-message .rows-scroll,.app.phone.has-new-message .today-scroll{padding-bottom:calc(88px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}.app.phone .new-message-fab{position:fixed;right:calc(var(--space-4) + env(safe-area-inset-right));bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:25;width:56px;height:56px;padding:0;border-radius:50%;box-shadow:var(--shadow)}.app.phone.has-new-message .zero-credit{left:var(--space-4);right:auto;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));max-width:calc(100% - 104px - env(safe-area-inset-right));text-align:left}.app.phone.has-new-message .toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.app.phone.has-new-message .toast-raised{bottom:calc(140px + env(safe-area-inset-bottom,0px))}.select-box{position:absolute;top:50%;left:-18px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:-8px;padding:0;border:1.5px solid var(--line-strong);border-radius:4px;background:var(--raised);color:var(--accent-ink);cursor:pointer;opacity:0;transition:opacity var(--fast) var(--ease)}.select-box.is-checked{border-color:var(--accent);background:var(--accent)}.select-box-tick{display:block}.select-box-dash{width:8px;height:2px;border-radius:1px;background:currentColor}.row.selectable:hover .select-box,.row.selectable:focus-within .select-box,.row.selectable.selected .select-box,.selecting .select-box,.select-box:focus-visible,.select-box.is-checked{opacity:1}.compact-row .select-box{left:-20px}.row.checked,.compact-rows li+li>.compact-row.checked{background:var(--selected)}.pane-header:has(>.select-all),.today-head:has(>.select-all),.today-bucket-name:has(>.select-all){position:relative}.pane-header>.select-all{left:2px}.today-head>.select-all,.today-bucket-name>.select-all{left:-20px}.app:has(.selecting) .select-all,.list:hover .pane-header>.select-all,.today-section:hover .select-all,.today-bucket:hover .select-all{opacity:1}.bulk-bar{position:fixed;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;align-items:center;gap:var(--space-1);width:max-content;max-width:calc(100vw - 32px);margin:0 auto;min-height:44px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-5);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);box-shadow:var(--shadow);font-size:var(--type-14);animation:toast-in var(--base) var(--ease)}.bulk-count{margin-right:var(--space-2);font-weight:600;white-space:nowrap}.bulk-action,.bulk-clear{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap}.bulk-clear{padding:0 var(--space-2);color:var(--text-2)}.bulk-action:hover,.bulk-clear:hover{background:var(--hover)}.bulk-action:disabled{opacity:.5;cursor:default}.app.has-bulk-bar .toast{bottom:calc(78px + env(safe-area-inset-bottom,0px))}.app.has-bulk-bar .toast-raised{bottom:calc(130px + env(safe-area-inset-bottom,0px))}.bulk-bar[hidden]{display:none}.vault-field{display:flex;align-items:center;gap:8px;margin-top:8px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text-3)}.vault-field input{flex:1 1 auto;min-width:0;padding:9px 0;border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--type-14)}.vault-field input::placeholder{color:var(--text-3)}.vault-options{max-height:min(320px,46vh);overflow-y:auto;padding:2px;--focus-offset: -2px}.vault-option .icon{color:var(--text-3)}.vault-option:disabled{cursor:default;opacity:var(--disabled-opacity)}.vault-create .snooze-option-label{font-weight:600}.vault-create .icon{color:var(--accent)}.vault-error{margin:8px 0 0;color:var(--error);font-size:var(--type-13)}.vault-note{display:inline-flex;align-items:center;gap:6px;max-width:260px;overflow:hidden;color:var(--text-2);font-size:var(--type-13);text-overflow:ellipsis;white-space:nowrap}.more-menu{position:relative}.more-menu-list{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:flex;flex-direction:column;min-width:200px;padding:6px}.more-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);font:inherit;font-size:var(--type-15);text-align:left;cursor:pointer}.more-menu-item:hover,.more-menu-item:focus-visible{background:var(--hover)}.vault-tree{list-style:none;margin:2px 0 6px;padding:0}.vault-tree-item{height:28px;font-size:var(--type-13);font-weight:400}.sidebar.collapsed .vault-tree{display:none}.vault-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:6px 16px 8px}.vault-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;min-width:0;font-size:var(--type-13)}.vault-crumb-part{display:inline-flex;align-items:center;gap:4px;color:var(--text-3)}.vault-crumb{padding:3px 4px;border-radius:var(--radius-control);color:var(--text-2);text-decoration:none}.vault-crumb:hover{background:var(--hover);color:var(--text)}.vault-crumb.current{color:var(--text);font-weight:600}.vault-switch{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 4px;border:0;background:transparent;color:var(--text-2);font:inherit;font-size:var(--type-13);cursor:pointer}.vault-switch:hover{color:var(--text)}.vault-switch-track{position:relative;flex:none;width:32px;height:18px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.vault-switch-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--line-strong);transition:transform var(--fast) var(--ease),background var(--fast) var(--ease)}.vault-switch.on .vault-switch-track{border-color:var(--accent);background:var(--accent)}.vault-switch.on .vault-switch-knob{background:var(--accent-ink);transform:translate(14px)}.vault-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-control)}.vault-subfolders{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0 16px 10px;list-style:none}.vault-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--text-2);font-size:var(--type-13);text-decoration:none}.vault-chip:hover{background:var(--hover);color:var(--text)}.vault-form{margin:0 16px 10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--bg-subtle)}.vault-form-label{display:block;margin-bottom:6px;color:var(--text-2);font-size:var(--type-12);font-weight:600}.vault-form-row{display:flex;flex-wrap:wrap;gap:8px}.vault-form-input{flex:1 1 200px;min-width:0;height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:inherit;font-size:var(--type-14)}.vault-form-note{margin:8px 0 0;color:var(--text-3);font-size:var(--type-12)}.vault-files{flex:1;min-height:0;overflow:auto}.vault-file-list{margin:0;padding:0;list-style:none}.vault-file{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text-2)}.vault-file>.icon{flex:none;margin-top:2px}.vault-file-main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.vault-file-name{overflow:hidden;color:var(--text);font-size:var(--type-14);font-weight:600;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.vault-file-name:hover{color:var(--accent);text-decoration:underline}.vault-file-meta{color:var(--text-3);font-size:var(--type-12)}.vault-file-message{overflow:hidden;color:var(--text-2);font-size:var(--type-13);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.vault-file-message:hover{color:var(--text);text-decoration:underline}.vault-file-dl{flex:none;min-width:36px}@media (max-width: 700px){.vault-act-label{display:none}.vault-tree-item{height:44px;font-size:var(--type-15)}.vault-chip{min-height:40px}.vault-switch{min-height:44px}.vault-file{min-height:56px}.vault-form-input{height:44px;font-size:16px}}