@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal.C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal.CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal.Cerq10X2.woff2)format("woff2"),url(./inter-latin-500-normal.BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal.LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal.CiBQ2DWP.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal.4GdczIuU.woff2)format("woff2"),url(./dm-mono-latin-400-normal.-0xN8mdc.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--bg-canvas:#f7f5f0;--bg-surface:#fff;--bg-raised:#f1f3f6;--bg-hover:#f4eee6;--bg-selected:#fce9e6;--text-primary:#18212d;--text-secondary:#536174;--border-subtle:#ddd8d0;--border-control:#7b8797;--action-primary:#c53632;--action-hover:#ac2e2a;--action-pressed:#902925;--action-on-primary:#fff;--action-accent:#b92e28;--action-outline:#c53632;--focus-ring:#9c2a26;--status-success:#1a6b43;--status-warning:#865600;--status-error:#b42318;--status-info:#245fad;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--target-comfortable:2.75rem;--motion-fast:.12s;--motion-normal:.18s;--motion-panel:.24s;--shadow-overlay:0 20px 64px #18212d26;--overlay-backdrop:#0d111780}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#0d1117;--bg-surface:#151b24;--bg-raised:#1d2633;--bg-hover:#222e3d;--bg-selected:#342324;--text-primary:#f4f6f8;--text-secondary:#b3becf;--border-subtle:#313b4b;--border-control:#6c7b91;--action-accent:#ff9389;--action-outline:#ff9389;--focus-ring:#ffb4ac;--status-success:#79d8a5;--status-warning:#f4c474;--status-error:#ffb4a9;--status-info:#a6caff;--shadow-overlay:0 20px 64px #0006;--overlay-backdrop:#0009}*{box-sizing:border-box}#__nuxt,body,html{height:100%;margin:0}html{font-size:16px}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;color:var(--text-secondary);background:var(--bg-raised);border-color:var(--border-control)}button{background:0 0;border:0}input,select,textarea{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-control);border-radius:var(--radius-sm);min-width:0}input,select{min-height:2.75rem;padding:.625rem .75rem}input::-moz-placeholder{color:var(--text-secondary);opacity:1}textarea::-moz-placeholder{color:var(--text-secondary);opacity:1}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}svg{flex-shrink:0}h1,h2,p{margin:0}h1,h2{font-weight:600;line-height:1.35}h1{font-size:1.5rem}h2{font-size:1.25rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:99;background:var(--bg-surface);color:var(--action-accent);padding:1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.kasugai-app{height:100dvh;min-height:20rem;color:var(--text-primary);background:var(--bg-canvas);flex-direction:column;font-size:.875rem;display:flex}.primary-button,.quiet-button,.secondary-button{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.625rem;min-height:2.75rem;padding:.625rem 1rem;font-weight:500;line-height:1.35;display:inline-flex}.primary-button{background:var(--action-primary);color:var(--action-on-primary);border:1px solid var(--action-outline);font-weight:600}.primary-button:hover:not(:disabled){background:var(--action-hover)}.primary-button:active:not(:disabled){background:var(--action-pressed)}.secondary-button{border:1px solid var(--border-control);background:var(--bg-surface)}.quiet-button:hover,.secondary-button:hover{background:var(--bg-hover)}.icon-button{border-radius:var(--radius-sm);min-width:2.5rem;height:2.5rem;color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.text-button{color:var(--action-accent);text-underline-offset:3px;min-height:2rem;padding:.5rem 0;text-decoration:underline}.app-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas);gap:1.5rem;min-height:5rem;padding:1rem 1.5rem}.app-header,.header-brand{flex-shrink:0;align-items:center;display:flex}.header-brand{gap:.5rem;width:11rem}.product-name{text-align:left;letter-spacing:-.035em;padding:0;font-size:1.375rem;font-weight:600;line-height:1.3}.product-name span{color:var(--text-secondary);letter-spacing:0;margin-top:.125rem;font-size:.75rem;font-weight:400;display:block}.search-area{align-items:stretch;gap:.5rem;width:min(43rem,100%);min-width:0;display:flex}.global-search{background:var(--bg-surface);border:1px solid var(--border-control);border-radius:var(--radius-md);min-width:0;color:var(--text-secondary);flex:1;align-items:center;gap:.625rem;padding:0 .75rem;display:flex}.global-search:focus-within{outline:2px solid var(--focus-ring);outline-offset:3px}.global-search input{background:0 0;border:0;outline:none;flex:1;width:100%;padding:.625rem 0}.search-command{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;min-height:1.75rem;padding:.25rem .375rem;font-size:.75rem}.search-scope{display:flex}.search-scope select{background:var(--bg-canvas);max-width:10rem;font-size:.8125rem}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.demo-badge{border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:2rem;padding:.375rem .625rem;font-size:.75rem}.navigation-toggle{display:none}.workspace{flex:1;grid-template-columns:224px 360px minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-canvas);min-height:0;overflow-y:auto}.navigation-content{flex-direction:column;min-height:100%;padding:1.5rem 1rem 1rem;display:flex}.compose-button{white-space:normal;width:100%}.unified-button{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:.75rem;min-height:2.75rem;margin-top:1rem;padding:.75rem .5rem;font-weight:500;display:flex}.unified-button:hover{background:var(--bg-hover)}.unified-button.active{color:var(--action-accent);background:var(--bg-selected);box-shadow:inset 3px 0 var(--action-accent)}.section-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin:1.5rem .5rem .625rem;font-size:.75rem;font-weight:500;display:flex}.folders small,.row-top time,.section-label span,.sender-block time{font-variant-numeric:tabular-nums}.account-list{flex-direction:column;gap:.25rem;display:flex}.account-list button{text-align:left;border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:.625rem;min-height:2.75rem;padding:.5rem;display:flex}.account-list button:hover{background:var(--bg-hover)}.account-list button.chosen{background:var(--bg-selected);border-color:var(--action-accent)}.account-avatar{background:var(--bg-raised);width:2rem;height:2rem;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:600;display:none}.account-list button>span:last-child{flex-direction:column;gap:.125rem;min-width:0;display:flex}.account-list strong{font-size:.8125rem;font-weight:500}.account-list small{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.75rem}.account-list .account-state{font-size:.6875rem}.folders{flex-direction:column;gap:.25rem;display:flex}.folders button{border-radius:var(--radius-sm);text-align:left;min-height:2.75rem;color:var(--text-secondary);align-items:center;gap:.625rem;padding:.625rem .5rem;display:flex}.folders button:hover{background:var(--bg-hover)}.folders button.active{color:var(--text-primary);background:var(--bg-selected);box-shadow:inset 3px 0 var(--action-accent);font-weight:600}.folders small{color:var(--text-secondary);margin-left:auto;font-size:.75rem}.sidebar-bottom{margin-top:auto;padding-top:2rem}.sidebar-bottom p{color:var(--text-secondary);padding:0 .5rem 1rem;font-size:.75rem;line-height:1.6}.sidebar-bottom strong{color:var(--text-primary);font-weight:500}.sidebar-bottom .quiet-button{justify-content:flex-start;width:100%;padding-inline:.5rem}.message-pane{background:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;min-width:0;min-height:0;display:flex}.list-heading{padding:1.5rem 1.25rem 1rem}.list-heading>p{color:var(--action-accent);margin-bottom:.375rem;font-size:.8125rem;font-weight:500}.list-heading>span{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:.5rem;font-size:.8125rem;display:block}.list-filters{flex-wrap:wrap;gap:.5rem;padding:0 1.25rem .875rem;display:flex}.filter-chip{border:1px solid var(--border-control);border-radius:2rem;align-items:center;gap:.375rem;min-height:2rem;padding:.375rem .625rem;font-size:.75rem;display:inline-flex}.filter-chip:hover{background:var(--bg-hover)}.filter-chip.active{background:var(--bg-selected);color:var(--action-accent);border-color:var(--action-outline)}.clear-filters{color:var(--action-accent);min-height:2rem;font-size:.75rem;text-decoration:underline}.list-summary{border-block:1px solid var(--border-subtle);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.message-scroll{overflow-anchor:none;scrollbar-gutter:stable;flex:1;min-height:0;overflow:hidden auto}.virtual-list{position:relative}.message-row{contain:layout style;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);position:absolute;inset:0 0 auto}.message-row:hover{background:var(--bg-hover)}.message-row.selected{background:var(--bg-selected);box-shadow:inset 3px 0 var(--action-accent)}.message-select{text-align:left;flex-direction:column;gap:.1875rem;width:100%;height:100%;padding:.625rem 1.125rem;display:flex}.message-select:focus-visible{outline-offset:-5px}.row-top{justify-content:space-between;gap:.5rem;width:100%;line-height:1.25rem}.row-top,.sender-name{align-items:center;display:flex}.sender-name{text-overflow:ellipsis;white-space:nowrap;gap:.375rem;font-size:.875rem;font-weight:500;overflow:hidden}.unread .row-subject,.unread .sender-name{font-weight:600}.unread-dot{background:var(--action-accent);border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem;display:inline-block}.row-top time{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.row-subject{font-size:.9375rem;font-weight:500;line-height:1.375rem}.row-preview,.row-subject{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.row-preview{font-size:.8125rem}.row-account,.row-preview{color:var(--text-secondary);line-height:1.125rem}.row-account{padding-right:1.75rem;font-size:.75rem}.row-star{width:1.75rem;height:1.75rem;color:var(--text-secondary);border-radius:var(--radius-sm);place-items:center;display:grid;position:absolute;bottom:.375rem;right:.75rem}.row-star:hover{background:var(--bg-raised)}.row-star.starred{color:var(--action-accent)}.compact .message-select{gap:.125rem;padding-block:.5rem}.empty-list{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.empty-list h2{font-size:1.125rem}.empty-list p{color:var(--text-secondary);line-height:1.6}.reading-pane{background:var(--bg-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.reading-toolbar{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:4rem;padding:.625rem 1.5rem;display:flex}.toolbar-group{align-items:center;gap:.25rem;display:flex}.toolbar-divider{background:var(--border-subtle);width:1px;height:1.25rem;margin-inline:.375rem}.focus-button{border-radius:var(--radius-sm);min-height:2.5rem;color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;display:inline-flex}.focus-button:hover{background:var(--bg-hover)}.back-to-list{display:none}.back-to-list.show-back{display:inline-flex}.reading-scroll{flex:1;min-height:0;overflow:auto}.message-content{max-width:56rem;margin-inline:auto;padding:2rem calc(clamp(1.5rem,3vw,3rem)) 3rem}.message-context{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.8125rem;display:flex}.context-tag{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:2rem;padding:.25rem .625rem;font-weight:500}.message-content>h2{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:1.625rem;line-height:1.4}.sender-block{align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.sender-avatar{background:var(--bg-raised);border-radius:50%;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;font-size:.8125rem;font-weight:600;display:grid}.sender-details{flex-direction:column;gap:.25rem;min-width:0;display:flex}.sender-details strong{font-size:.875rem;font-weight:600}.recipient-details dd,.sender-details span{overflow-wrap:anywhere}.recipient-details,.sender-block time,.sender-details span{color:var(--text-secondary);font-size:.8125rem}.sender-block time{margin-left:auto}.recipient-details{border-bottom:1px solid var(--border-subtle);margin:.75rem 0 2rem;padding-bottom:1.25rem}.recipient-details summary{cursor:pointer;overflow-wrap:anywhere;min-height:1.5rem;line-height:1.6}.recipient-details dl{color:var(--text-primary);grid-template-columns:auto 1fr;gap:.5rem 1rem;line-height:1.5;display:grid}.attachment p,.reading-empty p,.recipient-details dt,.statusbar{color:var(--text-secondary)}.recipient-details dd{margin:0}.message-body{overflow-wrap:anywhere;max-width:72ch;font-size:1rem;line-height:1.625}.message-body p{white-space:pre-line;margin:0 0 1.25rem}.large-reading .message-body{font-size:1.125rem;line-height:1.625}.attachment{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-canvas);align-items:center;gap:.875rem;max-width:30rem;margin-top:1.5rem;padding:1rem;display:flex}.attachment strong{overflow-wrap:anywhere;font-size:.875rem;font-weight:500}.attachment p{margin-top:.375rem;font-size:.75rem;line-height:1.5}.reading-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;overflow:auto}.brand-logo{-o-object-fit:contain;object-fit:contain;width:200px;max-width:100%;height:auto;display:block}.reading-empty .brand-logo{margin-bottom:.5rem}.reading-empty h2{letter-spacing:-.025em;font-size:1.5rem}.reading-empty p{font-size:.875rem;line-height:1.65}.is-focused .workspace{grid-template-columns:minmax(0,1fr)}.is-focused .message-pane,.is-focused .sidebar{display:none}.is-focused .message-content{max-width:55rem;padding-inline:2rem}.statusbar{background:var(--bg-canvas);border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;gap:1rem;min-height:2.25rem;padding:.5rem 1.5rem;font-size:.75rem}.statusbar,.statusbar>span{align-items:center;display:flex}.statusbar>span{gap:.5rem}.statusbar i{background:var(--text-secondary);border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem;display:inline-block}.statusbar button{white-space:nowrap;min-height:1.5rem;font-size:inherit;text-decoration:underline}.toast{z-index:10;background:var(--bg-raised);width:max-content;max-width:calc(100vw - 2rem);color:var(--text-primary);border:1px solid var(--border-control);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;display:flex;position:fixed;bottom:3.5rem;left:50%;transform:translate(-50%)}.toast>svg{color:var(--status-success)}.toast>button:not(.icon-button){color:var(--action-accent);min-height:2rem;text-decoration:underline}dialog{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:0;font-size:.875rem}dialog::backdrop{background:var(--overlay-backdrop)}dialog[open]{animation:appear var(--motion-normal) ease-out}.dialog-heading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.dialog-heading h2{font-size:1.25rem}.eyebrow{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem}.navigation-dialog{width:320px;height:calc(100dvh - 2rem);margin:1rem auto 1rem 1rem}.navigation-dialog .navigation-content{min-height:auto}.composer-dialog{width:720px}.compose-meta{flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem 0;display:flex}.compose-meta label{grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.5rem;font-weight:500;display:grid}.compose-meta input,.compose-meta select{width:100%;font-weight:400}.copy-toggle{align-self:flex-start;margin-left:4rem;font-size:.8125rem}.compose-body{padding:1.25rem 1.5rem .75rem;display:block}.compose-body textarea{resize:vertical;width:100%;min-height:13rem;padding:1rem;font-size:1rem;line-height:1.625;display:block}.draft-status{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;min-height:1.75rem;padding:.25rem 1.5rem;font-size:.8125rem;line-height:1.5;display:flex}.save-error{color:var(--status-error)}.compose-note{color:var(--text-secondary);margin:.75rem 1.5rem 1.25rem;font-size:.8125rem;line-height:1.6}.compose-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.attention-banner{border:1px solid var(--status-warning);color:var(--text-primary);border-radius:var(--radius-md);margin:1rem 1.5rem 0;padding:.75rem;line-height:1.6}.preferences-dialog{width:520px}.preferences-content{padding:1.5rem}fieldset{border:0;min-width:0;margin:0 0 1.75rem;padding:0}legend{margin-bottom:.75rem;font-size:.9375rem;font-weight:600}fieldset>p{color:var(--text-secondary);margin-bottom:.875rem;font-size:.8125rem}.choice-group{flex-wrap:wrap;gap:.625rem;display:flex}.choice-group label{border:1px solid var(--border-control);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem .75rem;display:inline-flex}.choice-group label:has(input:checked){background:var(--bg-selected);border-color:var(--action-outline)}.choice-group input{width:1rem;height:1rem;min-height:0;accent-color:var(--action-primary);margin:0}.preferences-note{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.command-dialog{width:520px}.command-search{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:1rem;display:flex}.command-search input{width:100%}.command-list{max-height:55vh;padding:.5rem;overflow:auto}.command-list button{text-align:left;border-radius:var(--radius-sm);align-items:center;gap:.75rem;width:100%;min-height:2.75rem;padding:.625rem;display:flex}.command-list button:hover{background:var(--bg-hover)}.command-list p{padding:1rem}.command-footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:.625rem;padding:1rem;font-size:.8125rem;line-height:1.5;display:flex}.about-dialog{text-align:center;width:480px;padding:2rem}.about-close{position:absolute;top:.75rem;right:.75rem}.about-dialog .brand-logo{margin:0 auto 1.5rem}.about-dialog h2{margin-bottom:1rem;font-size:1.5rem}.about-dialog>p:not(.eyebrow){color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.7}.about-detail{text-align:left;border-radius:var(--radius-md);background:var(--bg-raised);margin-bottom:1.5rem;padding:1rem}.about-detail strong{font-size:.8125rem;font-weight:600}.about-detail p{color:var(--text-secondary);margin-top:.5rem;font-size:.8125rem;line-height:1.6}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1199px){.workspace{grid-template-columns:360px minmax(0,1fr)}.sidebar{display:none}.navigation-toggle{display:inline-flex}.header-brand{width:auto}.demo-badge,.focus-button span,.product-name span,.search-command{display:none}.message-content{padding-inline:1.5rem}.reading-toolbar{padding-inline:.75rem}}@media (width<=767px){.app-header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.header-brand{flex:1}.header-actions{gap:.25rem}.search-area{order:3;width:100%}.search-scope select{max-width:7rem;padding-inline:.375rem}.workspace{display:flex}.message-pane{border-right:0;width:100%}.reading-pane{width:100%;display:none}.mobile-reading .message-pane{display:none}.is-focused .message-pane,.mobile-reading .reading-pane{display:flex}.is-focused.mobile-reading .message-pane{display:none}.back-to-list{display:inline-flex}.list-heading{padding-block:1rem}.list-summary{padding-block:.5rem}.reading-toolbar{flex-wrap:wrap;padding:.5rem}.toolbar-divider{margin-inline:.125rem}.is-focused .message-content,.message-content{padding:1.5rem 1.25rem 2rem}.message-content>h2{font-size:1.375rem}.statusbar{gap:.5rem;padding:.5rem 1rem;font-size:.6875rem}.statusbar>button{display:none}.compose-meta{padding:1rem}.compose-meta label{grid-template-columns:1fr;gap:.375rem}.copy-toggle{margin-left:0}.compose-body{padding:0 1rem .75rem}.compose-body textarea{min-height:10rem}.dialog-heading,.preferences-content{padding:1rem}.draft-status{padding-inline:1rem}.compose-note{margin-inline:1rem}.compose-footer{padding:1rem}.about-dialog{padding:2.5rem 1.25rem 1.5rem}.toast{flex-wrap:wrap;padding:.75rem;bottom:3rem}.toast>span{flex:1;min-width:8rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.folders button.active,.message-row.selected,.unified-button.active{outline-offset:-2px;outline:2px solid highlight}.unread-dot{background:canvastext}.account-list button.chosen,.filter-chip.active{outline:2px solid highlight}}.real-mail .header-brand{flex:0 27rem;gap:.6rem;width:auto;min-width:0}.real-mail .header-brand.single-account{flex-basis:30rem}.small-brand{flex-shrink:0;place-items:center;width:3.25rem;height:3.25rem;padding:0;display:grid}.small-brand .brand-logo{width:3.25rem;height:3.25rem;margin:0}.account-switcher summary,.current-account{align-items:center;gap:.625rem;min-width:0;display:flex}.current-account{flex:1}.account-option>span:not(.account-avatar),.account-switcher summary>span:not(.account-avatar),.current-account>span{flex-direction:column;gap:.2rem;min-width:0;display:flex}.account-switcher strong,.current-account strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.account-switcher small,.current-account small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.real-mail .account-avatar{background:hsl(var(--avatar-hue) 28% 91%);color:hsl(var(--avatar-hue) 45% 27%);border:1px solid hsl(var(--avatar-hue) 25% 75%);width:2.25rem;height:2.25rem;font-size:.75rem;display:grid}[data-theme=dark] .real-mail .account-avatar{background:hsl(var(--avatar-hue) 20% 24%);color:hsl(var(--avatar-hue) 45% 87%);border-color:hsl(var(--avatar-hue) 25% 42%)}.real-mail .avatar-small{width:1.25rem;height:1.25rem;font-size:.5rem}.real-mail .add-account{flex-shrink:0}.account-switcher{flex:1;min-width:0;position:relative}.account-switcher summary{cursor:pointer;border-radius:var(--radius-sm);padding:.375rem;list-style:none}.account-switcher summary::-webkit-details-marker{display:none}.account-switcher summary:hover{background:var(--bg-hover)}.account-switcher summary>svg{margin-left:auto}.account-popover{z-index:20;background:var(--bg-surface);border:1px solid var(--border-control);border-radius:var(--radius-lg);width:21rem;max-width:calc(100vw - 2rem);max-height:65dvh;box-shadow:var(--shadow-overlay);padding:.5rem;position:absolute;top:calc(100% + .75rem);left:0;overflow-y:auto}.account-popover .section-label{margin:.75rem .5rem}.account-option{text-align:left;border-radius:var(--radius-md);align-items:center;gap:.75rem;width:100%;padding:.75rem;display:flex}.account-option:hover,.account-option[aria-pressed=true]{background:var(--bg-selected)}.real-search{flex:20rem;max-width:42rem}.real-mail .header-actions{flex-shrink:0}.connect-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:2rem 1.5rem;display:flex;overflow:auto}.connect-welcome .brand-logo{width:180px;height:180px}.connect-welcome h1{font-size:calc(clamp(1.5rem,3vw,2rem))}.connect-welcome>p{max-width:35rem;color:var(--text-secondary);line-height:1.6}.connect-welcome .welcome-note{max-width:29rem;font-size:.8125rem}.settings-dialog{width:520px}.connect-form{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.connect-form>p{color:var(--text-secondary);line-height:1.6}.connect-form label:not(.remember-control){flex-direction:column;gap:.5rem;font-weight:500;display:flex}.connect-form input,.connect-form select{width:100%}.connect-form .remember-control{align-items:flex-start;gap:.625rem;display:flex}.remember-control input{width:1rem;height:1rem;min-height:0;accent-color:var(--action-primary);flex-shrink:0;margin:.2rem 0 0}.remember-control small{margin-top:.375rem;line-height:1.5}.content-note,.remember-control small{color:var(--text-secondary);font-size:.75rem;display:block}.content-note,.inline-error{line-height:1.6}.inline-error,.real-message h2{overflow-wrap:anywhere}.connect-form .inline-error,.inline-error{color:var(--status-error)}.connection-banner{border-bottom:1px solid var(--border-control);background:var(--bg-raised);padding:.625rem 1.5rem;font-size:.8125rem;line-height:1.5}.connection-banner .text-button{margin-left:.5rem}.pane-error{padding:.75rem 1.25rem;font-size:.8125rem}.status-text{color:var(--text-secondary);padding-block:.75rem}.real-mail .folders span{overflow-wrap:anywhere;min-width:0}.real-mail .folders button{align-items:flex-start}.real-mail .account-list button{align-items:center}.real-mail .empty-list{padding:3rem 1.5rem}.load-more,.real-mail .empty-list{text-align:center;color:var(--text-secondary);line-height:1.6}.load-more{padding:1rem;font-size:.8125rem}.real-message{width:100%;min-height:0;padding:2rem;overflow:auto}.real-message h2{font-size:1.5rem}.real-sender{align-items:flex-start;gap:.75rem;margin:1.5rem 0;display:flex}.real-sender>div{min-width:0}.real-sender p,.real-sender time{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.8125rem;line-height:1.6}.plain-message{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:1.25rem;font-size:1rem;line-height:1.7}.large-reading .plain-message{font-size:1.125rem}.read-only-note{color:var(--text-secondary);margin-left:auto;font-size:.75rem}.attachment-list{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;margin-top:2rem;padding-top:1rem;font-size:.8125rem;display:flex}.attachment-list p{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.attachment-list span,.composer-from strong,.send-result p{overflow-wrap:anywhere}.about-content{text-align:center;padding:1.5rem}.about-content .brand-logo{margin:0 auto}.about-content p{color:var(--text-secondary);margin-top:1rem;line-height:1.6}.navigation-scrim{display:none}@media (width<=1199px){.real-mail .app-header{gap:.75rem;padding-inline:1rem}.real-mail .header-brand,.real-mail .header-brand.single-account{flex-basis:23rem}.navigation-open .sidebar{z-index:31;width:270px;box-shadow:var(--shadow-overlay);display:block;position:fixed;inset:5rem auto 0 0}.navigation-open .navigation-scrim{z-index:30;background:var(--overlay-backdrop);display:block;position:fixed;inset:0}}@media (width<=767px){.real-mail .app-header{gap:.5rem;padding:.625rem .75rem}.real-mail .header-brand,.real-mail .header-brand.single-account{flex:1;gap:.375rem;max-width:calc(100% - 3rem)}.real-mail .help-button{display:none}.real-search{flex-basis:100%;order:3;max-width:none}.small-brand,.small-brand .brand-logo{width:2.75rem;height:2.75rem}.account-switcher summary>.account-avatar,.current-account .account-avatar{width:1.75rem;height:1.75rem;font-size:.625rem}.account-switcher summary{gap:.375rem;padding:0}.current-account{gap:.375rem}.account-switcher strong,.current-account strong{font-size:.75rem}.account-switcher small,.current-account small{font-size:.6875rem}.real-mail .icon-button{width:2rem;min-width:2rem}.account-popover{width:calc(100vw - 1.5rem);max-width:none;position:fixed;top:4.25rem;left:.75rem}.navigation-open .sidebar{top:0}.real-message{padding:1.25rem}.read-only-note{text-align:right;max-width:11rem;line-height:1.5}.connect-welcome{justify-content:flex-start;gap:1rem}.connect-welcome .brand-logo{width:150px;height:150px}.connect-form{padding:1rem}}.crow-phrase{text-wrap:balance;place-items:center;max-width:35rem;min-height:2.75em;display:grid}.phrase-controls{align-items:center;gap:.75rem;margin-top:-.75rem;display:flex}.phrase-controls .text-button{color:var(--text-secondary);font-size:.75rem}.crow-brief{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-canvas);margin:0 1rem 1rem}.crow-highlight-button{text-align:left;border-radius:var(--radius-md);align-items:center;gap:.625rem;width:100%;padding:.625rem;display:flex}.crow-brief.selected,.crow-highlight-button:hover,.crow-highlight-button[aria-pressed=true]{background:var(--bg-selected)}.crow-highlight-button .brand-logo{flex-shrink:0;width:3.25rem;height:3.25rem;margin:0}.crow-highlight-button>span{flex-direction:column;gap:.375rem;min-width:0;display:flex}.crow-highlight-button strong{font-size:.8125rem;font-weight:600;line-height:1.4}.crow-highlight-button small{color:var(--action-accent);font-size:.75rem;line-height:1.4}.crow-brief>p{color:var(--text-secondary);padding:0 .625rem .625rem;font-size:.6875rem;line-height:1.5}.crow-selected-label,.priority-label{color:var(--action-accent)}.crow-brief.selected{border:2px solid var(--action-accent);box-shadow:inset 4px 0 var(--action-accent)}.crow-brief.selected .crow-highlight-button{background:0 0}.crow-selected-label{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:700;display:flex}.show-all-messages{border-color:var(--action-accent);background:var(--bg-surface);width:calc(100% - 1.5rem);margin:0 .75rem .75rem;font-weight:600}.mobile-compose{display:none}.manual-setup{align-self:flex-start}@media (width<=1199px){.mobile-compose{margin-top:.75rem;display:inline-flex}}@media (width<=767px){.real-mail .header-brand,.real-mail .header-brand.single-account{max-width:calc(100% - 5rem)}}.compose-dialog{width:calc(min(760px,100vw - 2rem))}.composer-content{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.composer-from{align-items:center;gap:.75rem;display:flex}.composer-from>span{flex-direction:column;gap:.2rem;min-width:0;display:flex}.composer-from small,.copy-recipients label>span{color:var(--text-secondary);font-size:.75rem}.composer-from strong{font-size:.875rem}.composer-from>.quiet-button{margin-left:auto}.message-form{gap:1rem}.message-form,.message-form label{flex-direction:column;display:flex}.message-form label{gap:.5rem;font-size:.875rem;font-weight:600}.message-form input,.message-form textarea{width:100%;font-weight:400}.message-form textarea{resize:vertical;min-height:12rem;padding:.875rem;line-height:1.6}.copy-recipients,.smtp-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.copy-recipients label>span{font-weight:400}.smtp-settings{border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--bg-canvas);padding:1rem}.smtp-settings h3{margin:0;font-size:1rem}.compose-actions{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.send-result{border:1px solid var(--border-control);border-radius:var(--radius-md);background:var(--bg-selected);padding:1rem;line-height:1.5}.send-result strong{align-items:center;gap:.5rem;display:flex}.send-result p{margin-top:.5rem;font-size:.8125rem}.discard-confirm button,.send-result button{margin-top:.75rem}.discard-confirm{border:1px solid var(--action-accent);border-radius:var(--radius-md);padding:1rem;line-height:1.5}@media (width<=600px){.composer-content{padding:1rem}.copy-recipients,.smtp-grid{grid-template-columns:1fr}.compose-actions{align-items:flex-end}}.attachment-heading,.attachment-item{justify-content:space-between;align-items:center;gap:1rem;display:flex}.attachment-heading{flex-wrap:wrap;margin-bottom:.5rem}.attachment-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem}.attachment-item>span{flex-direction:column;gap:.25rem;min-width:0;display:flex}.attachment-item small{color:var(--text-secondary);font-size:.6875rem}.attachment-item .quiet-button{flex-shrink:0}.sidebar-add-account{color:var(--text-secondary);border-radius:var(--radius-sm);text-align:left;align-items:center;gap:.4rem;width:100%;margin:.15rem 0 1rem;padding:.65rem .75rem;font-size:.8125rem;display:flex}.sidebar-add-account:hover{color:var(--text-primary);background:var(--bg-hover)}.sync-status{color:var(--text-secondary);padding:.5rem 1.25rem;font-size:.75rem}.unread-count{background:var(--action-primary);color:var(--action-on-primary);border-radius:1rem;margin-left:auto;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.real-mail .message-row.unread{background:color-mix(in srgb,var(--action-accent) 9%,var(--bg-surface));border-left:4px solid var(--action-accent)}.real-mail .message-row.unread .row-subject,.real-mail .message-row.unread .sender-name{color:var(--text-primary);font-weight:750}.real-mail .message-row.selected{box-shadow:inset 0 0 0 2px var(--action-accent)}.unread-label{background:var(--action-primary);color:var(--action-on-primary);border-radius:.25rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700;display:inline-flex}.new-mail-banner{border:1px solid var(--action-accent);border-radius:var(--radius-sm);color:var(--action-accent);margin:.5rem 1rem;padding:.65rem}.trust-button{border:1px solid var(--border-control);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin:.5rem 0 1rem;padding:.5rem .75rem;font-size:.8125rem;display:inline-flex}.trust-button.trusted{border-color:var(--action-accent);color:var(--action-accent)}.message-form.dragging{outline:2px dashed var(--action-accent);outline-offset:.4rem;background:var(--bg-hover)}.compose-attachments{border:1px dashed var(--border-control);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.compose-attachments .content-note{align-items:center;gap:.5rem;display:flex}.outgoing-files{gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.outgoing-files li{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:.5rem;min-width:0;padding:.35rem .5rem;display:flex}.outgoing-files li>span{overflow-wrap:anywhere;flex:1;min-width:0}.outgoing-files small{color:var(--text-secondary);display:block}.sending-status{background:var(--bg-raised);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.75rem;display:flex}.spinner{animation:1.2s linear infinite mail-spin}@keyframes mail-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.provider-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:1rem 1.5rem 0;display:grid}.provider-options button{border:1px solid var(--border-control);border-radius:var(--radius-sm);text-align:left;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.75rem;display:flex}.provider-options button[aria-pressed=true]{border-color:var(--action-accent);background:var(--bg-hover)}.provider-options small{color:var(--text-secondary)}@media (width<=420px){.provider-options{grid-template-columns:1fr}}.real-mail .folders button{grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.real-mail .folders .folder-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.real-mail .folders .folder-count{color:var(--text-secondary);white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;background:0 0;padding:0;font-size:.75rem;font-weight:400}.connect-form label.remember-control{-moz-column-gap:.85rem;grid-template-columns:1.1rem minmax(0,1fr);align-items:start;column-gap:.85rem;margin-block:.5rem;line-height:1.5;display:grid}.connect-form .remember-control input[type=checkbox]{flex:none;width:1.1rem;height:1.1rem;margin:.16rem 0 0;padding:0}.remember-control>span{min-width:0}.remember-control .preference-title{align-items:center;gap:.65rem;display:flex}.remember-control .preference-title svg{flex:0 0 18px}.conversation-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:500}.conversation-history{border-bottom:1px solid var(--border-subtle);margin:0 1.5rem;padding:1rem 0}.conversation-history h3{margin:0 0 .65rem;font-size:.8rem}.conversation-history h3 span{color:var(--text-secondary);font-weight:400}.conversation-history ol{gap:.3rem;max-height:16rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.conversation-history button:not(.text-button){text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.7rem;padding:.65rem;display:flex}.conversation-history button.active{background:var(--bg-selected);border-color:var(--border-subtle)}.conversation-history button.unread strong{font-weight:750}.conversation-history button>span{flex:1;min-width:0}.conversation-history strong{overflow-wrap:anywhere;font-size:.8rem;font-weight:500;display:block}.conversation-history small{color:var(--text-secondary);font-size:.7rem;display:block}.reply-actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.downloads-dialog{max-width:35rem}.downloads-content{padding:0 1.5rem 1.5rem}.windows-download{color:var(--action-on-primary);background:var(--action-primary);border-radius:1rem;align-items:center;gap:1rem;margin:1.5rem 0;padding:1.25rem;text-decoration:none;display:flex}.windows-download:hover{background:var(--action-hover)}.windows-download span{flex:1;gap:.35rem;display:grid}.windows-download small{color:var(--action-on-primary);opacity:.9}.future-platforms{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.future-platforms button{border:1px solid var(--border-subtle);color:inherit;cursor:default;opacity:.65;background:0 0;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;display:flex}.future-platforms small{text-align:left;width:100%;padding-left:1.75rem}.welcome-downloads{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}
