:root{color-scheme:dark;color:#edf3f8;background:#0b1015;font-family:Segoe UI,system-ui,sans-serif}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:100;padding:.65rem .9rem;border-radius:4px;background:#edf3f8;color:#0b1015;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0b1015}.app-shell{min-height:100dvh;background-color:#0b1015;background-image:radial-gradient(rgb(104 168 210 / .16) 1px,transparent 1px);background-size:20px 20px}.app-header{position:sticky;top:0;z-index:10;background:#0b1015eb;border-bottom:1px solid #26333e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header__inner{max-width:1280px;min-height:64px;padding:0 2rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{margin:0;color:#f7fbff;font-size:1.2rem;font-weight:650;letter-spacing:-.02em}.app-header nav,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.app-header button:active,.actions button:active{transform:translateY(1px) scale(.99)}.demo-notice{padding:.55rem 1rem;border-bottom:1px solid #31536a;background:#102a3b;color:#ccecff;text-align:center;font-size:.875rem}.app-content{max-width:1180px;margin:0 auto;padding:3rem 2rem}.app-content:focus{outline:none}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-intro h2{margin:0;font-size:2rem;letter-spacing:-.03em;font-weight:600}.page-intro p{max-width:45rem;margin:.45rem 0 0;color:#a9bac8;line-height:1.5}.form-panel,.account-card,.proxy-card,.mail-panel,.message-preview,.empty-state{border:1px solid #2a3945;border-radius:6px;background:#121a22;box-shadow:0 14px 34px #0000002e;animation:surface-in .18s ease-out both}.form-panel{margin-bottom:1.5rem;padding:1.5rem;border-left:3px solid #63b3e5}.form-panel h3,.account-card h3,.proxy-card h3{margin:0;color:#f4f9fc;font-size:1rem;font-weight:600}.form-panel>p,.account-meta,.proxy-card p{margin:.45rem 0 1.2rem;color:#a9bac8;font-size:.875rem}.account-card h3,.proxy-card h3,.account-meta,.proxy-card p{overflow-wrap:anywhere}.account-error{max-width:52rem;margin:.55rem 0 0;color:#ffb1b1;font-size:.8125rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end}.form-grid--account{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .fui-Field{min-width:0}.form-panel .fui-MessageBar{margin-top:1rem}.account-list,.proxy-list{display:grid;gap:.75rem}.account-card,.proxy-card{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.account-name{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.account-meta,.proxy-card p{margin-bottom:0}.danger-button{color:#ff9b9b!important}.empty-state,.loading-state{min-height:240px;display:grid;place-items:center;align-content:center;text-align:center}.empty-state h2{margin:.75rem 0 .3rem;font-size:1.2rem}.empty-state p,.empty-copy{margin:0;color:#a9bac8}.empty-copy{padding:1.5rem}.mail-toolbar{display:grid;grid-template-columns:18rem 18rem 1fr;gap:1rem;margin-bottom:1.5rem}.mail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:1rem}.message-list{overflow:hidden}.message-row{width:100%;display:block;padding:1.05rem 1.25rem;border:0;border-bottom:1px solid #26343f;background:transparent;color:#edf3f8;text-align:left;cursor:pointer;font:inherit;transition:background .14s ease,border-color .14s ease}.message-row:hover,.message-row--active{background:#192631}.message-row:focus-visible{outline:2px solid #63b3e5;outline-offset:-2px}.message-row__top{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.message-row__date,.message-row__preview{color:#a9bac8}.message-row__date{white-space:nowrap}.message-row__subject{display:flex;align-items:center;gap:.45rem;margin:.35rem 0;font-weight:600}.message-unread{padding:.1rem .35rem;border:1px solid #4ea9df;border-radius:999px;color:#8bd3ff;font-size:.7rem;font-weight:600}.message-row__preview{display:block;margin:0;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pager{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;color:#a9bac8;font-size:.875rem}.pager>div{display:flex;gap:.5rem}.message-preview{padding:1.5rem;max-height:70dvh;overflow:auto;align-self:start}.message-preview h3{margin:0;font-size:1.25rem}.message-preview dl{margin:1rem 0;font-size:.875rem}.message-preview dt{color:#8fa4b3}.message-preview dd{margin:.2rem 0 .5rem;overflow-wrap:anywhere}.message-body{padding-top:1.25rem;border-top:1px solid #26343f;white-space:pre-wrap;color:#d8e4ec;line-height:1.6;overflow-wrap:anywhere}.raw-link{display:inline-block;margin-top:1.5rem;color:#7dc4f0;font-weight:600;text-decoration:none}.raw-link:hover{text-decoration:underline}.unlock-shell{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background-color:#0b1015;background-image:radial-gradient(rgb(104 168 210 / .18) 1px,transparent 1px);background-size:20px 20px}.unlock-card{width:min(100%,27rem);display:grid;gap:1.1rem;padding:2rem;border:1px solid #2d404e;border-radius:8px;background:#121a22;box-shadow:0 24px 64px #00000057;animation:surface-in .18s ease-out both}.unlock-card h1{margin:0;font-size:1.65rem;letter-spacing:-.03em}.recovery-button{min-height:2.25rem;border:1px solid #397fb9;border-radius:4px;background:#1267a8;color:#fff;cursor:pointer;font:inherit;font-weight:600}.unlock-card p:not(.overline){margin:-.6rem 0 .25rem;color:#a9bac8;line-height:1.5}.overline{margin:0;color:#84c8ef;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.jobs-layout{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(22rem,1.1fr);gap:1rem}.job-list,.job-details{border:1px solid #2a3945;border-radius:6px;background:#121a22;box-shadow:0 14px 34px #0000002e}.job-list{overflow:hidden}.job-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:0;border-bottom:1px solid #26343f;background:transparent;color:#edf3f8;text-align:left;cursor:pointer;font:inherit;transition:background .14s ease}.job-row:hover,.job-row--active{background:#192631}.job-row__copy{display:grid;min-width:0}.job-row__copy>span{display:block;margin:.3rem 0 0;color:#a9bac8;font-size:.8rem;overflow-wrap:anywhere}.job-status{flex:0 0 auto;padding:.15rem .45rem;border-radius:999px;background:#174d70;color:#eaf7ff;font-size:.75rem;font-weight:700}.job-status--succeeded{background:#237447}.job-status--failed{background:#b52d35}.job-row:focus-visible{outline:2px solid #63b3e5;outline-offset:-2px}.job-details{padding:1.4rem}.job-details__heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.job-details h3{margin:.35rem 0 0;font-size:1.15rem}.job-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.job-details dt{color:#8fa4b3;font-size:.75rem}.job-details dd{margin:.25rem 0 0}.job-error{margin-bottom:1rem;padding:.8rem;border-left:3px solid #e37d7d;background:#a8444426;color:#ffc5c5;font-size:.875rem}.job-success{margin-bottom:1rem;padding:.8rem;border-left:3px solid #64b98d;background:#3a7e5929;color:#c5f0d6;font-size:.875rem}.job-log{min-height:9rem;max-height:18rem;margin:0 0 1rem;padding:.9rem;overflow:auto;border:1px solid #26343f;border-radius:4px;background:#0d141a;color:#b8cad6;font:.75rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.settings-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:44rem;padding:1.25rem;border:1px solid #2a3945;border-radius:6px;background:#121a22}.settings-panel h3{margin:0;color:#f4f9fc;font-size:1rem}.settings-panel p{max-width:34rem;margin:.4rem 0 0;color:#a9bac8;font-size:.875rem;line-height:1.5}@keyframes surface-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.app-header__inner,.app-content{padding-left:1rem;padding-right:1rem}.app-header__inner,.app-header nav,.page-intro,.account-card,.proxy-card{align-items:flex-start;flex-direction:column}.settings-panel{align-items:flex-start;flex-direction:column;gap:1rem}.app-header__inner{padding-top:.75rem;padding-bottom:.75rem}.app-content{padding-top:2rem}.form-grid,.mail-toolbar,.mail-layout,.jobs-layout{grid-template-columns:1fr}.actions{justify-content:flex-start}}