:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#f2f6fc;--hover:#3c404314;--text:#1f1f1f;--muted:#5f6368;--accent:#0b57d0;--accent-text:#fff;--nav-active:#d3e3fd;--nav-active-text:#041e49;--compose-bg:#c2e7ff;--compose-text:#001d35;--border:#dadce0;--focus:#0b57d0;--ok:#146c2e;--warn-bg:#fef7e0;--warn:#8a4b00;--err:#b3261e;--err-bg:#fce8e6;--info-bg:#e8f0fe;--shadow:0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;--shadow-lg:0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f, 0 5px 5px -3px #0003;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--surface:#1f1f1f;--surface-2:#191919;--hover:#e8eaed14;--text:#e3e3e3;--muted:#a8abaf;--accent:#a8c7fa;--accent-text:#062e6f;--nav-active:#004a77;--nav-active-text:#c2e7ff;--compose-bg:#004a77;--compose-text:#c2e7ff;--border:#3c4043;--focus:#a8c7fa;--ok:#6dd58c;--warn-bg:#3a2d10;--warn:#f3cf7a;--err:#f2b8b5;--err-bg:#3c1c19;--info-bg:#1e2a3a;--shadow:0 1px 3px #0009;--shadow-lg:0 8px 24px #0009}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.screen{max-width:36rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}h1{margin:.5rem 0 1rem;font-size:1.6rem;line-height:1.25}h1:focus{outline:none}h2{margin-top:2rem;font-size:1.2rem}h3{margin-bottom:.5rem;font-size:1rem}section{border-top:1px solid var(--border);padding:.75rem 0}p{margin:.5rem 0}.muted,.hint{color:var(--muted);font-size:.92rem}.field{flex-direction:column;flex:1;gap:.3rem;margin:1rem 0;display:flex}label{font-weight:600}input[type=text],input[type=password],input:not([type]),textarea,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%;padding:.65rem .75rem}textarea{resize:vertical}button,.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:999px;padding:.65rem 1.4rem;font-weight:600;display:inline-block}button.secondary,.button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.danger,.button.danger{background:var(--err);border-color:var(--err);color:var(--bg,#fff)}button.link{color:var(--text);background:0 0;border:none;padding:.4rem 0;font-weight:500;text-decoration:underline}button.back{margin-bottom:.5rem}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;display:flex}.alert{border-radius:var(--radius);margin:1rem 0;padding:.75rem .9rem}.alert.info{background:var(--info-bg)}.alert.success{background:var(--info-bg);color:var(--ok)}.alert.warning{background:var(--warn-bg);color:var(--warn)}.alert.error{background:var(--err-bg);color:var(--err)}.error{color:var(--err);margin:0}.check{align-items:center;gap:.5rem;margin:.75rem 0;font-weight:500;display:flex}.address-row{align-items:flex-end;gap:.4rem;display:flex}.address-row .domain{color:var(--muted);padding-bottom:1.6rem}.meter .bar{background:var(--border);border-radius:999px;height:.45rem;overflow:hidden}.meter .bar span{background:var(--err);height:100%;display:block}.meter .bar.s3 span,.meter .bar.s4 span{background:var(--ok)}.meter .bar.s2 span{background:var(--warn)}.problems{color:var(--err);margin:.4rem 0;padding-inline-start:1.2rem;font-size:.92rem}.phrase{columns:2;padding-inline-start:2rem;font-family:ui-monospace,Menlo,monospace;font-size:1.05rem}@media (min-width:30rem){.phrase{columns:3}}.ticket-code{word-break:break-all;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;display:block}.qr{width:min(18rem,100%);margin:1rem auto;display:block}.scanner{border-radius:var(--radius);width:100%}.devices{padding:0;list-style:none}.devices li{justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0;padding:.5rem 1rem}fieldset.device{border:none;margin:1rem 0;padding:0}details summary{cursor:pointer;margin:.5rem 0;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;display:block}.icon-button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:400;display:inline-flex}.icon-button:hover{background:var(--hover);color:var(--text)}.icon-button.active{background:var(--nav-active);color:var(--nav-active-text)}.icon-button.starred{color:#f4b400}.icon-button.danger:hover{color:var(--err)}.icon-button.tiny{width:24px;height:24px}.text-button{color:var(--accent);background:0 0;border:none;border-radius:999px;padding:.4rem .75rem;font-weight:600}.text-button:hover{background:var(--hover)}.text-button.danger-text{color:var(--err)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:inline-flex}.avatar.small{width:32px;height:32px;font-size:15px}.avatar.c0{background:#1a73e8}.avatar.c1{background:#d93025}.avatar.c2{background:#188038}.avatar.c3{background:#e37400}.avatar.c4{background:#9334e6}.avatar.c5{background:#007b83}.avatar.c6{background:#c5221f}.avatar.c7{background:#5f6368}.app{min-height:100vh}.app.mail{background:var(--bg);grid-template-rows:4rem 1fr;grid-template-columns:16rem 1fr;height:100vh;display:grid}.app-header{background:var(--bg);grid-column:1/-1;align-items:center;gap:.5rem;padding:0 .75rem 0 .5rem;display:flex}.app-header .menu-button{display:none}.app-header .brand{color:var(--text);background:0 0;border:none;border-radius:999px;flex:none;align-items:center;gap:.5rem;width:15rem;padding:.25rem .75rem;font-size:1.35rem;font-weight:500;display:inline-flex}.app-header .brand .icon{color:var(--accent)}.search{background:var(--info-bg);max-width:45rem;height:3rem;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:.75rem;padding:0 1rem;font-weight:400;display:flex}.search:focus-within{background:var(--surface);box-shadow:var(--shadow)}.search input{color:var(--text);background:0 0;border:none;flex:1;width:100%;padding:0;font-size:1rem}.search input:focus{outline:none}.header-actions{align-items:center;gap:.25rem;margin-inline-start:auto;display:flex}.me{color:var(--muted);border-radius:999px;align-items:center;gap:.5rem;max-width:20rem;padding:.25rem .75rem .25rem .25rem;font-size:.875rem;display:inline-flex}.me-address{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar{padding:.5rem .75rem 1rem 0;overflow-y:auto}.sidebar ul{margin:0;padding:0;list-style:none}.compose-button{background:var(--compose-bg);color:var(--compose-text);box-shadow:none;border:none;border-radius:1rem;align-items:center;gap:.75rem;margin:.25rem 0 1rem .5rem;padding:1.1rem 1.6rem 1.1rem 1.2rem;font-weight:600;display:inline-flex}.compose-button:hover{box-shadow:var(--shadow)}button.folder{text-align:start;width:100%;color:var(--text);background:0 0;border:none;border-radius:0 999px 999px 0;align-items:center;gap:1.1rem;height:2rem;padding:0 .75rem 0 1.6rem;font-size:.875rem;font-weight:400;display:flex}button.folder:hover{background:var(--hover)}button.folder.active{background:var(--nav-active);color:var(--nav-active-text);font-weight:700}button.folder .icon{width:18px;height:18px}button.folder span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-heading{align-items:center;padding:1rem .75rem .25rem 1.6rem;display:flex}.sidebar-heading h3{margin:0;font-size:1rem;font-weight:500}.new-folder{color:var(--muted)!important}.new-folder-form{padding:.25rem .75rem .25rem 1.6rem}.new-folder-form input{padding:.35rem .6rem}.delete-folder{margin:.25rem 0 0 1.6rem}.quota{margin:1.5rem 0 0 1.6rem;font-size:.8rem}.scrim,.compose-fab{display:none}.main{min-width:0;padding:0 1rem 1rem 0;overflow:hidden}.card{background:var(--surface);border-radius:1rem;height:100%;position:relative;overflow-y:auto}.card .screen{max-width:44rem}.card section{border-top:none}.card .screen section{border-top:1px solid var(--border)}.list{padding:0 0 1rem}.list-toolbar{background:var(--surface);z-index:1;border-bottom:1px solid var(--border);align-items:center;gap:.25rem;min-height:3rem;padding:.25rem .75rem;display:flex;position:sticky;top:0}.list-title{flex:1;margin:0 .5rem;font-size:1rem;font-weight:500}.list .empty{text-align:center;padding:3rem 1rem}.list>.alert{margin:1rem}.threads{margin:0;padding:0;list-style:none}.thread-row{text-align:start;background:var(--surface-2);width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);border-radius:0;grid-template-columns:1.5rem 13rem minmax(0,1fr) auto 5.5rem;align-items:center;gap:.75rem;height:2.5rem;padding:0 1rem 0 1.25rem;font-size:.875rem;font-weight:400;display:grid}.thread-row.unread{background:var(--surface)}.thread-row:hover{box-shadow:inset 1px 0 0 var(--border), inset -1px 0 0 var(--border), 0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;z-index:0;position:relative}.thread-row .row-star{color:#f4b400;display:flex}.thread-row .who,.thread-row .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-row .count{color:var(--muted);font-size:.8rem;font-weight:400}.thread-row .draft-tag{color:var(--err)}.thread-row .snippet{color:var(--muted)}.thread-row .row-icons{color:var(--muted);gap:.25rem;display:flex}.thread-row .when{text-align:end;color:var(--muted);font-size:.8rem}.thread-row.unread .who,.thread-row.unread .subject,.thread-row.unread .when{color:var(--text);font-weight:700}.load-more{margin:1rem auto 0;display:block}.thread{padding-bottom:2rem}.thread-toolbar{background:var(--surface);z-index:1;align-items:center;gap:.125rem;min-height:3rem;padding:.25rem .75rem;display:flex;position:sticky;top:0}.thread-toolbar .divider{background:var(--border);width:1px;height:1.25rem;margin:0 .375rem}.move-to{width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:400;display:inline-flex;position:relative}.move-to:hover{background:var(--hover);color:var(--text)}.move-to select{opacity:0;cursor:pointer;border:none;padding:0;position:absolute;inset:0}.thread-subject{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.5rem .75rem 4.5rem;display:flex}.thread-subject h2{overflow-wrap:anywhere;margin:0;font-size:1.375rem;font-weight:400}.folder-chip{background:var(--hover);color:var(--muted);border-radius:4px;padding:.1rem .4rem;font-size:.75rem}.message{border-top:1px solid var(--border);margin:0;padding:1rem 1.5rem 1rem 1rem}.message>header{grid-template-columns:auto 1fr auto;align-items:start;gap:0 1rem;display:grid}.message .from{min-width:0}.message .from-line{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.message .from-line strong{font-size:.875rem}.message .address{color:var(--muted);font-size:.75rem}.message .to-line{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.message>header time{color:var(--muted);white-space:nowrap;font-size:.75rem}.message-badges,.message .body,.message .html-body,.message>.link,.message .attachment-list,.reply-bar{margin-inline-start:3.5rem}.message-badges:empty{display:none}.message .body{white-space:pre-wrap;word-break:break-word;margin-top:.75rem;margin-bottom:0;font-family:inherit;font-size:.875rem}button.message.collapsed{text-align:start;background:var(--surface);width:100%;color:var(--text);border:none;border-top:1px solid var(--border);border-radius:0;grid-template-columns:auto 10rem minmax(0,1fr) auto;align-items:center;gap:0 1rem;padding:.6rem 1.5rem .6rem 1.25rem;font-size:.875rem;font-weight:400;display:grid}button.message.collapsed:hover{background:var(--hover)}button.message.collapsed .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.message.collapsed .snippet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.message.collapsed time{color:var(--muted);font-size:.75rem}.attachment-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:0;list-style:none;display:flex}.attachment{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}button.attachment:hover{background:var(--hover)}.attachment .size{color:var(--muted);font-weight:400}.reply-bar{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.pill{color:var(--text);border:1px solid var(--border);background:0 0;align-items:center;gap:.5rem;padding:.45rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.pill:hover{background:var(--hover)}.chip{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.3rem;padding:.1rem .6rem;font-size:.78rem;display:inline-flex}.chip.e2e{color:var(--ok);border-color:var(--ok)}.chip.warn{color:var(--warn);border-color:var(--warn)}.loading{text-align:center;padding:2rem}.compose{background:var(--surface);width:min(36rem,100vw - 2rem);height:min(40rem,100vh - 5rem);box-shadow:var(--shadow-lg);z-index:20;border-top:none;border-radius:.75rem .75rem 0 0;flex-direction:column;padding:0;display:flex;position:fixed;bottom:0;right:1.5rem}.compose.minimized{width:18rem;height:auto}.compose-head{background:var(--surface-2);border-radius:.75rem .75rem 0 0;flex:none;align-items:center;gap:.125rem;height:2.5rem;padding:0 .25rem;display:flex}.compose-title{text-align:start;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:0;flex:1;padding:0 .75rem;font-size:.875rem;font-weight:600;overflow:hidden}.compose-head .icon-button{width:32px;height:32px}.compose form{flex-direction:column;flex:1;min-height:0;display:flex}.compose form[hidden]{display:none}.compose-fields{flex:none;padding:0 1rem}.compose-row{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:400;display:flex}.compose-row input{background:0 0;border:none;border-radius:0;padding:.55rem 0;font-size:.875rem}.compose-row input:focus{outline:none}.compose-scroll{flex-direction:column;flex:1;min-height:0;padding:.5rem 1rem;display:flex;overflow-y:auto}.compose-scroll textarea{resize:none;background:0 0;border:none;border-radius:0;flex:1;min-height:10rem;padding:.25rem 0;font-size:.875rem}.compose-scroll textarea:focus{outline:none}.rich-editor{flex-direction:column;flex:1;min-height:10rem;display:flex}.rich-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.125rem;padding-bottom:.25rem;display:flex}.rich-toolbar .icon-button{width:2rem;height:2rem}.icon-button.text-icon{font-size:.95rem;font-weight:600}.rich-link{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.rich-link input{flex:1}.rich-body{overflow-wrap:anywhere;flex:1;min-height:10rem;padding:.25rem 0;font-size:.875rem;line-height:1.5}.rich-body:focus{outline:none}.rich-body p,.rich-body div{margin:0 0 .5rem}.rich-body blockquote{border-left:3px solid var(--border);color:var(--muted);margin:0 0 .5rem;padding-left:.75rem}.rich-body a,.compose-actions .icon-button.active{color:var(--accent)}.compose .attachments{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.compose-actions{flex:none;align-items:center;gap:.25rem;padding:.6rem 1rem .75rem;display:flex}.compose-actions .send{padding:.55rem 1.5rem}.compose-actions .spacer{flex:1}.compose-actions label.icon-button{margin:0}.compose .alert,.compose .field{margin:.5rem 0}.toasts{z-index:15;flex-direction:column-reverse;gap:.5rem;width:min(26rem,100vw - 3rem);max-height:40vh;display:flex;position:fixed;bottom:1.5rem;left:1.5rem;overflow-y:auto}.toasts .delivery-panel{pointer-events:auto;flex:none}.toasts{pointer-events:none}.fingerprint{word-spacing:.2rem;font-family:ui-monospace,Menlo,monospace}.fingerprint.small{color:var(--muted);font-size:.8rem}@media (max-width:60rem){.app.mail{grid-template-rows:4rem 1fr;grid-template-columns:1fr}.app-header{gap:.25rem;padding:0 .5rem}.app-header .menu-button{display:inline-flex}.app-header .brand{display:none}.search{height:2.75rem}.me-address{display:none}.me{padding:.25rem}.sidebar{background:var(--surface);z-index:30;width:17rem;box-shadow:var(--shadow-lg);padding-top:1rem;display:none;position:fixed;inset:0 auto 0 0}.app.mail.drawer-open .sidebar{display:block}.app.mail.drawer-open .scrim{z-index:25;background:#0006;border:none;border-radius:0;display:block;position:fixed;inset:0}.main{padding:0}.card{border-radius:0}.thread-row{grid-template-columns:1fr auto;grid-template-areas:"who when""text text";gap:.1rem .5rem;height:auto;padding:.6rem 1rem}.thread-row .row-star,.thread-row .row-icons{display:none}.thread-row .who{grid-area:who;font-size:.95rem}.thread-row .when{grid-area:when}.thread-row .text{flex-direction:column;grid-area:text;display:flex}.thread-row .subject,.thread-row .snippet{text-overflow:ellipsis;overflow:hidden}.thread-row .dash{display:none}.reply-bar .pill{flex:1;justify-content:center;padding-inline:.75rem}.thread-subject{padding:.75rem 1rem}.message{padding:1rem}.message-badges,.message .body,.message .html-body,.message>.link,.message .attachment-list,.reply-bar{margin-inline-start:0}.message>header time{grid-column:2;font-size:.7rem}button.message.collapsed{grid-template-columns:auto minmax(0,1fr) auto}button.message.collapsed .snippet{display:none}.compose{border-radius:0;width:100%;height:100%;inset:0}.compose.minimized{width:100%;height:auto;top:auto}.compose-head{border-radius:0}.compose-fab{z-index:10;background:var(--compose-bg);color:var(--compose-text);box-shadow:var(--shadow-lg);border:none;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:inline-flex;position:fixed;bottom:1rem;right:1rem}.toasts{width:auto;bottom:5.5rem;left:1rem;right:1rem}}.badges{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.badges .alert{flex-basis:100%}.small{font-size:.85rem}.html-body iframe{border:1px solid var(--border);resize:vertical;background:#fff;border-radius:8px;width:100%;height:70vh;min-height:240px}.message-badges .badges,.message-badges>.chip{margin-top:.5rem}.recipient-plan{flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.chip.error{border-color:var(--err);color:var(--err)}.leaves-encryption{border:1px solid var(--warn);border-radius:8px;margin:10px 0;padding:10px 14px}.leaves-encryption legend{padding:0 4px;font-weight:600}.password-options{max-width:28rem;margin:6px 0 4px 24px}.delivery-panel{color:#f1f1f1;box-shadow:var(--shadow-lg);background:#303030;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.delivery-panel .link{color:#a8c7fa}.delivery-panel .muted{color:#c4c7c5}.delivery-panel header{justify-content:space-between;gap:8px;display:flex}.delivery-panel .warn{color:#fdd663}.delivery-panel ul{margin:6px 0 0;padding:0;list-style:none}.delivery-panel li{overflow-wrap:anywhere}