*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-height:100dvh;background-color:var(--bg, #0f1117);background-image:var(--grid, none);background-size:var(--grid-size, auto);color:var(--text, #e6e9f0);font-family:var(--font-body, system-ui, sans-serif);line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-2);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-ui);background:var(--surface-2);color:var(--text);font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:var(--letter-display);cursor:pointer;touch-action:manipulation;transition:background .18s ease-out,border-color .18s ease-out,color .18s ease-out}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:var(--danger-ink)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}.btn--icon{width:44px;min-width:44px;padding:0}.btn .icon{width:18px;height:18px;flex:none}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.field{display:flex;flex-direction:column;gap:.375rem}.field>label{font-size:.8125rem;font-weight:600;color:var(--muted);letter-spacing:var(--letter-display)}.input{width:100%;min-height:44px;padding:.625rem .875rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-ui);transition:border-color .18s ease-out,box-shadow .18s ease-out}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{min-height:8rem;resize:vertical;line-height:1.6}.field-error{display:flex;align-items:center;gap:.375rem;color:var(--danger);font-size:.8125rem;font-weight:500}.hint{color:var(--muted);font-size:.8125rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .4rem;background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.login{display:grid;place-items:center;min-height:100dvh;padding:1.5rem}.login__card{width:min(100%,26rem);padding:2.5rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);clip-path:var(--clip);box-shadow:var(--glow)}.login__brand{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;text-align:center}.login__logo{height:60px;width:auto;max-width:100%}.login__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:var(--letter-display);color:var(--text-bright)}.login__form{display:flex;flex-direction:column;gap:1.25rem}.login__footer{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border);text-align:center;font-size:.8125rem;color:var(--muted)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:3rem}.pw-toggle{position:absolute;top:50%;right:.25rem;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;background:none;border:0;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm)}.pw-toggle:hover{color:var(--text)}.app{display:grid;height:100dvh;--row-pad-y: .5rem;--row-gap: .05rem;--row-font: .875rem;--row-preview: inline}.app[data-density=cosy]{--row-pad-y: .3125rem;--row-gap: 0;--row-font: .84375rem;--row-preview: inline}.app[data-density=compact]{--row-pad-y: .1875rem;--row-gap: 0;--row-font: .8125rem;--row-preview: none}.app[data-layout=right]{grid-template-columns:3.25rem 15rem minmax(20rem,26rem) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"rail topbar topbar topbar" "rail sidebar list reader"}.app[data-layout=bottom]{grid-template-columns:3.25rem 15rem 1fr;grid-template-rows:auto minmax(12rem,2fr) 3fr;grid-template-areas:"rail topbar topbar" "rail sidebar list" "rail sidebar reader"}.app[data-layout=bottom] .list{border-right:0;border-bottom:1px solid var(--border)}.app[data-layout=off]{grid-template-columns:3.25rem 15rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"rail topbar topbar" "rail sidebar main"}.app[data-layout=off] .list,.app[data-layout=off] .reader{grid-area:main;border-right:0}.app[data-layout=off] .list{display:flex}.app[data-layout=off] .reader,.app[data-layout=off][data-view=reader] .list{display:none}.app[data-layout=off][data-view=reader] .reader{display:flex}.app[data-layout=off] .back-btn{display:inline-flex}.rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 0;background:var(--surface-2);border-right:1px solid var(--border);z-index:30}.rail__brand{display:grid;place-items:center;width:36px;height:36px;margin-bottom:.5rem;color:var(--accent)}.rail__logo{max-width:28px;max-height:28px;object-fit:contain}.rail__spacer{flex:1}.rail__btn{display:grid;place-items:center;width:40px;height:40px;background:none;border:0;border-radius:var(--radius-ui);color:var(--muted);cursor:pointer;transition:background .18s ease-out,color .18s ease-out}.rail__btn:hover{background:var(--surface-3);color:var(--text)}.rail__btn[aria-current=true]{background:var(--accent-dim);color:var(--accent)}.sidebar__section{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem 0}.sidebar__heading{flex:1;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar__action{display:grid;place-items:center;width:28px;height:28px;background:none;border:0;border-radius:var(--radius-ui);color:var(--muted);cursor:pointer}.sidebar__action:hover{background:var(--surface-2);color:var(--text)}.sidebar__action .icon{width:15px;height:15px}.topbar{grid-area:topbar;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);z-index:20}.topbar__brand{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-weight:700;letter-spacing:var(--letter-display);color:var(--text-bright);white-space:nowrap}.topbar__logo{height:28px;width:auto}.topbar__spacer{flex:1}.search{position:relative;flex:1;max-width:30rem}.search .icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search .input{padding-left:2.75rem;min-height:40px;background:var(--surface-2);border-color:transparent;border-radius:999px}.search .input:hover{background:var(--surface-3)}.search .input:focus{background:var(--surface);border-color:var(--accent)}.search__key{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);padding:.05rem .4rem;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);color:var(--muted);font-family:var(--font-body);font-size:.6875rem;line-height:1.4;pointer-events:none}.search .input:focus+.search__key{opacity:0}.search .input{padding-right:2.5rem}.account__settings{display:none}.account{display:flex;align-items:center;gap:.5rem}.account__addr{font-size:.8125rem;color:var(--muted);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:1rem;padding:1rem .75rem;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.mailboxes{display:flex;flex-direction:column;gap:.125rem;list-style:none}.mailbox{display:flex;align-items:center;gap:.625rem;width:100%;min-height:44px;padding:0 .75rem;background:none;border:0;border-radius:var(--radius-ui);color:var(--muted);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .18s ease-out,color .18s ease-out}.mailbox:hover{background:var(--surface-2);color:var(--text)}.mailbox[aria-current=true]{background:var(--accent-dim);color:var(--text-bright);font-weight:700}.mailbox[aria-current=true] .icon{color:var(--accent)}.mailbox__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox__count{font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.mailbox-row{display:flex;align-items:center;gap:.125rem}.mailbox-row .mailbox{flex:1;min-width:0}.mailbox__more{flex:none;display:grid;place-items:center;width:32px;height:32px;background:none;border:0;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .18s ease-out,color .18s ease-out}.mailbox__more .icon{width:16px;height:16px}.mailbox-row:hover .mailbox__more,.mailbox__more:focus-visible{opacity:1}@media(hover:none){.mailbox__more{opacity:1}}.mailbox--add{color:var(--muted);font-style:italic}.menu{position:fixed;margin:0;padding:.25rem;min-width:12rem;max-height:60vh;overflow-y:auto;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-ui);box-shadow:var(--glow)}.menu:popover-open{display:block}.menu__item{display:flex;align-items:center;gap:.625rem;width:100%;min-height:44px;padding:0 .75rem;background:none;border:0;border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;text-align:left;cursor:pointer}.menu__item:hover:not(:disabled){background:var(--accent-dim)}.menu__item:disabled{opacity:.45;cursor:not-allowed}.menu__item--danger{color:var(--danger)}.menu__item--danger:hover:not(:disabled){background:var(--danger);color:var(--danger-ink)}.menu__sep{height:1px;margin:.25rem 0;border:0;background:var(--border)}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:.25rem}.sidebar__foot .mailbox--danger:hover{color:var(--danger)}.list{grid-area:list;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);overflow:hidden}.list__head{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);min-height:48px}.list__title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:var(--letter-display);color:var(--text-bright)}.list__meta{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.list__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.msg{display:flex;align-items:flex-start;gap:.5rem;padding:var(--row-pad-y, .5rem) .75rem var(--row-pad-y, .5rem) .5rem;border-bottom:1px solid var(--border);transition:background .15s ease-out;font-size:var(--row-font, .875rem);line-height:1.35}.msg:hover{background:var(--surface-2)}.msg[aria-selected=true]{background:var(--accent-dim);box-shadow:inset 3px 0 0 var(--accent)}.msg--picked{background:var(--accent-2-dim)}.msg__check{flex:none;width:16px;height:16px;margin:.15rem 0 0;accent-color:var(--accent);cursor:pointer}.msg__open{flex:1;min-width:0;display:grid;grid-template-columns:minmax(7rem,13rem) 1fr auto;grid-template-areas:"from line date";align-items:baseline;gap:0 .75rem;padding:0;background:none;border:0;text-align:left;cursor:pointer;color:inherit}.msg__line{grid-area:line;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg__star{flex:none;display:grid;place-items:center;width:24px;height:24px;background:none;border:0;border-radius:999px;color:var(--muted);cursor:pointer}.msg__star:hover{background:var(--surface-3);color:var(--warning)}.msg__star[aria-pressed=true]{color:var(--warning)}.msg__star[aria-pressed=true] .icon{fill:var(--warning)}.msg__from{grid-area:from;font-size:.875rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg__date{grid-area:date;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.msg__subject{color:var(--text)}.msg__preview{display:var(--row-preview, inline);color:var(--muted)}.list__scroll{container-type:inline-size;container-name:msglist}@container msglist (max-width: 27rem){.msg__open{grid-template-columns:1fr auto;grid-template-areas:"from date" "line line";gap:.125rem .625rem}.msg__preview{display:var(--row-preview, inline)}}.msg--unread .msg__from,.msg--unread .msg__subject{font-weight:700;color:var(--text-bright)}.msg--unread .msg__from:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:999px;background:var(--accent);vertical-align:middle}.msg__thread{display:inline-flex;align-items:center;justify-content:center;min-width:1.05rem;height:1.05rem;margin-left:.35rem;padding:0 .28rem;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;vertical-align:middle}.msg__thread:empty{display:none}.msg__snooze{margin-left:.4rem;padding:0 .35rem;border-radius:999px;background:var(--accent-2-dim);color:var(--muted);font-size:.6875rem;font-weight:600;vertical-align:middle}.msg__flags{display:inline-flex;gap:.25rem;margin-left:.375rem;color:var(--muted);vertical-align:middle}.msg__flags .icon{width:14px;height:14px}.list__more{display:flex;justify-content:center;padding:1rem .75rem 2rem}.filters{display:flex;gap:.25rem;margin-left:auto}.chip-toggle{min-height:32px;padding:0 .625rem;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .18s ease-out,color .18s ease-out,border-color .18s ease-out}.chip-toggle:hover{color:var(--text);border-color:var(--border-strong)}.chip-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.bulk{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;background:var(--accent-dim);border-bottom:1px solid var(--accent)}.bulk__count{font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-bright);white-space:nowrap}.bulk .spacer{flex:1}.quota{display:flex;flex-direction:column;gap:.375rem;padding:.625rem .75rem}.quota__bar{height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.quota__bar span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease-out}.quota__text{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.app[data-style=cards] .list__scroll{padding:.375rem;display:flex;flex-direction:column;gap:.375rem}.app[data-style=cards] .msg{padding:.5rem .625rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-ui)}.app[data-style=cards] .msg:hover{border-color:var(--border-strong);border-left-color:var(--border-strong)}.app[data-style=cards] .msg--unread{border-left-color:var(--accent)}.app[data-style=cards] .msg--unread .msg__from:before{display:none}.app[data-style=cards] .msg[aria-selected=true]{background:var(--accent-dim);border-color:var(--accent);box-shadow:none}.app[data-style=cards] .msg--picked{border-color:var(--accent-2)}.app[data-style=cards] .msg__open{grid-template-columns:1fr auto;grid-template-areas:"from date" "line line";gap:.05rem .625rem}.app[data-style=cards] .msg__line{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reader__ident{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:hsl(var(--avatar-h, 210) 55% 45%);color:#fff;font-size:1rem;font-weight:700;line-height:1}.reader__who{display:flex;flex-direction:column;min-width:0;flex:1}.reader__name{font-weight:700;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader__addr{font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader__when{flex:none;font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}.reader{grid-area:reader;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.reader__bar{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);min-height:48px;flex-wrap:wrap}.reader__scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column}.reader__head{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.reader__subject{font-family:var(--font-display);font-size:1.375rem;font-weight:700;line-height:1.3;letter-spacing:var(--letter-display);color:var(--text-bright);margin-bottom:.75rem}.reader__meta{display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:.8125rem;color:var(--muted)}.reader__meta strong{color:var(--text);font-weight:600}.reader__body{flex:1;min-height:24rem;width:100%;border:0;background:var(--surface)}.reader__text{padding:1.5rem;font-family:var(--font-read);font-size:1rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-width:70ch}.convo{border-bottom:1px solid var(--border)}.convo__head{display:grid;grid-template-columns:minmax(6rem,auto) 1fr auto;align-items:baseline;gap:.75rem;width:100%;min-height:52px;padding:.75rem 1.5rem;background:none;border:0;text-align:left;color:inherit;cursor:pointer}.convo__head:hover{background:var(--surface-2)}.convo__who{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo--unread .convo__who{color:var(--text-bright);font-weight:700}.convo__preview{color:var(--muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo__head[aria-expanded=true] .convo__preview{visibility:hidden}.convo__date{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.convo__body{display:flex;flex-direction:column}.convo__body .reader__body{min-height:18rem}.notice{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin:.75rem 1.5rem 0;padding:.625rem .875rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-ui);font-size:.8125rem;color:var(--muted)}.notice .icon{width:16px;height:16px;flex:none;color:var(--warning)}.notice__text{flex:1;min-width:12rem}.attachments{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.attachment{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .875rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-ui);color:var(--text);font-size:.8125rem;cursor:pointer;max-width:100%}.attachment:hover{border-color:var(--accent)}.attachment__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}.attachment__size{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex:1;padding:3rem 1.5rem;text-align:center;color:var(--muted)}.state .icon{width:40px;height:40px;opacity:.5}.state__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);letter-spacing:var(--letter-display)}.skeleton{padding:.75rem;border-bottom:1px solid var(--border)}.skeleton__line{height:.6rem;margin-bottom:.5rem;border-radius:999px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton__line:nth-child(1){width:42%}.skeleton__line:nth-child(2){width:88%}.skeleton__line:nth-child(3){width:66%;margin-bottom:0}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}dialog{padding:0;border:0;background:transparent;color:inherit;max-width:none;max-height:none}dialog::backdrop{background:#0000008c;backdrop-filter:blur(3px)}.sheet{display:flex;flex-direction:column;width:min(100vw - 2rem,46rem);max-height:min(100dvh - 2rem,46rem);margin:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);clip-path:var(--clip);box-shadow:var(--glow);overflow:hidden}.sheet__head{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border)}.sheet__title{flex:1;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:var(--letter-display);color:var(--text-bright)}.sheet__body{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;overflow-y:auto}.sheet__foot{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid var(--border)}.sheet__foot .spacer{flex:1}.sheet--drop{outline:2px dashed var(--accent);outline-offset:-8px}.sheet--drop .sheet__body{background:var(--accent-dim)}.rte{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-ui);overflow:hidden}.rte:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.rte__bar{display:flex;align-items:center;gap:.125rem;flex-wrap:wrap;padding:.25rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.rte__btn{display:grid;place-items:center;min-width:30px;height:30px;padding:0 .375rem;background:none;border:0;border-radius:var(--radius-ui);color:var(--muted);font-size:.8125rem;line-height:1;cursor:pointer}.rte__btn:hover{background:var(--surface-3);color:var(--text)}.rte__sep{width:1px;height:18px;margin:0 .25rem;background:var(--border)}.rte__area{padding:.75rem .875rem;overflow-y:auto;max-height:26rem;line-height:1.6;outline:none}.rte__area:empty:before{content:attr(data-placeholder);color:var(--muted)}.rte__area p{margin:0 0 .6rem}.rte__area ul,.rte__area ol{margin:0 0 .6rem 1.25rem}.rte__area blockquote{margin:0 0 .6rem;padding-left:.75rem;border-left:3px solid var(--border-strong);color:var(--muted)}.rte__area pre{margin:0 0 .6rem;padding:.5rem .625rem;background:var(--surface-2);border-radius:var(--radius-ui);white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:.8125rem}.rte__area a{color:var(--accent)}.rte__area [data-sig]{color:var(--muted)}.compose__opt{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;background:var(--surface-2);border-radius:var(--radius-ui);cursor:pointer}.compose__opt>span{display:flex;flex-direction:column;gap:.15rem}.compose__opt-label{font-size:.875rem;font-weight:600;color:var(--text)}.compose__opt-hint{font-size:.75rem;line-height:1.45;color:var(--muted)}.ac-wrap{position:relative}.ac{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:10;max-height:15rem;overflow-y:auto;margin:0;padding:.25rem;list-style:none;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--glow)}.ac__item{display:flex;flex-direction:column;gap:.05rem;padding:.5rem .625rem;border-radius:var(--radius-sm);cursor:pointer}.ac__item[aria-selected=true],.ac__item:hover{background:var(--accent-dim)}.ac__name{font-size:.875rem;color:var(--text)}.ac__mail{font-size:.75rem;color:var(--muted)}.compose__from{min-height:36px;max-width:18rem;font-size:.8125rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;font-size:.8125rem}.chip button{display:grid;place-items:center;width:20px;height:20px;background:none;border:0;color:var(--muted);cursor:pointer;border-radius:999px}.chip button:hover{color:var(--danger)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:.75rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-ui);color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease-out,background .18s ease-out}.choice:hover{border-color:var(--accent)}.choice[aria-checked=true]{border-color:var(--accent);background:var(--accent-dim)}.choice__label{font-size:.8125rem;font-weight:700}.choice__hint{font-size:.75rem;color:var(--muted)}.mini{display:grid;width:100%;height:3rem;gap:2px;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:4px}.mini i{display:block;background:var(--border-strong);border-radius:2px}.mini--right{grid-template-columns:1fr 2fr 3fr}.mini--bottom{grid-template-columns:1fr 3fr;grid-template-rows:1fr 1fr}.mini--bottom .mini__side{grid-row:1 / 3}.mini--off{grid-template-columns:1fr 3fr}.mini--off .mini__read{display:none}.choice[aria-checked=true] .mini__read,.choice[aria-checked=true] .mini__list{background:var(--accent)}.mini--rows-comfortable,.mini--rows-cosy,.mini--rows-compact{grid-auto-rows:1fr;align-content:center}.mini--style-cards{grid-auto-rows:1fr;align-content:center;gap:4px;padding:4px}.mini--style-cards i{border-radius:3px}.mini--style-rows{grid-auto-rows:1fr;align-content:center;gap:1px;padding:3px}.mini--style-rows i{border-radius:0}.mini--rows-comfortable{gap:5px;padding:5px}.mini--rows-cosy{gap:3px;padding:4px}.mini--rows-compact{gap:1px;padding:2px}.sheet--settings{width:99vw;max-width:99vw;height:99dvh;max-height:99dvh}.sheet--settings .settings__panel>*{max-width:60rem;margin-inline:auto}.settings{flex:1;display:grid;grid-template-columns:13rem 1fr;min-height:0}.settings__nav{display:flex;flex-direction:column;gap:.125rem;padding:.75rem .5rem;background:var(--surface-2);border-right:1px solid var(--border);overflow-y:auto}.settings__navitem{display:flex;align-items:center;gap:.625rem;min-height:40px;padding:0 .75rem;background:none;border:0;border-radius:var(--radius-ui);color:var(--muted);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .18s ease-out,color .18s ease-out}.settings__navitem .icon{width:17px;height:17px;flex:none}.settings__navitem:hover{background:var(--surface-3);color:var(--text)}.settings__navitem[aria-current=true]{background:var(--accent-dim);color:var(--text-bright);font-weight:700}.settings__panel{padding:1.5rem 1.75rem 2rem;overflow-y:auto}.settings__panel:focus{outline:none}.settings__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:var(--letter-display);color:var(--text-bright);margin-bottom:1.25rem}.setgroup{margin-bottom:1.75rem}.setgroup__title{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:.5rem;margin-bottom:.25rem;border-bottom:1px solid var(--border)}.setrow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1.5rem;padding:.875rem 0;border-bottom:1px solid var(--border)}.setrow:last-child{border-bottom:0}.setrow--stacked{grid-template-columns:1fr;align-items:stretch}.setrow__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.setrow__label{font-size:.9375rem;font-weight:600;color:var(--text)}.setrow__desc{font-size:.8125rem;line-height:1.5;color:var(--muted);max-width:46ch}.setrow__control{min-width:0}.setrow:not(.setrow--stacked) .setrow__control{justify-self:end;min-width:11rem}.setrow:not(.setrow--stacked) .setrow__control:has(.switch){min-width:0}.settings__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:1rem}.settings__status{font-size:.8125rem;color:var(--muted)}.settings__note,.settings__warn{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem .875rem;margin-top:1rem;background:var(--surface-2);border-radius:var(--radius-ui);font-size:.8125rem;line-height:1.5;color:var(--muted)}.settings__warn{border:1px solid var(--warning)}.settings__note .icon,.settings__warn .icon{width:16px;height:16px;flex:none;margin-top:.15rem}.settings__warn .icon{color:var(--warning)}.settings__loading,.settings__empty{color:var(--muted);font-size:.875rem;padding:1rem 0}.idlist{list-style:none;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.idlist__item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text)}.idlist__item .icon{width:15px;height:15px;color:var(--muted)}.switch{appearance:none;position:relative;width:42px;height:24px;flex:none;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;transition:background .18s ease-out,border-color .18s ease-out}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .18s ease-out,background .18s ease-out}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translate(18px);background:var(--accent-ink)}@media(max-width:48rem){.settings{grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings__nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none}.settings__nav::-webkit-scrollbar{display:none}.settings__navitem{white-space:nowrap}.settings__panel{padding:1.25rem 1rem 2rem}.setrow:not(.setrow--stacked){grid-template-columns:1fr}.setrow:not(.setrow--stacked) .setrow__control{justify-self:start;min-width:0;width:100%}}.tabs{display:flex;gap:.25rem;padding:0 1.25rem;border-bottom:1px solid var(--border)}.tab{min-height:44px;padding:0 .875rem;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:.875rem;font-weight:600;cursor:pointer}.tab[aria-selected=true]{color:var(--text-bright);border-bottom-color:var(--accent)}.code{font-family:ui-monospace,JetBrains Mono,monospace;font-size:.8125rem;line-height:1.55;min-height:16rem;white-space:pre;overflow-wrap:normal;overflow-x:auto}.fab{display:none;position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem));z-index:500;place-items:center;width:56px;height:56px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:50%;box-shadow:0 6px 20px #00000059;cursor:pointer;touch-action:manipulation}.fab:active{transform:scale(.94)}.fab .icon{width:24px;height:24px}.toasts{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:1000;pointer-events:none;width:min(100vw - 3rem,26rem)}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-ui);box-shadow:var(--glow);font-size:.875rem;pointer-events:auto}.toast--error{border-color:var(--danger)}.toast--error .icon{color:var(--danger)}.toast--success .icon{color:var(--success)}.toast__text{flex:1}.toast button{background:none;border:0;color:var(--accent);font-weight:700;cursor:pointer;padding:.25rem .5rem}.back-btn{display:none}@media(max-width:60rem){.app[data-layout]{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar" "main"}.rail{display:none}.account__settings{display:inline-flex}.search__key{display:none}.search .input{padding-right:.875rem}.app[data-layout] .sidebar,.app[data-layout] .list,.app[data-layout] .reader{grid-area:main;border-right:0;border-bottom:0}.app[data-layout][data-view=mailboxes] .sidebar,.app[data-layout][data-view=list] .list,.app[data-layout][data-view=reader] .reader{display:flex}.app[data-layout][data-view=mailboxes] .list,.app[data-layout][data-view=mailboxes] .reader,.app[data-layout][data-view=list] .sidebar,.app[data-layout][data-view=list] .reader,.app[data-layout][data-view=reader] .sidebar,.app[data-layout][data-view=reader] .list{display:none}.back-btn{display:inline-flex}.topbar{padding-top:max(.625rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.sidebar,.list__scroll,.reader__scroll{padding-bottom:env(safe-area-inset-bottom)}.toasts{right:max(1rem,env(safe-area-inset-right));bottom:max(5.5rem,calc(env(safe-area-inset-bottom) + 5rem));width:calc(100vw - 2rem)}.sheet__head{padding-top:max(.875rem,env(safe-area-inset-top))}.sheet__foot{padding-bottom:max(.875rem,env(safe-area-inset-bottom));flex-wrap:wrap}.app[data-density]{--row-pad-y: .75rem;--row-font: .9375rem}.msg{touch-action:pan-y;transition:transform .18s ease-out}.msg[data-swipe]{transition:none}.msg[data-swipe=archive]{background:var(--accent-dim)}.msg[data-swipe=trash]{background:var(--accent-2-dim)}.msg__check{width:22px;height:22px;margin-top:.3rem}.filters{width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.list__head{flex-wrap:wrap}.app[data-view=list] .fab{display:grid}.topbar__brand span,.account__addr{display:none}.sheet{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;clip-path:none;border:0}}.chip-toggle--danger{color:var(--danger);border-color:var(--danger)}.chip-toggle--danger:hover{background:var(--danger);border-color:var(--danger);color:var(--danger-ink)}@media print{.topbar,.sidebar,.list,.reader__bar,.toasts,.notice{display:none!important}body{background:#fff;color:#000;overflow:visible}.app{display:block;height:auto}.reader,.reader__scroll{overflow:visible;height:auto}.reader__body{height:auto;min-height:0}.reader__subject{color:#000}a[href]:after{content:" (" attr(href) ")";font-size:.75em;word-break:break-all}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.skeleton__line{animation:none;background:var(--surface-2)}}