:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}html,body,#root{height:100%}body{overflow:hidden}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.safe-page{position:relative;min-height:100vh;min-height:100dvh;height:100dvh;overflow-y:auto;padding:calc(max(env(safe-area-inset-top),0px) + 64px) 18px calc(88px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.safe-page.no-tabbar{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.safe-page.with-settings-bar{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.page-heading{position:relative;z-index:1;padding:0 2px 8px}.page-heading h1{margin:0;font-size:34px;line-height:.98;letter-spacing:-.05em;font-weight:820}.content-shell{display:grid;gap:12px}.center-state{display:grid;place-items:center}.aurora-bg{position:fixed;inset:-18%;pointer-events:none;background:radial-gradient(circle at 18% 4%,rgba(0,122,255,.22),transparent 24%),radial-gradient(circle at 88% 2%,rgba(175,82,222,.18),transparent 24%),radial-gradient(circle at 50% 106%,rgba(52,199,89,.15),transparent 30%);filter:blur(14px)}@media(prefers-color-scheme:dark){:root{color:#f5f5f7;background:#000}}.apple-glass,.glass-card{background:#ffffffb8;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.34);box-shadow:0 18px 50px #00000012,inset 0 1px #ffffff80}.glass-card{position:relative;border-radius:30px;clip-path:inset(0 round 30px);padding:18px}.large-title-nav{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;min-height:44px;padding:0 2px 8px;border-radius:0;clip-path:none;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.large-title-nav h1{margin:0;font-size:34px;letter-spacing:-.05em;line-height:.98}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#6e6e73;font-weight:700}.ios-button{border-radius:16px;padding:12px 16px;background:#7676801f;color:#007aff;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ios-button.primary{background:#007aff;color:#fff;box-shadow:0 10px 28px #007aff42}.ios-button.subtle{justify-self:start}.ios-button:disabled{opacity:.45}.add-mailbox-button{width:100%}.add-mailbox-row{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:24px;color:#007aff;font-weight:800;text-align:left}.add-mailbox-row span{display:inline-flex;align-items:center;gap:10px}.add-mailbox-row .chevron{transition:transform .22s ease}.add-mailbox-row .chevron.is-open{transform:rotate(180deg)}.icon-button{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#6e6e73;background:#7676801f}.icon-button.destructive{color:#ff453a;background:#ff453a1f}.ios-input{width:100%;border:0;outline:0;margin-top:8px;padding:13px 15px;border-radius:16px;background:#7676801f;color:inherit;appearance:none}.ios-input:focus{box-shadow:0 0 0 4px #007aff29}.ios-textarea{resize:vertical;min-height:160px}.ios-switch{width:100%;min-width:0;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;overflow:hidden;background:transparent!important;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.ios-switch:active{background:transparent!important;transform:none}.ios-switch:disabled{opacity:.62;cursor:default}.ios-switch span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios-switch i{flex:0 0 auto;position:relative;width:51px;height:31px;border-radius:999px;background:#78788047;transition:background .24s ease}.ios-switch i:after{content:"";position:absolute;width:27px;height:27px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #0000003d;transition:transform .34s cubic-bezier(.2,.8,.2,1)}.ios-switch.is-on i{background:#34c759}.ios-switch.is-on i:after{transform:translate(20px)}.settings-tab-bar{position:fixed;left:18px;right:18px;bottom:max(8px,calc(env(safe-area-inset-bottom) - 18px));z-index:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:30px;transition:opacity .2s ease,transform .24s ease}.settings-tab-bar button{min-width:0;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:24px;background:transparent;color:#8e8e93;font-weight:760}.settings-tab-bar button svg{width:22px;height:22px}.settings-tab-bar button.active{background:#007aff24;color:#007aff}.settings-tab-bar span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.1;letter-spacing:-.01em}.safe-page:has(input:focus,textarea:focus,select:focus) .settings-tab-bar,html.keyboard-open .settings-tab-bar{opacity:0;pointer-events:none;transform:translateY(30px)}.message-list,.detail-stack,.compose-card,.mailbox-list{display:grid;gap:12px}.mail-row{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;color:inherit}.mail-row div{min-width:0;display:grid;gap:4px}.mail-row span,.caption,.warning-card span{color:#6e6e73}.mail-row time{color:#8e8e93;font-size:12px;white-space:nowrap;margin-left:12px}.metric{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.05em;margin:8px 0}.body-text{white-space:pre-wrap;line-height:1.55}.error-text{color:#ff3b30}.hero-card h2,.mailbox-form-card h2{margin:0;font-size:24px;line-height:1.08;letter-spacing:-.03em}.hero-card p:not(.eyebrow),.smtp-card small,.mailbox-title small{color:#6e6e73;line-height:1.4}.overview-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.overview-item{min-width:0;min-height:68px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:22px;background:#7676801a}.overview-item svg{color:#007aff}.overview-item div{min-width:0;display:grid;gap:2px}.overview-item strong{font-size:26px;line-height:1;letter-spacing:-.04em}.overview-item span{color:#6e6e73;font-size:13px;font-weight:700}.metric-row{display:flex;flex-wrap:wrap;gap:8px}.metric-row span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#7676801f;color:#1d1d1f;font-weight:700}.mailbox-card,.smtp-card,.mailbox-form-card{display:grid;gap:14px}.service-card{padding:17px}.mailbox-topline{display:flex;align-items:center;gap:12px;min-width:0}.mailbox-topline>svg{flex:0 0 auto;color:#007aff;opacity:.96}.mailbox-title{min-width:0;flex:1;display:grid;gap:4px}.mailbox-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;letter-spacing:-.02em}.mailbox-title small{overflow:hidden;text-overflow:ellipsis}.status-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#8e8e93;box-shadow:0 0 0 5px #8e8e931f}.status-dot.ok{background:#34c759;box-shadow:0 0 0 5px #34c75924}.status-dot.warn{background:#ff9f0a;box-shadow:0 0 0 5px #ff9f0a24}.status-pill{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#007aff1a;color:#007aff;font-size:11px;font-weight:800;letter-spacing:.04em}.mailbox-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;overflow:hidden}.ios-list{border-radius:22px;overflow:hidden;background:#7676801a}.compact-list{display:grid}.flush-list .ios-switch{border-bottom:1px solid rgba(60,60,67,.11)}.flush-list .ios-switch:last-child{border-bottom:0}.ios-list-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(60,60,67,.11)}.ios-list-row:last-child{border-bottom:0}.ios-list-row span{color:#6e6e73}.ios-list-row strong{min-width:0;text-align:right;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-meta{background:#7676801f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label:first-child,.form-grid label:nth-child(3),.form-grid label:nth-child(6),.form-grid label:nth-child(7){grid-column:1 / -1}.form-grid label{color:#6e6e73;font-size:13px;font-weight:700}.inline-error{display:flex;align-items:center;gap:8px;color:#ff3b30}.section-heading{display:flex;align-items:center;gap:8px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}.command-list{display:grid;gap:8px}.command-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(60,60,67,.12)}.command-row:last-child{border-bottom:0}.command-row code,.command-example{border-radius:12px;background:#7676801f;color:#007aff}.command-row code{padding:7px 8px;font-weight:800}.command-row span{color:#6e6e73}.command-example{margin:0;padding:14px;white-space:pre-wrap;overflow:auto}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.apple-glass,.glass-card{background:#121214bd;border-color:#ffffff17;box-shadow:0 16px 48px #00000057,inset 0 1px #ffffff0f}.ios-input,.ios-list,.icon-button,.command-row code,.command-example,.metric-row span,.overview-item{background:#7676803b}.add-mailbox-row{background:#0a84ff2e;border-color:#0a84ff40}.hero-card p:not(.eyebrow),.smtp-card small,.mailbox-title small,.ios-list-row span,.command-row span,.overview-item span{color:#a1a1a6}.metric-row span{color:#f5f5f7}.mailbox-topline>svg{color:#f5f5f7}}.message-detail-page,.message-detail-card,.message-detail-card *{min-width:0}.message-detail-card{display:grid;gap:16px;overflow:hidden}.message-detail-card .eyebrow{margin:0 0 -8px}.message-detail-card h2{margin:0 0 2px;font-size:28px;line-height:1.08;letter-spacing:-.035em}.mail-body-card{width:100%;padding:16px;border-radius:22px;background:#7676801a;overflow:hidden}.html-preview-block{display:grid;gap:12px;min-width:0}.message-detail-card h2,.message-detail-card p,.mail-row strong,.mail-row span,.body-text{overflow-wrap:anywhere;word-break:break-word}.message-detail-card .message-meta .ios-list-row{align-items:flex-start}.message-detail-card .message-meta .ios-list-row strong{white-space:normal;overflow:visible;text-overflow:clip}.html-preview-scroll{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:22px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #7676802e}.html-preview-scroll.full-page{height:calc(100vh - 18px);height:calc(100dvh - 18px);border-radius:28px}.html-preview{width:1024px;max-width:none;min-height:100%;border:0;display:block;background:#fff}.original-preview-page{position:fixed;inset:8px;z-index:30;overflow:hidden}.original-preview-back{position:fixed;top:calc(max(env(safe-area-inset-top),0px) + 72px);left:18px;z-index:31;min-height:44px;padding:0 16px;border-radius:999px;color:#007aff;font-weight:800;box-shadow:0 12px 30px #00000024,inset 0 1px #ffffff94}.attachment-list{background:#7676801f}.attachment-row{width:100%;color:inherit;background:transparent;text-align:left}.attachment-row span,.attachment-row strong{min-width:0;overflow-wrap:anywhere}.attachment-row strong{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:#007aff}@media(prefers-color-scheme:dark){.html-preview-scroll{background:#1c1c1eb8}.attachment-list{background:#7676803d}.attachment-row{color:#f5f5f7}.attachment-row strong{color:#0a84ff}}.glass-card,.large-title-nav{animation:rise .42s cubic-bezier(.2,.8,.2,1) both}button{transition:transform .18s ease,background .24s ease,opacity .24s ease}button:active{transform:scale(.97)}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}