*{box-sizing:border-box}body{color:#242535;background:#f8f9fc;margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #c4baff}.header{border-bottom:1px solid #eaecf3;justify-content:space-between;align-items:center;max-width:1180px;height:86px;margin:auto;padding:0 30px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:11px;font-size:21px;font-weight:750;display:flex}.brand-icon{color:#fff;background:#6550dc;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.brand-mail{color:#8a879b;margin-left:5px;font-weight:450}.public-pill{color:#626674;background:#fff;border:1px solid #e5e8ee;border-radius:24px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:flex}.public-pill span,.reader-state>span{background:#a5a8b3;border-radius:50%;width:6px;height:6px}.public-pill span{background:#7e67e6}main{max-width:1110px;margin:auto;padding:0 25px}.intro{text-align:center;padding:62px 0 36px}.eyebrow{letter-spacing:2px;color:#79718e;margin:0 0 16px;font-size:10px;font-weight:700}.intro h1{letter-spacing:-2px;margin:0 0 18px;font-size:50px;font-weight:700;line-height:1.14}.intro h1 span{color:#6a50d9}.intro>p:last-child{color:#7a7e8c;margin:0;font-size:15px;line-height:1.75}.lookup{background:#fff;border:1px solid #e3e6ef;border-radius:15px;max-width:1000px;margin:auto;padding:24px 27px 20px;box-shadow:0 6px 20px #21284a04}.lookup form>label{margin-bottom:9px;font-size:12px;font-weight:650;display:block}.field-row{gap:9px;display:flex}.address-field{color:#9095a5;background:#fafbfe;border:1px solid #dee1eb;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;height:47px;padding:0 13px;display:flex}.address-field input{color:#25293b;background:0 0;border:0;outline:none;width:100%;min-width:0;height:45px;font-size:13px}.address-field:focus-within{border-color:#8571df;box-shadow:0 0 0 3px #ede9fa}.address-field input::placeholder{color:#a2a6b3}.domain-field select{color:#666c7b;background:#fff;border:1px solid #dee1eb;border-radius:8px;width:260px;max-width:260px;height:47px;padding:0 12px;font-size:12px}.primary{color:#fff;white-space:nowrap;background:#6550dc;border:0;border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:0 21px;font-size:13px;font-weight:650;display:flex}.primary:hover{background:#5842c9}.form-note{color:#9095a5;align-items:center;gap:7px;margin:13px 0 0;font-size:11px;display:flex}.mailbox{background:#fff;border:1px solid #e0e4ed;border-radius:15px;grid-template-columns:370px 1fr;min-height:410px;margin:30px 0 16px;display:grid;overflow:hidden;box-shadow:0 7px 24px #21284a03}.inbox-panel{background:#fcfcfe;border-right:1px solid #e5e8f0;flex-direction:column;display:flex}.inbox-heading{border-bottom:1px solid #e6e9f0;justify-content:space-between;align-items:center;gap:9px;padding:19px 20px;display:flex}.inbox-heading h2{align-items:center;gap:9px;margin:0;font-size:14px;font-weight:650;display:flex}.inbox-heading h2>span{color:#8a859f;text-align:center;background:#f0edf8;border-radius:5px;min-width:19px;padding:1px 6px;font-size:11px}.icon-button{color:#8a90a0;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.icon-button:hover{color:#6250d1;background:#eeedf6}.inbox-hint{color:#969cab;padding:18px 21px;font-size:11px}.active-box{border-bottom:1px solid #eeeff6;justify-content:space-between;align-items:center;gap:3px;padding:15px 17px;display:flex}.active-box>div{min-width:0}.active-box span{color:#9398a8;letter-spacing:1.1px;font-size:8px;font-weight:700}.active-box p{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;font-weight:550;overflow:hidden}.new-only{color:#858999;border-bottom:1px solid #eeeff6;align-items:center;gap:7px;padding:10px 18px;font-size:11px;display:flex}.new-only input{accent-color:#6550dc}.message-list{flex:1;max-height:560px;overflow:auto}.message-row{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #eeeff6;padding:17px 18px;position:relative}.message-row:hover{background:#f3f1fa}.message-row.selected{background:#f0edfb;box-shadow:inset 3px 0 #7560dc}.sender{color:#83899a;justify-content:space-between;gap:5px;margin-bottom:7px;font-size:10px;display:flex}.sender time{white-space:nowrap;color:#a0a4b2;font-size:9px}.message-row strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;padding-right:12px;font-size:12px;display:block;overflow:hidden}.message-row>svg{color:#a39abd;position:absolute;top:54px;right:15px}.message-preview{color:#9b9fae;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:10px;display:flex;overflow:hidden}.code-chip{color:#6f59ca;letter-spacing:1px;background:#e9e4fb;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px}.list-empty{text-align:center;color:#989dab;min-height:219px;padding:39px 35px}.empty-icon{color:#c2b9de;background:#f8f6fc;border:1px solid #e8e5f4;border-radius:14px;place-items:center;width:48px;height:48px;margin:auto auto 13px;display:grid}.list-empty strong{color:#9398a6;font-size:12px;font-weight:550;display:block}.list-empty p{max-width:200px;margin:7px auto;font-size:11px;line-height:1.7}.reader-state{color:#969baa;border-top:1px solid #e8eaf2;align-items:center;gap:7px;padding:13px 19px;font-size:9px;display:flex}.reader-state>span.connected{background:#55ac92}.reading-panel{min-width:0;padding:31px 35px}.reading-empty{text-align:center;color:#9b9fae;flex-direction:column;justify-content:center;align-items:center;min-height:340px;display:flex}.letter-illustration{color:#b2a3df;background:#f2eefb;border-radius:24px;place-items:center;width:99px;height:92px;margin-bottom:22px;display:grid;position:relative}.mini-code{color:#9b8ac6;letter-spacing:1px;background:#fff;border-radius:5px;padding:3px 9px;font:10px monospace;position:absolute;bottom:4px;left:19px;box-shadow:0 3px 12px #51409b0d}.reading-empty h2{color:#606678;letter-spacing:-.4px;margin:0 0 9px;font-size:19px;font-weight:600}.reading-empty p{color:#969bab;max-width:285px;margin:0;font-size:12px;line-height:1.7}.empty-details{color:#a9adba;flex-direction:column;gap:7px;margin-top:22px;font-size:10px;display:flex}.empty-details span{align-items:center;gap:6px;display:flex}.message-meta{color:#a0a5b4;letter-spacing:1px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:9px;display:flex}.message-meta time{letter-spacing:0;align-items:center;gap:6px;font-size:10px;display:flex}.reading-panel>h2{letter-spacing:-.5px;margin:0 0 12px;font-size:22px;line-height:1.4}.from{color:#979ca9;margin:0;font-size:11px}.from strong{color:#6b7285;font-weight:500}.to{color:#a4a9b7;margin:4px 0 22px;font-size:10px}.code-card{background:#f2effb;border:1px solid #e6dff9;border-radius:11px;margin-bottom:23px;padding:17px 21px}.code-card>span{letter-spacing:1.2px;color:#9685be;font-size:8px;font-weight:700}.code-card>div{justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.code-card strong{letter-spacing:5px;color:#6450c3;font:600 31px monospace}.copy-code{color:#7560bd;background:#fff;border:1px solid #d8cef0;border-radius:6px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#737b8c;margin:0;font:12px/1.8 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.privacy-note{text-align:center;color:#a1a6b4;margin:18px 0 45px;font-size:10px}.error{color:#996049;background:#fff9f5;border:1px solid #f0ddd3;border-radius:9px;max-width:1000px;margin:15px auto -10px;padding:12px 17px;font-size:12px}footer{color:#a1a7b6;border-top:1px solid #e7eaf0;justify-content:space-between;max-width:1110px;margin:auto;padding:22px 25px 30px;font-size:10px;display:flex}.back-button{color:#7a66cc;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 20px;padding:0;font-size:11px;display:none}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.field-row{flex-wrap:wrap}.address-field{flex-basis:100%}.domain-field{flex:1;min-width:0}.domain-field select{width:100%;max-width:none}.primary{min-height:45px}.mailbox{grid-template-columns:320px 1fr}.reading-panel{padding:26px 20px}.intro h1{font-size:43px}}@media (width<=620px){.header{height:73px;padding:0 20px}.brand{font-size:19px}.public-pill{font-size:10px}main{padding:0 16px}.intro{padding:43px 0 29px}.intro h1{letter-spacing:-1.5px;font-size:37px}.intro>p:last-child{font-size:12px}.desktop-break{display:none}.lookup{padding:20px 16px 17px}.domain-field select{padding-left:8px;font-size:10px}.primary{gap:8px;padding:0 13px;font-size:11px}.mailbox{min-height:300px;margin-top:22px;display:block}.inbox-panel{border-right:0}.reading-panel,.has-selected .inbox-panel{display:none}.has-selected .reading-panel{min-height:340px;display:block}.back-button{display:flex}.privacy-note{max-width:300px;margin:18px auto 32px;font-size:9px}footer{gap:15px;padding:18px 17px;font-size:9px}footer>span:last-child{text-align:right}.code-card strong{letter-spacing:4px;font-size:28px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}