.mailbox{color:#202322;background:var(--paper-light);border:1px solid #ded8cb;border-radius:12px;width:calc(100% - 2rem);max-width:850px;margin:clamp(1.5rem,5vw,4rem) auto;padding:clamp(1.25rem,4vw,2.75rem);box-shadow:0 8px 32px #30281706}.mailbox-header{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.mailbox-header>a:last-child{text-underline-offset:4px;font-size:.875rem}.mailbox #mail-status:empty{display:none}.mailbox #login-panel>p{color:#555950;max-width:40rem}.mailbox details{border-top:1px solid #ded8cb;padding-top:1.25rem}.mailbox footer p{color:#64675f;padding-top:1rem}@media (width<=520px){.mailbox-header{flex-wrap:wrap;gap:.75rem}.mailbox-header>a:last-child{font-size:.8rem}.mailbox button{max-width:100%}}.mailbox h1{margin:.5rem 0 1.5rem;font-size:clamp(2rem,5vw,3.2rem)}.mailbox p{line-height:1.6}.mailbox label{margin:1rem 0 .4rem;display:block}.mailbox textarea,.mailbox input{color:#171918;width:100%;max-width:100%;font:inherit;background:#fffdf8;border:1px solid #98978d;border-radius:5px;padding:.8rem}.mailbox button{font:inherit;color:#151714;cursor:pointer;background:#f6bd30;border:1px solid #8c8d80;border-radius:5px;margin:.4rem .4rem .4rem 0;padding:.7rem 1rem}.mailbox button:disabled{opacity:.5;cursor:not-allowed}.mailbox details,.mailbox section{margin:1.5rem 0}.mailbox summary{cursor:pointer;font-weight:600}.mailbox pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#ecede5;background:#101615;border-radius:6px;max-height:30rem;padding:1rem;overflow:auto}.mailbox [hidden]{display:none!important}.mailbox footer{border-top:1px solid #aaa;margin-top:2rem;font-size:.875rem}.mail-messages{padding:0;list-style:none}.mail-messages li{border-bottom:1px solid #aaa;padding:1rem 0}.mailbox button:focus-visible,.mailbox input:focus-visible,.mailbox textarea:focus-visible{outline-offset:3px;outline:3px solid #365e87}.mailbox{border-radius:8px;max-width:880px;padding:clamp(1.25rem,4vw,2.5rem)}.mailbox h1{letter-spacing:-.045em;margin:.5rem 0 1.25rem;font-size:clamp(2rem,4vw,2.75rem)}.mailbox h2{letter-spacing:-.02em;margin:0;font-size:1.1rem}.mailbox p{font-size:.92rem;line-height:1.65}.mailbox button{letter-spacing:0;text-transform:none;background:0 0;border:1px solid #d8d3c7;border-radius:6px;justify-content:center;align-items:center;width:auto;min-height:38px;margin:0;padding:.55rem .85rem;font-size:.8rem;font-weight:600;line-height:1.3;display:inline-flex}.mailbox button:hover:not(:disabled){background:#eee8db;border-color:#b9b1a0}.mailbox #login,.mailbox #unlock,.mailbox #send-button,.mailbox #save-recovery{color:#201b12;background:#ffbb19;border-color:#e4a91c}.mailbox button:disabled{opacity:.4}.mail-toolbar,.mail-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.mail-toolbar{border-bottom:1px solid #e3ddd1;margin-bottom:1.5rem;padding-bottom:1rem}.mail-toolbar>div{gap:.5rem;display:flex}.mailbox #session-time{color:#727368;margin:0;font-size:.75rem}.mailbox #pending{color:#777769;font-size:.75rem}#mail-empty{text-align:center;color:#7e8175;padding:2.75rem 1rem}#mail-empty svg{color:#a18036;margin:0 auto 1rem}#mail-empty h3{color:#31382f;margin:0 0 .4rem;font-size:1.05rem}#mail-empty p{max-width:25rem;margin:0 auto;font-size:.85rem}.mailbox #mail-security{margin:1.25rem 0 0}.mailbox summary{padding:.25rem 0;font-size:.85rem;font-weight:600}.mailbox #mail-security p,.mailbox .mail-note{color:#717368;font-size:.8rem}.mailbox #passkeys{padding:0;list-style:none}.mailbox #passkeys li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;font-size:.8rem;display:flex}.mailbox .mail-messages li{border-color:#e3ddd1}.mail-messages li button{margin-right:.4rem}.mailbox .mail-messages p{font-size:.85rem}.mailbox #decrypt-panel{border-top:1px solid #ddd6c8;padding-top:1.5rem}.mailbox #decrypt-panel label{font-size:.85rem}.mailbox #key-drop{border:1px dashed #bbb29f;border-radius:6px;padding:1rem}.mailbox input[type=file]{background:0 0;border:0;padding:.6rem 0 0;font-size:.8rem}.mailbox footer{border-color:#e3ddd1;margin-top:1.5rem}.mailbox footer p{margin-bottom:0;font-size:.72rem}.mailbox #mail-status:not(:empty){background:#f3eddc;border-left:2px solid #e7ad2c;padding:.65rem .85rem;font-size:.85rem}.mailbox #recovery-notice{background:#fff5d8;border:1px solid #e7ad2c;border-radius:6px;padding:1.25rem}.mailbox #login-panel button{margin:.25rem .25rem .25rem 0}.mail-setup-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.mailbox .mail-setup-actions button{margin:0}@media (width<=520px){.mailbox{margin:1.25rem auto}.mail-toolbar{gap:.7rem}.mailbox #passkeys li{align-items:flex-start}#mail-empty{padding:2rem .25rem}}.mailbox[data-inbox=false]{max-width:760px;margin-block:clamp(1.25rem,3vw,2.5rem)}.mailbox[data-inbox=false] h1{margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.5rem)}.mailbox .mail-intro{color:#575e54;max-width:36rem;margin:1rem 0 1.5rem;font-size:1rem}.mail-field-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.6rem;display:flex}.mailbox .mail-field-heading label{margin:0;font-size:.9rem;font-weight:600}.mail-field-heading span,.mail-send-actions span{color:#737468;font-size:.78rem}.mailbox #mail-text{resize:vertical;background:#fffdf8;border-color:#d6cfc1;min-height:160px;padding:1rem;font-size:1rem;line-height:1.6;display:block}.mailbox #mail-text::placeholder{color:#84867b}.mailbox #reply-hint{max-width:36rem;margin:.7rem 0 1.1rem;font-size:.85rem}.mail-send-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.mailbox #mail-send-result{color:#37362f;background:#f3eddc;border-left:3px solid #9b7b2c;border-radius:0 5px 5px 0;margin:.85rem 0 0;padding:.75rem .9rem;font-size:.86rem}.mailbox #mail-send-result[data-state=success]{color:#174f30;background:#eaf6ed;border-left-color:#278650;font-weight:700}.mailbox #mail-send-result[data-state=error]{color:#76271f;background:#fff0ed;border-left-color:#a63b31}.mailbox #send-button[data-sent-label]:disabled{opacity:1}.mailbox #mail-antispam{margin-bottom:1rem}.mailbox .mail-send-info{margin:1.5rem 0 0;padding-top:1rem}.mailbox .mail-send-info p{color:#62685d;font-size:.875rem}.mailbox-body{flex-direction:column;min-height:100svh;display:flex}.mailbox-shell{isolation:isolate;background:var(--paper);flex:1;padding-block:.01px;position:relative}.mailbox-shell:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#090b0b0e 1px,#0000 1px),linear-gradient(90deg,#090b0b0e 1px,#0000 1px);background-size:5rem 5rem;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 0%,#0000008c 50%,#0000 82%)}.mailbox-shell>.mailbox{isolation:isolate;position:relative}.mailbox-shell>.mailbox:before{content:"";background:var(--amber);pointer-events:none;border-top-right-radius:8px;width:38%;min-width:7rem;height:4px;position:absolute;top:0;right:0}.mailbox .mail-messages{gap:.75rem;margin:1rem 0 1.4rem;display:grid}.mailbox .mail-messages .mail-message{background:#fffdf8;border:1px solid #ded8cb;border-radius:7px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.mail-message.is-unread{box-shadow:inset 3px 0 0 var(--amber)}.mail-message-meta{gap:.35rem;min-width:0;display:grid}.mail-message-state{color:#7b5200;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;font-weight:750;display:inline-flex}.mail-message-state:before{background:var(--amber);content:"";border-radius:50%;width:.5rem;height:.5rem}.mail-message.is-read .mail-message-state{color:#77796f}.mail-message.is-read .mail-message-state:before{background:#a9aba2}.mail-message-meta time{color:#454b46;font-variant-numeric:tabular-nums;font-size:.83rem}.mail-message-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.mailbox .mail-action-primary{background:#ffbb19;border-color:#e4a91c}.mailbox .mail-action-danger{color:#8a3129}.mailbox .mail-action-danger:hover:not(:disabled){background:#fff3f1;border-color:#cba8a4}.mailbox #mail-security{background:#fffdf8;border:1px solid #ded8cb;border-radius:7px;padding:0;overflow:hidden}.mailbox #mail-security>summary{padding:.9rem 1rem;list-style-position:inside}.mailbox #mail-security[open]>summary{border-bottom:1px solid #e6e0d5}.mail-security-content{padding:.25rem 1rem 1rem}.mail-security-actions{flex-wrap:wrap;gap:.5rem;display:flex}.mailbox #decrypt-panel.mail-reader{background:#fffdf8;border:1px solid #d8d1c3;border-radius:8px;margin:1.5rem 0 0;padding:0;overflow:hidden}.mail-reader-header{background:#f7f2e8;border-bottom:1px solid #e4ded2;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.mail-reader-header h2{font-size:1.35rem}.mail-reader-header h2:focus{outline:none}.mailbox .mail-reader-kicker{color:#8a5b00;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .2rem;font-size:.67rem;font-weight:800}.mailbox .mail-reader-intro{color:#5f655e;margin:1rem 1.25rem;font-size:.86rem}.mail-reader-steps{grid-template-columns:1fr 1fr;gap:.8rem;padding:0 1.25rem;display:grid}.mailbox .mail-reader-steps label{background:#fbf8f1;border:1px solid #ded8cb;border-radius:7px;flex-direction:column;justify-content:space-between;min-width:0;margin:0;padding:1rem;display:flex}.mailbox .mail-reader-steps .verify-drop{border-style:dashed}.mail-step{align-items:flex-start;gap:.75rem;font-size:.84rem;font-weight:700;display:flex}.mail-step>b{color:#231d12;background:#ffbb19;border-radius:50%;flex:0 0 1.6rem;place-items:center;height:1.6rem;font-size:.72rem;display:grid}.mail-step>span{gap:.18rem;display:grid}.mail-step small{color:#77796f;font-size:.7rem;font-weight:500}.mailbox .mail-reader-steps input{margin-top:1rem}.mailbox .mail-password input{background:#fff;height:2.65rem}.mail-reader-actions{align-items:center;gap:1rem;min-height:4.6rem;padding:1rem 1.25rem;display:flex}.mailbox .mail-reader-actions p{color:#6d7068;margin:0;font-size:.76rem}.mailbox .mail-reader-note{border:0;margin:0;padding:0 1.25rem 1rem}.mailbox .mail-reader-note summary{border-top:1px solid #e5dfd4;padding:.75rem 0}.mailbox .mail-reader-note p{color:#686d65;font-size:.8rem}.mailbox #plaintext{max-height:28rem;margin:0 1.25rem 1rem}.mailbox #mail-status[data-state=success]{color:#174f30;background:#eaf6ed;border-left-color:#278650;font-weight:650}@media (width<=700px){.mailbox .mail-messages .mail-message{flex-direction:column;align-items:flex-start}.mail-message-actions{justify-content:flex-start}.mail-reader-steps{grid-template-columns:1fr}}@media (width<=520px){.mail-setup-actions{flex-direction:column;align-items:stretch}.mailbox .mail-setup-actions button{width:100%}}