.mail-body{flex-direction:column;min-height:100svh;display:flex}.mail-shell{isolation:isolate;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.mail-art{z-index:-1;position:fixed;inset:0;overflow:hidden}.art-layer{opacity:0;background-position:100%;background-size:cover;transition:opacity .7s;position:absolute;inset:0}.mail-shell[data-stage=signin] .art-signin,.mail-shell[data-stage=loading] .art-signin,.mail-shell[data-stage=no-mailbox] .art-signin,.mail-shell[data-stage=app] .art-app{opacity:1}.art-veil{background:color-mix(in srgb, var(--color-bg) var(--mail-veil,72%), transparent);transition:background-color .4s;position:absolute;inset:0}.mail-shell[data-art=clear]{--mail-veil:10%;--mail-card-bg:58%;--mail-card-blur:26px;--mail-field-tint:7%}.mail-shell[data-art=soft]{--mail-veil:78%;--mail-card-bg:88%;--mail-card-blur:14px;--mail-field-tint:4%}.mail-top{border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);background-color:color-mix(in srgb, var(--color-bg) 78%, transparent);backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}@media (width>=1024px){.mail-top{padding-inline:1.75rem}}.mail-brand{color:var(--color-fg);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.mail-brand span{font-family:var(--font-serif-display,serif);letter-spacing:.01em;align-items:baseline;gap:.4rem;font-size:1.05rem;display:inline-flex}.mail-brand em{color:var(--color-green);font-style:normal}.mail-top-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.mail-chip{border:1px solid var(--color-border);color:var(--color-fg-dim);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .8rem;font-size:12.5px;transition:color .12s,border-color .12s}.mail-chip:hover{color:var(--color-fg);border-color:var(--color-fg-faint)}.mail-icon{border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);width:2rem;height:2rem;color:var(--color-fg-dim);background:color-mix(in srgb, var(--color-bg) 45%, transparent);backdrop-filter:blur(6px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:color .14s,border-color .14s,background-color .14s;display:inline-flex}.mail-icon:hover{color:var(--color-fg);border-color:color-mix(in srgb, var(--color-fg) 32%, transparent)}.mail-icon:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.mail-icon[data-art-toggle][aria-pressed=true]{color:var(--color-green);border-color:color-mix(in srgb, var(--color-green) 45%, transparent)}.mail-icon[data-art-toggle][aria-pressed=false] .art-sun,.mail-icon[data-art-toggle][aria-pressed=false] .art-hills{opacity:.4}.mail-whoami{color:var(--color-fg-dim);text-overflow:ellipsis;white-space:nowrap;max-width:16rem;font-size:12.5px;overflow:hidden}.mail-main{flex-direction:column;flex:1;min-height:0;display:flex}.mail-centre{flex:1;justify-content:center;align-items:center;padding:2.5rem 1rem 4rem;display:flex}.mail-card{border:1px solid color-mix(in srgb, var(--color-fg) 14%, transparent);background-color:color-mix(in srgb, var(--color-bg) var(--mail-card-bg,72%), transparent);width:100%;backdrop-filter:blur(var(--mail-card-blur,18px));border-radius:4px;padding:2rem 1.6rem;box-shadow:0 24px 70px -32px #0000008c}@media (width>=640px){.mail-card{padding:2.6rem 2.4rem}}.mail-card-narrow{max-width:27rem}.mail-card-signin{text-align:center;animation:.52s cubic-bezier(.22,.61,.36,1) both mail-card-in}@keyframes mail-card-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.mail-mark{border:1px solid color-mix(in srgb, var(--color-green) 30%, transparent);background:color-mix(in srgb, var(--color-green) 9%, transparent);border-radius:999px;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;display:inline-flex}.mail-card-signin .mail-form,.mail-card-signin .field-label{text-align:left}.mail-card .field-input{background-color:color-mix(in srgb, var(--color-fg) var(--mail-field-tint,5%), transparent);border-color:color-mix(in srgb, var(--color-fg) 18%, transparent);transition:border-color .15s,box-shadow .15s,background-color .15s}.mail-card .field-input:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-fg) 30%, transparent)}.mail-card .btn{border-radius:.25rem}.mail-card .field-input:focus,.mail-card .field-input:focus-visible{border-color:color-mix(in srgb, var(--color-green) 60%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-green) 16%, transparent)}.mail-skeleton{flex-direction:column;gap:.7rem;margin-top:1.5rem;display:flex}.mail-skeleton-line{background:linear-gradient(90deg, color-mix(in srgb, var(--color-fg) 8%, transparent) 25%, color-mix(in srgb, var(--color-fg) 17%, transparent) 50%, color-mix(in srgb, var(--color-fg) 8%, transparent) 75%);background-size:240% 100%;border-radius:999px;height:.62rem;animation:1.5s ease-in-out infinite mail-shimmer}.mail-skeleton-line:nth-child(2){animation-delay:.11s}.mail-skeleton-line:nth-child(3){animation-delay:.22s}.mail-skeleton-line:nth-child(4){animation-delay:.33s}@keyframes mail-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.mail-card-signin,.mail-skeleton-line{animation:none}}.mail-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-green);font-size:11px;font-weight:600}.mail-title{font-family:var(--font-serif-display,serif);color:var(--color-fg);margin-top:1.1rem;font-size:1.75rem;line-height:1.2}.mail-lede{color:var(--color-fg-dim);margin-top:.85rem;font-size:14.5px;line-height:1.65}.mail-loading{color:var(--color-fg-dim);margin-top:1rem;font-size:14.5px}.mail-foot-site{margin-top:1.1rem}.mail-form{flex-direction:column;gap:1.1rem;margin-top:1.6rem;display:flex}.mail-foot{color:var(--color-fg-dim);flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;font-size:13px;display:flex}.mail-app{flex-direction:column;flex:1;min-height:0;display:flex}.mail-tabs{border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);background-color:color-mix(in srgb, var(--color-bg) 70%, transparent);backdrop-filter:blur(14px);gap:.25rem;padding:.6rem 1rem 0;display:flex;overflow-x:auto}@media (width>=1024px){.mail-tabs{padding-inline:1.75rem}}.mail-tab{color:var(--color-fg-dim);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:.55rem .9rem;font-size:13.5px}.mail-tab[aria-selected=true]{color:var(--color-fg);border-bottom-color:var(--color-green)}.mail-panel{flex:1;min-height:0;padding:1.25rem 1rem 2rem}@media (width>=1024px){.mail-panel{padding-inline:1.75rem}}.mail-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=900px){.mail-grid{grid-template-columns:13rem minmax(18rem,24rem) minmax(0,1fr);align-items:start}}.mail-folders,.mail-list-pane,.mail-read-pane{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);background-color:color-mix(in srgb, var(--color-bg) var(--mail-card-bg,72%), transparent);backdrop-filter:blur(var(--mail-card-blur,18px));border-radius:4px;padding:.9rem}@media (width>=900px){.mail-list-pane,.mail-read-pane{min-height:min(70vh,44rem);max-height:min(70vh,44rem);overflow-y:auto}.mail-list{max-height:none;overflow:visible}}.mail-compose-btn{width:100%}.mail-folders ul{flex-direction:column;gap:.1rem;margin-top:.85rem;display:flex}.mail-folder{width:100%;color:var(--color-fg-dim);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:13.5px;display:flex}.mail-folder:hover{background-color:color-mix(in srgb, var(--color-fg) 6%, transparent);color:var(--color-fg)}.mail-folder[aria-current=true]{background-color:color-mix(in srgb, var(--color-green) 14%, transparent);color:var(--color-fg);font-weight:500}.mail-folder-count{color:var(--color-fg-faint);font-variant-numeric:tabular-nums;font-size:12px}.mail-folder-unread{color:var(--color-green);font-weight:600}.mail-usage{border-top:1px solid var(--color-border);color:var(--color-fg-dim);margin-top:1.1rem;padding-top:.85rem;font-size:12px}.mail-usage-bar{background-color:color-mix(in srgb, var(--color-fg) 12%, transparent);border-radius:999px;height:4px;margin-top:.4rem;overflow:hidden}.mail-usage-fill{background-color:var(--color-green);border-radius:999px;height:100%;transition:width .3s}.mail-usage-fill[data-tone=warn]{background-color:var(--color-blue)}.mail-usage-fill[data-tone=full]{background-color:var(--color-red)}.mail-search{margin-bottom:.75rem}.mail-list{flex-direction:column;max-height:min(62vh,40rem);display:flex;overflow-y:auto}.mail-item{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);text-align:left;cursor:pointer;background:0 0;width:100%;padding:.7rem .5rem}.mail-item:hover{background-color:color-mix(in srgb, var(--color-fg) 5%, transparent)}.mail-item[aria-current=true]{background-color:color-mix(in srgb, var(--color-green) 12%, transparent)}.mail-item-top{justify-content:space-between;align-items:baseline;gap:.6rem;width:100%;display:flex}.mail-item-who{color:var(--color-fg);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.mail-item[data-unread=true] .mail-item-who{font-weight:600}.mail-item-when{color:var(--color-fg-faint);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.mail-item-subject{color:var(--color-fg-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:13px;display:block;overflow:hidden}.mail-item-preview{color:var(--color-fg-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:12px;display:block;overflow:hidden}.mail-row{border:0;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;width:100%;padding:.75rem 0;transition:background-color .14s;display:block}.mail-row:hover,.mail-row:focus-visible{background-color:color-mix(in srgb, var(--color-fg) 4%, transparent)}.mail-row-plain{cursor:default}.mail-row-plain:hover{background:0 0}.mail-row-subject{color:var(--color-fg);font-size:13.5px}.mail-row-unread{font-weight:600}.mail-row-preview{color:var(--color-fg-dim);margin-top:.2rem;font-size:12.5px}.mail-row-when{color:var(--color-fg-faint);margin-top:.25rem;font-size:11.5px}.mail-reading{border:1px solid var(--color-border);background-color:color-mix(in srgb, var(--color-fg) 3%, transparent);border-radius:.3rem;margin-top:1.2rem;padding:1.1rem 1.2rem}.mail-thread-line{border-top:1px solid var(--color-border);padding:.8rem 0}.mail-thread-line:first-of-type{border-top:0}.mail-thread-who{letter-spacing:.04em;color:var(--color-fg-faint);font-size:11.5px}.mail-thread-mine{border-left:2px solid var(--color-border);padding-left:.9rem}.mail-thread-body{color:var(--color-fg);white-space:pre-wrap;margin-top:.3rem;font-size:13.5px;line-height:1.65}.mail-reply{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.9rem}.mail-record-body{border-left:2px solid var(--color-border);margin-top:.7rem;padding-left:.9rem}.mail-note{color:var(--color-red);margin-top:.5rem;font-size:12.5px}.mail-empty{text-align:center;color:var(--color-fg-faint);padding:2.5rem 1rem;font-size:13.5px}.mail-read-head{border-bottom:1px solid var(--color-border);padding-bottom:.9rem}.mail-read-subject{font-family:var(--font-serif-display,serif);color:var(--color-fg);font-size:1.3rem;line-height:1.3}.mail-read-meta{color:var(--color-fg-dim);flex-direction:column;gap:.15rem;margin-top:.5rem;font-size:12.5px;display:flex}.mail-read-actions{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.mail-read-body{color:var(--color-fg);white-space:pre-wrap;word-break:break-word;margin-top:1.1rem;font-size:14px;line-height:1.7}.mail-read-attachments{border-top:1px solid var(--color-border);margin-top:1.4rem;padding-top:.9rem}.mail-attach-row{color:var(--color-fg-dim);justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem 0;font-size:13px;display:flex}.mail-attach-gone{color:var(--color-fg-faint);font-style:italic}.mail-compose{z-index:50;background-color:color-mix(in srgb, var(--color-bg) 55%, transparent);backdrop-filter:blur(6px);justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}@media (width>=768px){.mail-compose{align-items:center}}.mail-compose-inner{border:1px solid var(--color-border);background-color:var(--color-bg);border-radius:4px;width:100%;max-width:44rem;max-height:92svh;overflow-y:auto;box-shadow:0 30px 80px -30px #0009}.mail-compose-top{z-index:1;border-bottom:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-fg);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;font-size:13.5px;display:flex;position:sticky;top:0}.mail-compose-form{flex-direction:column;gap:.9rem;padding:1.1rem;display:flex}.mail-compose-from{color:var(--color-fg-dim);font-size:12.5px}.mail-compose-row{gap:.9rem;display:grid}@media (width>=640px){.mail-compose-row{grid-template-columns:1fr 1fr}}.mail-compose-body{resize:vertical;min-height:12rem;font-family:inherit;line-height:1.6}.mail-link-btn{color:var(--color-fg-dim);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12.5px;text-decoration:underline}.mail-attach{border-top:1px solid var(--color-border);padding-top:.85rem}.mail-attach-btn{cursor:pointer}.mail-attach-note{color:var(--color-fg-faint);margin-left:.6rem;font-size:12px}.mail-attach-list{color:var(--color-fg-dim);flex-direction:column;gap:.2rem;margin-top:.6rem;font-size:12.5px;display:flex}.mail-compose-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mail-compose-hint{color:var(--color-fg-faint);font-size:12px}@media (width<=899px){.mail-read-pane[data-open=false],.mail-grid[data-reading=true] .mail-list-pane,.mail-grid[data-reading=true] .mail-folders{display:none}}