:root{color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;--bg:#eef4fc;--bg-tint:#dcebfa;--solid:#fff;--glass:#fff9;--card:#ffffffc9;--raised:#ffffffeb;--hover:#ffffff80;--text:#14233e;--muted:#536681;--subtle:#667b99;--rim:#ffffffb3;--divider:#445d8721;--accent:#086bea;--accent-hover:#005acb;--selected:#1677ff1f;--danger:#c52d41;--success:#167850;--shadow:0 18px 70px #0f234129;--ease:cubic-bezier(.2,.8,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1422;--bg-tint:#15263d;--solid:#182334;--glass:#121e30c9;--card:#1c293cdb;--raised:#253348fa;--hover:#ffffff13;--text:#f5f8fe;--muted:#bac6d8;--subtle:#a5b4c9;--rim:#ffffff2b;--divider:#ffffff1a;--accent:#82b5ff;--accent-hover:#a6cbff;--selected:#5b9cff33;--danger:#ff929b;--success:#76d8ae}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,select,textarea{min-height:44px}button{touch-action:manipulation}input,textarea,select{color:var(--text);background:var(--card);border:1px solid var(--divider);outline-offset:2px;border-radius:12px;width:100%;padding:10px 12px}textarea{resize:vertical}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:30px;font-weight:650;line-height:1.25}h2{letter-spacing:-.025em;font-size:20px;font-weight:620}h3{font-size:16px;font-weight:620}small{color:var(--muted);font-size:12px}.button{border:1px solid var(--divider);background:var(--card);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:550;transition:background .14s,transform .12s;display:inline-flex}.button:hover,.icon-button:hover{background:var(--hover)}.button:active,.icon-button:active{transform:scale(.985)}.button.primary{color:#fff;background:#086bea;border-color:#0000;box-shadow:0 3px 8px #1677ff1c}.button.primary:hover{background:#005acb}.button.ghost{background:0 0;border-color:#0000}.button.danger{color:var(--danger)}.icon-button{background:0 0;border:0;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .14s;display:inline-flex}.field{gap:7px;margin-bottom:18px;display:grid}.field>span{font-weight:550}.field small{line-height:1.5}.glass{background:var(--glass);border:1px solid var(--rim);-webkit-backdrop-filter:blur(28px)saturate(140%);box-shadow:var(--shadow)}.modal{border:1px solid var(--rim);width:min(540px,100vw - 32px);max-height:90dvh;color:var(--text);background:var(--raised);animation:appear .25s var(--ease);border-radius:24px;padding:0;overflow:auto;box-shadow:0 24px 72px #0003}.modal.wide{width:min(780px,100vw - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14233e55}.modal-header{border-bottom:1px solid var(--divider);background:var(--raised);z-index:2;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--divider);justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.avatar{--avatar-hue:210;background:hsl(var(--avatar-hue) 65% 91%);width:38px;height:38px;color:hsl(var(--avatar-hue) 60% 33%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.avatar.large{width:46px;height:46px;font-size:14px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:260px;padding:40px 28px;display:flex}.empty-icon{background:var(--selected);width:64px;height:64px;color:var(--accent);border:1px solid var(--rim);border-radius:20px;place-items:center;margin-bottom:8px;display:grid}.empty p{max-width:310px;color:var(--muted);line-height:1.7}.empty .button{margin-top:8px}.spin{animation:1s linear infinite spin}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[data-transparency=reduce] .glass{background:var(--solid);-webkit-backdrop-filter:none;backdrop-filter:none}[data-motion=reduce] *,[data-motion=reduce] :before,[data-motion=reduce] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--solid)}}html,body,#root{height:100%;min-height:100%}.wallpaper,.wallpaper-wash{pointer-events:none;position:fixed;inset:0}.wallpaper{background:var(--bg-tint) url(/assets/alpine-lake.webp) center 58%/cover no-repeat;z-index:-2;transform:scale(1.015)}.wallpaper-wash{z-index:-1;background:linear-gradient(120deg,#ebf4ff30,#e7edff1f 50%,#ebf8ff4d)}[data-theme=dark] .wallpaper{filter:brightness(.4)saturate(.72)}[data-theme=dark] .wallpaper-wash{background:linear-gradient(120deg,#0c142277,#14203822)}[data-wallpaper=off] .wallpaper{background:var(--bg)}[data-wallpaper=off] .wallpaper-wash{display:none}.app-shell{width:calc(100% - 64px);max-width:1680px;height:calc(100dvh - 64px);min-height:460px;box-shadow:inset 0 1px 0 #ffffff5c,var(--shadow);border-radius:26px;margin:32px auto;display:flex;position:relative;overflow:hidden}.brand{letter-spacing:-.45px;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:650;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#55b8ff,#0872f9);border:1px solid #ffffff5e;border-radius:11px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 4px 10px #0872f922,inset 0 1px 1px #ffffff4d}.brand-product{color:var(--muted);font-weight:400}.sidebar{background:var(--glass);border-right:1px solid var(--divider);flex-direction:column;flex-shrink:0;width:224px;padding:25px 16px 0;display:flex}.sidebar>.brand{padding:0 7px 26px}.sidebar .brand-product{display:none}.account-selector{border-top:1px solid var(--divider);align-items:center;gap:9px;padding:13px 7px 18px;display:flex;position:relative}.account-selector .avatar{width:32px;height:32px;font-size:10px}.account-selector label{flex:1;min-width:0}.account-selector select{appearance:none;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;min-height:23px;padding:0 16px 0 0;font-size:12px;font-weight:600}.account-selector small{white-space:nowrap;font-size:10px;display:block}.account-selector>svg{pointer-events:none;position:absolute;top:17px;right:5px}.compose-button{justify-content:flex-start;width:100%;margin-bottom:24px;padding:10px 13px}.shortcut{text-align:center;opacity:.8;border:1px solid #fff4;border-radius:4px;width:18px;margin-left:auto;font-size:10px;line-height:17px}.folder-nav{scrollbar-width:thin;flex:1;overflow:auto}.nav-label{letter-spacing:1.25px;color:var(--subtle);margin:0 0 9px;padding:0 12px;font-size:9px;font-weight:650;display:block}.folder-nav>button,.sidebar-bottom>button{text-align:left;width:100%;min-height:43px;color:var(--muted);background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;margin-bottom:3px;padding:9px 12px;font-size:12px;transition:background .14s,color .14s;display:flex}.folder-nav>button:hover,.sidebar-bottom>button:hover{background:var(--hover);color:var(--text)}.folder-nav>button.active,.sidebar-bottom>button.active{background:var(--selected);color:var(--accent);font-weight:600}.folder-nav>button>span:not(.folder-count){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-count{text-align:center;font-variant-numeric:tabular-nums;min-width:21px;color:var(--muted);margin-left:auto;padding:0 4px;font-size:10px}.active .folder-count{color:var(--accent)}.nav-section-heading{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.nav-section-heading .nav-label{margin:0}.nav-section-heading .icon-button{width:36px;height:36px;min-height:36px}.folder-hint{color:var(--subtle);padding:3px 12px 12px;font-size:11px}.sidebar-bottom{padding-top:15px}.sync-status{border-top:1px solid var(--divider);color:var(--muted);white-space:nowrap;align-items:center;gap:6px;min-height:54px;margin:14px -1px 0;padding-left:4px;font-size:9px;display:flex}.sync-status .icon-button{width:30px;height:36px;min-height:36px}.status-dot{background:var(--success);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #24b8790c}.status-dot.offline{background:var(--subtle)}.spacer{flex:1}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--divider);background:#ffffff0f;flex-shrink:0;align-items:center;gap:12px;height:76px;padding:0 26px;display:flex}.topbar-title{white-space:nowrap;align-items:center;gap:10px;font-weight:600;display:flex}.topbar-title>svg{color:var(--accent)}.topbar-divider{background:var(--divider);width:1px;height:17px;margin:0 5px}.topbar-subtitle{color:var(--muted);font-size:11px;font-weight:400}.global-search{background:var(--card);border:1px solid var(--rim);width:min(340px,35%);color:var(--muted);border-radius:12px;align-items:center;gap:9px;margin-left:auto;padding:0 12px;display:flex;box-shadow:0 2px 7px #20345403}.global-search input{background:0 0;border:0;min-width:0;height:40px;min-height:40px;padding:10px 0;font-size:12px}.global-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.global-search input:focus-visible{outline:none}.global-search kbd{white-space:nowrap;color:var(--subtle);font-size:9px}.profile-button{background:0 0;border:0;border-radius:50%;min-height:36px;padding:0}.profile-button .avatar{width:32px;height:32px}.mobile-menu,.mobile-nav,.sidebar-scrim{display:none}.mail-panes{flex:1;min-height:0;display:flex}.message-list{border-right:1px solid var(--divider);background:var(--card);flex-direction:column;flex-shrink:0;width:365px;min-width:300px;display:flex}.list-heading{align-items:center;gap:12px;padding:27px 22px 20px;display:flex}.list-heading>div{flex:1}.list-heading h1{letter-spacing:-1px;font-size:27px}.list-heading p{color:var(--muted);margin-top:5px;font-size:11px}.list-controls{border-bottom:1px solid var(--divider);align-items:center;gap:8px;min-height:49px;padding:0 15px 13px;display:flex}.select-all{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:36px;display:flex}.select-all input,.row-check input{width:14px;height:14px;min-height:14px;accent-color:var(--accent);cursor:pointer}.segmented{background:var(--divider);border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.segmented button{min-height:29px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:4px 14px;font-size:10px}.segmented button.active{background:var(--solid);color:var(--text);font-weight:600;box-shadow:0 1px 4px #14345a0d}.message-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.message-row{border-bottom:1px solid var(--divider);min-height:111px;margin:0 12px;padding:15px 5px 13px;transition:background .14s;display:flex;position:relative}.message-row:hover{background:var(--hover)}.message-row.selected{background:var(--selected);box-shadow:inset 3px 0 0 var(--accent);border-color:#0000;margin:0;padding-left:17px;padding-right:17px}.message-row.checked{background:var(--selected)}.message-open{text-align:left;width:100%;min-width:0;color:var(--text);background:0 0;border:0;align-items:flex-start;gap:11px;padding:4px 0;display:flex}.message-row .avatar{width:34px;height:34px;margin-top:1px;font-size:10px}.message-summary{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.message-sender{align-items:center;gap:6px;display:flex}.message-sender strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.unread .message-sender strong{font-weight:650}.message-sender time{white-space:nowrap;color:var(--subtle);font-variant-numeric:tabular-nums;font-size:9px}.message-subject{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.unread .message-subject{font-weight:600}.message-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding-right:23px;font-size:10px;line-height:1.6;overflow:hidden}.row-check{z-index:1;opacity:0;place-items:center;width:18px;height:20px;display:grid;position:absolute;top:12px;left:0}.message-row.selected .row-check{left:10px}.message-row:hover .row-check,.row-check:focus-within,.checked .row-check{opacity:1}.message-indicators{color:var(--subtle);align-items:center;gap:5px;display:flex;position:absolute;bottom:13px;right:2px}.message-row.selected .message-indicators{right:14px}.message-indicators .icon-button{width:26px;height:26px;min-height:26px}.unread-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.starred{color:#be8216}.list-footer{border-top:1px solid var(--divider);align-items:center;min-height:49px;padding:0 15px;display:flex}.list-footer small{font-size:9px}.list-footer .icon-button{width:28px;height:36px;min-height:36px}.bulk-toolbar{border-bottom:1px solid var(--divider);background:var(--selected);align-items:center;gap:2px;padding:4px 14px;display:flex}.bulk-toolbar strong{margin-right:auto;font-size:10px}.bulk-toolbar .icon-button{width:35px;height:36px;min-height:36px}.list-error{background:var(--selected);color:var(--text);align-items:flex-start;gap:8px;padding:12px;font-size:11px;line-height:1.6;display:flex}.list-error>svg{flex-shrink:0;margin-top:3px}.list-error .icon-button{width:24px;height:24px;min-height:24px}.reader-pane{background:#ffffff3d;flex-direction:column;flex:1;min-width:0;display:flex}[data-theme=dark] .reader-pane{background:#0c14222e}.reader-toolbar{border-bottom:1px solid var(--divider);background:var(--glass);align-items:center;gap:6px;height:65px;padding:10px 24px;display:flex}.reader-toolbar .icon-button{width:38px;height:40px;min-height:40px;color:var(--muted)}.reader-toolbar .icon-button.starred{color:#be8216}.reader-back{display:none}.reader-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:32px;overflow:auto}.reader-title{margin:0 0 26px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--subtle);margin-bottom:12px;font-size:9px;font-weight:650;display:block}.reader-title h1{letter-spacing:-.7px;overflow-wrap:anywhere;margin:0 0 8px;font-size:26px;line-height:1.4}.thread-message{border-top:1px solid var(--divider);margin-bottom:28px;padding:22px 0 0}.email-header{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.email-header>div{flex:1;min-width:0}.email-header strong{font-size:12px}.email-header small{overflow-wrap:anywhere;font-size:10px;line-height:1.8;display:block}.email-header time{color:var(--subtle);white-space:nowrap;margin-top:4px;font-size:9px}.email-content{max-width:100%}.plain-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 0 16px;font-size:14px;line-height:1.9}.email-frame{border:1px solid var(--divider);background:#fff;border-radius:12px;width:100%;height:clamp(320px,50vh,720px);display:block}.remote-images{color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font-size:10px;display:flex}.remote-images>svg{flex-shrink:0}.remote-images .button{white-space:nowrap;min-height:32px;margin-left:auto;padding:3px 8px;font-size:10px}.reply-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.reply-actions .button{font-size:12px}.attachments{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.attachment{color:var(--text);background:var(--card);border:1px solid var(--rim);border-radius:12px;align-items:center;gap:12px;max-width:100%;min-height:64px;padding:12px 15px;text-decoration:none;display:flex}.attachment>svg{color:var(--accent);flex-shrink:0}.attachment span{flex-direction:column;min-width:0;display:flex}.attachment strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:11px;overflow:hidden}.attachment small{font-size:10px}.reader-loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.reader-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 30px;display:flex;position:relative}.welcome-orbit{place-items:center;width:200px;height:180px;margin-bottom:25px;display:grid;position:relative}.welcome-orbit>span{border:1px solid var(--rim);border-radius:50%;width:170px;height:170px;position:absolute;box-shadow:0 0 45px #ffffff12}.welcome-orbit>span:nth-child(2){border-color:var(--divider);width:125px;height:125px}.welcome-mail{color:#318af1;background:linear-gradient(145deg,#ffffffd9,#dcecff9e);border:1px solid #ffffffa3;border-radius:25px;place-items:center;width:83px;height:83px;display:grid;transform:rotate(-8deg);box-shadow:0 10px 28px #27589115,inset 0 1px 1px #fff}[data-theme=dark] .welcome-mail{color:#8ec0ff;background:linear-gradient(145deg,#3a5475,#1d354f);border-color:#fff2;box-shadow:0 10px 28px #00152633,inset 0 1px 1px #fff5}.reader-welcome .eyebrow{letter-spacing:2px;margin-bottom:14px;font-size:8px}.reader-welcome h2{letter-spacing:-1px;margin-bottom:12px;font-size:28px;font-weight:550}.reader-welcome>p{color:var(--muted);font-size:12px;line-height:1.85}.welcome-shortcuts{color:var(--muted);gap:22px;margin-top:35px;font-size:9px;display:flex}.welcome-shortcuts span{align-items:center;gap:6px;display:flex}.welcome-shortcuts kbd{border:1px solid var(--divider);background:var(--card);border-radius:5px;justify-content:center;align-items:center;min-width:23px;height:22px;padding:0 5px;font:10px inherit;display:inline-flex}.welcome-private{color:var(--subtle);align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:24px}.offline-banner{background:var(--selected);border-bottom:1px solid var(--divider);justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex}.toast{z-index:20;background:var(--raised);border-radius:16px;align-items:center;gap:10px;max-width:min(650px,100vw - 32px);padding:9px 12px 9px 18px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast>svg{color:var(--success);flex-shrink:0}.toast .icon-button{width:30px;height:30px;min-height:30px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.inline-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent);border-radius:10px;align-items:flex-start;gap:8px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.inline-error>svg{flex-shrink:0;margin-top:1px}.inline-confirm{border-top:1px solid var(--divider);background:var(--selected);padding:18px 24px;font-size:12px}.inline-confirm p{margin-bottom:10px}.inline-confirm .button{margin-right:8px}.move-folder-list{padding:12px}.move-folder-list button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.move-folder-list button:hover{background:var(--selected)}.move-folder-list button>svg:last-child{margin-left:auto}.skeleton-list{padding:0 18px}.skeleton-row{border-bottom:1px solid var(--divider);gap:12px;padding:23px 0;display:flex}.skeleton-row>span{background:var(--divider);border-radius:50%;width:35px;height:35px}.skeleton-row>div{flex:1;gap:9px;display:grid}.skeleton-row i{background:var(--divider);border-radius:4px;width:85%;height:8px}.skeleton-row i:first-child{width:50%}.skeleton-row i:last-child{width:70%}.compose-fields{padding:5px 24px}.compose-fields>label{border-bottom:1px solid var(--divider);align-items:center;gap:12px;min-height:48px;display:flex}.compose-fields>label>span{width:48px;color:var(--muted);flex-shrink:0;font-size:12px}.compose-fields input,.compose-fields select{background:0 0;border:0;border-radius:4px;padding:8px 0;font-size:12px}.compose-fields .button{white-space:nowrap;padding:5px 8px;font-size:11px}.format-toolbar{align-items:center;gap:1px;padding:6px 20px;display:flex}.format-toolbar .icon-button{width:35px;height:36px;min-height:36px}.toolbar-divider{border-left:1px solid var(--divider);height:18px;margin:0 8px}.compose-status{align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.rich-editor{background:var(--solid);border-radius:10px;outline:none;min-height:260px;max-height:38vh;margin:0 24px;padding:16px;line-height:1.8;overflow:auto}.rich-editor:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rich-editor blockquote{border-left:2px solid var(--divider);color:var(--muted);margin:16px 0;padding-left:15px}.compose-footer{border-top:1px solid var(--divider);align-items:center;gap:6px;margin-top:16px;padding:16px 24px;display:flex}.compose-footer .button{font-size:12px}.compose-attachments{flex-wrap:wrap;gap:8px;padding:16px 24px 0;display:flex}.attachment-chip{background:var(--selected);border:1px solid var(--divider);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:3px 4px 3px 10px;font-size:10px;display:flex}.attachment-chip small{font-size:9px}.attachment-chip .icon-button{width:26px;height:30px;min-height:30px}.composer>.inline-error{margin:14px 24px}.full-panel{background:var(--card);flex:1;min-height:0;padding:32px 36px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.section-heading h1{margin-bottom:7px}.section-heading .button{font-size:12px}.settings-layout{gap:40px;display:flex}.settings-tabs{flex-direction:column;flex-shrink:0;gap:4px;width:164px;display:flex}.settings-tabs button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;display:flex}.settings-tabs button.active{background:var(--selected);color:var(--accent)}.settings-content{flex:1;min-width:0;max-width:690px;padding-bottom:24px}.settings-content h2{margin-bottom:5px}.setting-section{border-bottom:1px solid var(--divider);flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:24px 0;display:flex}.setting-section>.field{width:100%;margin-bottom:0}.setting-section>h3{margin-bottom:2px}.theme-options{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:8px;display:grid}.theme-choice{border:1px solid var(--divider);background:var(--glass);border-radius:12px;padding:8px}.theme-choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-choice>span:last-child{justify-content:center;align-items:center;gap:6px;padding:8px 0 2px;font-size:11px;display:flex}.theme-preview{background:linear-gradient(140deg,#d4e6f7,#f1e9f6);border:1px solid #ffffff70;border-radius:7px;gap:4px;height:72px;padding:10px;display:flex}.theme-preview>span{background:#fff9;border-radius:4px;flex:1;display:block}.theme-preview>span:first-child{flex:.4}.theme-preview.dark{background:linear-gradient(140deg,#111b2c,#34455b);border-color:#ffffff19}.theme-preview.dark>span{background:#ffffff18}.theme-preview.system{background:linear-gradient(90deg,#d4e6f7 50%,#243951 50%)}.theme-preview.system>span:last-child{background:#ffffff18}.toggle-row{cursor:pointer;align-items:center;gap:24px;width:100%;padding:12px 0;display:flex}.toggle-row>span{flex:1}.toggle-row strong{font-size:12px;font-weight:550;display:block}.toggle-row small{max-width:510px;margin-top:3px;font-size:11px;line-height:1.6;display:block}.toggle-row input{appearance:none;background:var(--subtle);cursor:pointer;border:0;border-radius:20px;flex-shrink:0;width:38px;height:23px;min-height:23px;padding:0;transition:background .15s;position:relative}.toggle-row input:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.toggle-row input:checked{background:#1677ff}.toggle-row input:checked:before{transform:translate(15px)}.help-text{color:var(--muted);font-size:12px;line-height:1.8}.help-text>svg{vertical-align:middle;margin-right:5px}.account-card{background:var(--glass);border:1px solid var(--divider);border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 16px;display:flex}.account-card>span{flex:1;min-width:0}.account-card strong{overflow-wrap:anywhere;font-size:12px;display:block}.account-card small{overflow-wrap:anywhere;font-size:11px;display:block}.inset-form{background:var(--glass);border:1px solid var(--divider);border-radius:16px;width:100%;margin-top:10px;padding:20px}.notification-art{width:80px;height:80px;color:var(--accent);background:var(--selected);border-radius:24px;place-items:center;margin-bottom:10px;display:grid}.filter-list{gap:8px;width:100%;display:grid}.filter-card{border:1px solid var(--divider);background:var(--glass);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.filter-card>span{flex:1}.filter-card small{font-size:10px}.code-editor{tab-size:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.settings-content form{padding-top:20px}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contact-search{max-width:400px;margin:0 0 25px;display:block}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.contact-card{background:var(--glass);border:1px solid var(--rim);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:22px 16px 10px;display:flex}.contact-person{background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.contact-person strong{margin-top:4px;font-size:13px}.contact-person small{word-break:break-word;font-size:11px}.contact-editor{border:1px solid var(--rim);background:var(--glass);border-radius:18px;max-width:520px;padding:24px}.contact-editor h2{margin-bottom:20px}.login-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:60px 40px;display:flex}.login-shell{border-radius:28px;grid-template-columns:1.1fr 1fr;width:min(920px,100%);min-height:550px;display:grid;overflow:hidden}.login-story{border-right:1px solid var(--rim);background:linear-gradient(155deg,#ffffff15,#c5dff41a);flex-direction:column;justify-content:space-between;padding:38px 42px 30px;display:flex}.login-story .brand{font-size:18px}.login-story h1{letter-spacing:-1.8px;margin-bottom:18px;font-size:39px;font-weight:550;line-height:1.22}.login-story .eyebrow{letter-spacing:1.5px;color:var(--muted);margin-bottom:22px;font-size:9px}.login-story p{color:var(--muted);font-size:13px;line-height:1.9}.login-foot{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.login-form{background:var(--card);flex-direction:column;justify-content:center;padding:42px 42px 30px;display:flex}.login-mail-icon{width:66px;height:66px;color:var(--accent);border:1px solid var(--rim);background:linear-gradient(140deg,#ffffffd9,#d6e7ff99);border-radius:20px;place-items:center;margin-bottom:23px;display:grid;box-shadow:0 6px 16px #34699709}[data-theme=dark] .login-mail-icon{background:var(--selected)}.login-form h2{letter-spacing:-.8px;margin-bottom:6px;font-size:27px;font-weight:600}.login-form>.muted{font-size:12px}.login-form form{margin-top:28px}.login-form .field{margin-bottom:16px;font-size:11px}.login-form input{height:46px;font-size:12px}.login-form form>.button{justify-content:space-between;width:100%;height:46px;margin-top:8px;font-size:12px}.login-help{color:var(--muted);margin-top:26px;font-size:10px;line-height:1.8}.login-caption{color:var(--text);text-shadow:0 1px 10px var(--solid);letter-spacing:.2px;margin-top:28px;font-size:11px}.boot-state{text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:20px;max-width:calc(100vw - 32px);padding:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boot-state>p{color:var(--muted);font-size:12px}@media (width>=1440px){.message-list{width:380px}.reader-scroll{padding:36px 42px}.reader-welcome h2{font-size:32px}.topbar{padding:0 32px}.topbar-subtitle{font-size:12px}.sidebar{width:224px}.message-row{min-height:113px}.message-sender strong{font-size:13px}.message-subject{font-size:12px}.message-preview{font-size:11px}.message-sender time{font-size:10px}.folder-nav>button,.sidebar-bottom>button{font-size:13px}.list-heading h1{font-size:30px}}@media (width<=1199px){.app-shell{width:calc(100% - 40px);height:calc(100dvh - 40px);margin:20px}.sidebar{width:200px;padding-left:12px;padding-right:12px}.topbar-subtitle,.topbar-divider{display:none}.topbar{padding:0 20px}.global-search{width:min(330px,50%)}.message-list{width:320px;min-width:280px}.reader-scroll{padding:25px}.reader-toolbar{gap:2px;padding:10px 16px}.reader-toolbar .icon-button{width:34px}.email-header{flex-wrap:wrap}.email-header time{margin-top:-18px;margin-left:58px}.welcome-shortcuts{flex-direction:column;gap:10px}.reader-welcome h2{font-size:25px}.full-panel{padding:28px}.settings-layout{gap:24px}.settings-tabs{width:140px}}@media (width<=1023px){.app-shell{border-radius:22px;width:calc(100% - 32px);height:calc(100dvh - 32px);margin:16px}.sidebar{width:190px}.message-list{flex:1;width:auto;max-width:none}.reader-pane,.has-selection .message-list{display:none}.has-selection .reader-pane{display:flex}.reader-back{display:inline-flex}.reader-welcome{display:none}.message-row{min-height:105px;margin:0 16px}.message-row.selected{padding-left:21px;padding-right:21px}.message-sender strong{font-size:13px}.message-subject{font-size:12px}.message-preview{font-size:11px}.message-sender time{font-size:10px}.message-row .avatar{width:38px;height:38px;font-size:11px}.list-heading{padding:26px}.list-controls{padding-left:20px;padding-right:20px}.message-indicators{right:5px}.topbar{gap:8px}.global-search{flex:1;width:auto;max-width:330px;margin-left:auto}.topbar-title{margin-right:10px;font-size:13px}.global-search kbd{display:none}.settings-layout{display:block}.settings-tabs{flex-direction:row;gap:4px;width:auto;margin-bottom:24px;padding-bottom:4px;overflow:auto}.settings-tabs button{white-space:nowrap;padding:8px 10px}.settings-content{max-width:none}.full-panel{padding:26px}.settings-tabs button>svg{width:15px}.reader-scroll{padding:30px}.email-header time{margin:4px 0 0 auto}.row-check{opacity:1;top:16px;left:-8px}.message-row .avatar{margin-left:7px}}@media (width<=639px){.app-shell{border:0;border-radius:0;width:100%;height:100dvh;min-height:0;margin:0;display:block}.workspace{height:calc(100dvh - 72px - env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top)}.sidebar{z-index:10;width:270px;transition:transform .25s var(--ease);background:var(--raised);padding-top:calc(28px + env(safe-area-inset-top));position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-open .sidebar{transform:translate(0)}.sidebar-scrim{z-index:9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14233e50;border:0;border-radius:0;display:block;position:absolute;inset:0}.sidebar .brand{font-size:21px}.sidebar .brand-product{display:inline}.account-selector select{font-size:13px}.account-selector small{font-size:11px}.folder-nav>button,.sidebar-bottom>button{min-height:46px;font-size:14px}.folder-hint{font-size:12px}.nav-label{font-size:10px}.sidebar-bottom{padding-bottom:env(safe-area-inset-bottom)}.sync-status{font-size:10px}.topbar{background:var(--glass);gap:8px;height:67px;padding:0 16px}.mobile-menu{width:36px;display:inline-flex}.topbar-title{display:none}.global-search{flex:1;width:auto;max-width:none;height:40px;margin:0 2px 0 0;padding:0 10px}.global-search input{font-size:12px}.topbar>.icon-button:not(.mobile-menu){display:none}.profile-button{margin-left:2px}.profile-button .avatar{width:31px;height:31px;font-size:10px}.mail-panes{height:calc(100% - 67px)}.message-list{background:var(--card);border-right:0;min-width:0}.list-heading{padding:23px 22px 17px}.list-heading h1{font-size:29px}.list-heading p{margin-top:6px;font-size:11px}.list-controls{padding:0 18px 13px}.segmented button{min-height:30px;padding:4px 17px;font-size:11px}.message-row{min-height:110px;margin:0 17px;padding-top:17px;padding-bottom:14px}.message-open{gap:12px}.message-row .avatar{width:37px;height:37px;margin-left:9px;font-size:11px}.message-sender strong{font-size:13px}.message-sender time{font-size:10px}.message-subject{font-size:12px}.message-preview{font-size:11px}.row-check{top:17px;left:-7px}.message-indicators{bottom:12px;right:2px}.list-footer{min-height:39px;padding-left:22px;padding-right:18px}.list-footer .icon-button{height:32px;min-height:32px}.list-footer small{font-size:9px}.mobile-nav{height:calc(72px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:var(--raised);border-top:1px solid var(--divider);z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:51px;height:52px;padding:6px 12px;font-size:9px;display:flex}.mobile-nav button.active{color:var(--accent)}.mobile-nav .mobile-compose{color:#fff;background:#1677ff;border-radius:15px;width:46px;min-width:46px;height:46px;position:relative;top:-3px;box-shadow:0 4px 10px #1677ff22}.reader-toolbar{background:var(--card);gap:2px;height:57px;padding:5px 12px}.reader-toolbar .icon-button{width:36px;height:44px;min-height:44px}.reader-scroll{padding:25px 20px}.reader-title h1{font-size:25px;line-height:1.35}.reader-title .eyebrow{font-size:9px}.email-header{gap:10px}.email-header>.avatar{width:38px;height:38px;font-size:11px}.email-header strong{font-size:12px}.email-header small{font-size:10px}.email-header time{width:100%;margin:-4px 0 0 48px;font-size:9px}.plain-message{font-size:14px;line-height:1.85}.reply-actions{gap:4px}.reply-actions .button{padding:8px 10px;font-size:11px}.remote-images{flex-wrap:wrap}.remote-images .button{margin-left:20px}.remote-images>span{flex:1;min-width:180px;font-size:10px}.email-frame{height:440px}.full-panel{padding:23px 20px}.section-heading{gap:12px}.section-heading h1{font-size:28px}.section-heading>.button{gap:5px;padding:8px 10px;font-size:11px}.section-heading .muted{font-size:11px}.settings-tabs{gap:0;margin-left:-4px;margin-right:-4px}.settings-tabs button{gap:5px;padding:8px;font-size:10px}.settings-tabs button>svg{display:none}.settings-content h2{font-size:20px}.theme-options{gap:8px}.theme-choice{padding:6px}.theme-preview{gap:3px;height:61px;padding:7px}.theme-choice>span:last-child{gap:4px;font-size:10px}.setting-section{padding:22px 0}.toggle-row{gap:14px}.toggle-row small{font-size:11px}.contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-card{padding:18px 8px 8px}.contact-person strong{font-size:12px}.contact-person small{font-size:10px}.contact-card .button{font-size:11px}.contact-editor{padding:18px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));width:calc(100vw - 32px);padding-left:14px;font-size:11px}.modal,.modal.wide{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top);border:0;border-radius:0;margin:0;top:0;left:0}.modal-header{padding:14px 18px}.modal-header h2{font-size:19px}.modal-body{padding:22px}.modal-footer{padding:18px 22px}.composer{min-height:calc(100dvh - 80px - env(safe-area-inset-top));flex-direction:column;display:flex}.compose-fields{padding:4px 18px}.compose-fields>label{gap:7px;min-height:49px}.compose-fields>label>span{width:44px;font-size:11px}.compose-fields input,.compose-fields select{font-size:12px}.compose-fields .button{padding:4px;font-size:10px}.format-toolbar{flex-wrap:wrap;padding:5px 14px}.format-toolbar .icon-button{width:36px;height:40px;min-height:40px}.compose-status{gap:4px;font-size:9px}.rich-editor{flex:1;min-height:35vh;max-height:none;margin:0 18px;padding:12px;font-size:14px}.compose-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:var(--raised);position:sticky;bottom:0}.compose-attachments{padding:12px 18px}.offline-banner{padding:7px 10px;font-size:10px}.offline-banner+.mail-panes{height:calc(100% - 105px)}.login-wrap{min-height:100dvh;padding:28px 20px}.login-shell{border-radius:24px;flex-direction:column;max-width:390px;min-height:0;display:flex}.login-story{border:0;padding:24px 26px 0}.login-story .brand{font-size:17px}.login-story>div:not(.brand),.login-foot{display:none}.login-form{background:0 0;padding:28px 26px 25px}.login-mail-icon{border-radius:18px;width:58px;height:58px;margin-bottom:20px}.login-mail-icon>svg{width:28px}.login-form h2{font-size:28px}.login-form form{margin-top:24px}.login-form input{font-size:14px}.login-form .field{font-size:12px}.login-form form>.button{font-size:13px}.login-help{font-size:10px}.login-caption{margin-top:22px;font-size:10px}.empty{min-height:240px;padding:34px 25px}.empty h2{font-size:20px}.empty p,.empty .button{font-size:12px}}@media (width<=360px){.global-search input{font-size:11px}.topbar{gap:4px;padding:0 10px}.message-sender strong{font-size:12px}.message-row{margin:0 12px}.message-row .avatar{width:32px;height:32px}.message-open{gap:9px}.mobile-nav{padding-left:5px;padding-right:5px}.mobile-nav button{min-width:45px;padding:6px 8px}.reader-toolbar .icon-button{width:32px}.reader-scroll{padding:22px 16px}.compose-status{width:100%;margin-bottom:7px;padding-left:6px}.theme-options{gap:5px}.settings-tabs button{padding:7px;font-size:9px}.theme-choice>span:last-child>svg:last-child{display:none}}.snooze-presets{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.snooze-presets .button{font-size:12px}@media (width<=639px){.reader-toolbar{gap:0;padding-left:5px;padding-right:5px}.reader-toolbar .icon-button{width:calc(12.5vw - 1.25px);min-width:0;max-width:44px}}.gallery{border-radius:26px;width:calc(100% - 48px);max-width:1100px;margin:40px auto;padding:32px}.gallery>header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.gallery>h1{margin-bottom:10px}.gallery-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.gallery-grid>section{background:var(--card);border:1px solid var(--rim);border-radius:18px;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px;display:flex}.gallery-grid>section>.field{width:100%;margin:0}.gallery-grid h2{font-size:20px}.gallery-grid>section>p{font-size:14px;line-height:1.8}.gallery-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gallery-empty .empty{padding:20px 10px}.gallery-colors{flex-wrap:wrap;gap:16px;display:flex}.gallery-colors>div{flex-direction:column;align-items:center;gap:8px;display:flex}.gallery-colors span{border-radius:50%;width:34px;height:34px}@media (width<=639px){.gallery{width:calc(100% - 24px);margin:12px;padding:20px}.gallery-grid{grid-template-columns:1fr}.gallery-grid>section{padding:20px}}#root{display:flow-root}