.mail-app{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;color:#111;overflow:hidden;animation:mail-enter .22s ease-out;padding-bottom:calc(12px + env(safe-area-inset-bottom));box-sizing:border-box}
.mail-app button,.mail-app input,.mail-app select,.mail-app textarea{font:inherit;box-sizing:border-box}.mail-app button{cursor:pointer}.mail-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 18px;flex-shrink:0}.mail-nav-actions{display:flex;gap:10px}.mail-app .mail-control{width:46px;height:46px;border:0;border-radius:50%;background:#fff;box-shadow:0 6px 22px #00000009;display:inline-flex;align-items:center;justify-content:center;color:#111;padding:11px;flex-shrink:0;transition:transform .18s,background .18s}.mail-control img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mail-control:active{transform:scale(.97)}.mail-app button:disabled{opacity:.4;cursor:default}.mail-app h1{font-size:30px;font-weight:800;line-height:1.2;margin:6px 20px 3px;overflow-wrap:anywhere}.mail-heading p{margin:0 20px 18px;color:#8e8e93;font-size:13px}.mail-list{min-height:0;flex:1;overflow:auto;padding:0 16px 16px;display:flex;flex-direction:column}.mail-row{display:flex;width:100%;text-align:left;border:0;background:#fff;border-radius:18px;padding:14px 6px;gap:8px;color:inherit}.mail-row:hover{background:#f7f7fa}.mail-row>div{flex:1;min-width:0}.mail-row-heading{display:flex;justify-content:space-between;gap:10px}.mail-row-heading time,.mail-row small{font-size:12px;color:#8e8e93}.mail-row b{display:block;font-size:15px;margin-top:4px}.mail-row p{font-size:14px;color:#8e8e93;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-unread{width:7px;height:7px;border-radius:50%;margin-top:6px;flex-shrink:0}.mail-unread.unread{background:#289ce8}.mail-empty{flex:1;display:grid;place-content:center;font-size:18px;font-weight:700;min-height:180px}.mail-toolbar{display:flex;gap:12px;padding:12px 24px 0;flex-shrink:0;align-items:center;border:0}.mail-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;height:48px;padding:0 18px;border-radius:30px;background:#fff;box-shadow:0 6px 24px #00000009}.mail-search input{border:0;outline:none;background:transparent;width:100%;min-width:0;font-size:16px}.mail-search .ui-icon{flex-shrink:0}.mail-detail{overflow:auto;padding:0 20px 24px;flex:1;min-height:0}.mail-detail h1{margin:12px 0 24px}.mail-sender{display:flex;gap:12px}.mail-sender img{width:40px;height:40px;object-fit:cover;border-radius:50%}.mail-sender small{display:block;color:#8e8e93;font-size:12px;margin-top:4px}.mail-letter-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:17px;margin:30px 0}.mail-detail-actions{display:flex;gap:12px}.mail-detail-actions .mail-control{width:auto;padding:0 18px;border-radius:24px;color:#007aff}.mail-compose-fields{margin:18px 20px;background:#f6f6fa;border-radius:22px;padding:6px 16px}.mail-compose-fields label,.mail-choice{display:flex;align-items:center;gap:14px;padding:12px 0;color:#8e8e93;font-size:15px}.mail-compose-fields input,.mail-compose-fields select,.mail-choice select{flex:1;min-width:0;border:0;background:transparent;color:#111;outline:none;font-size:16px}.mail-compose-fields span{color:#111}.mail-body-input{flex:1;min-height:130px;width:100%;padding:8px 24px;border:0;outline:none;background:#fff;resize:none;color:#111;font-size:17px!important;line-height:1.7}.mail-hint{padding:10px 24px;color:#8e8e93;font-size:11px}.mail-app .mail-send{background:#289ce8;color:white}.mail-mask{position:absolute;inset:0;background:#0004;z-index:50;display:flex;align-items:flex-end}.mail-sheet{width:100%;max-height:90%;overflow:auto;border-radius:32px 32px 0 0;background:#f2f2f7;padding:22px 22px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;animation:mail-enter .24s ease-out}.mail-sheet header{display:flex;align-items:center;justify-content:space-between}.mail-sheet h2{font-size:18px;margin:0}.mail-sheet p,.mail-sheet small{color:#8e8e93;line-height:1.5;font-size:13px}.mail-choice{background:#fff;border-radius:24px;padding:16px;margin:22px 0}.mail-primary{width:100%;padding:15px;border:0;border-radius:24px;color:white;background:#289ce8;font-weight:600!important}.mail-error{color:#c53e38!important;margin:12px 20px;font-size:14px}.mail-account{display:flex;align-items:center;flex-direction:column;padding:26px;gap:10px}.mail-account img{width:60px;height:60px;border-radius:50%;object-fit:cover}.mail-account-links{background:#fff;border-radius:24px;padding:6px 18px}.mail-account-links button{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:16px 0;color:#111}.mail-account-links span{color:#bbb}@keyframes mail-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mail-app,.mail-sheet{animation:none}.mail-app .mail-control{transition:none}}
.mail-account-links button:not(:last-child){border-bottom:1px solid #e5e5ea}.mail-account-links button>.ui-icon{width:14px;height:18px;color:#c4c4c9}