:root{--accent:#00a746;--accent-strong:#00bd50;--ink:#152019;--muted:#738078;--line:#dfe5df;--paper:#f7f8f6;--surface:#fff;--night:#101411;--night-soft:#192019;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.hidden{display:none!important}.eyebrow{margin:0 0 12px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.13em}.brand-lockup{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:14px;font-weight:800;letter-spacing:-.06em;text-decoration:none}.brand-lockup img{width:21px;height:23px;color:var(--accent)}.brand-lockup b{padding:3px 5px;border-radius:4px;background:var(--accent);color:#fff;font-size:10px;letter-spacing:-.04em}.brand-lockup--light{color:#fff}.brand-lockup--light img{color:var(--accent-strong)}.auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(430px,1.18fr) minmax(420px,.82fr)}.auth-brand{position:relative;display:flex;min-height:100%;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px clamp(42px,8vw,130px);background:var(--night);color:#f7fbf8}.auth-brand:before{position:absolute;inset:auto -9vw -24vw auto;width:62vw;height:62vw;border:1px solid rgba(87,198,114,.22);border-radius:50%;content:""}.auth-brand:after{position:absolute;top:15%;left:33%;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 9px rgba(0,167,70,.11),0 0 70px 18px rgba(0,167,70,.24);content:""}.auth-copy{position:relative;z-index:1;max-width:590px;margin-block:auto}.auth-copy .eyebrow{color:#8bb797}.auth-copy h1{margin:0;font-size:clamp(50px,5vw,76px);line-height:.99;letter-spacing:-.08em}.auth-copy h1 em{color:var(--accent-strong);font-style:normal}.auth-copy>p:last-child{max-width:390px;margin:27px 0 0;color:#aab7ad;font-size:15px;line-height:1.7}.auth-detail{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#95a399}.auth-detail span{width:32px;height:1px;background:var(--accent)}.auth-detail p{margin:0;font-size:10px;font-weight:600;line-height:1.7;letter-spacing:.07em}.auth-panel{display:flex;align-items:center;padding:40px clamp(34px,8vw,120px);background:var(--surface)}.auth-form{width:100%;max-width:390px;animation:enter .35s ease}.auth-form .eyebrow{color:var(--accent)}.auth-form h2{margin:0 0 10px;font-size:34px;letter-spacing:-.06em}.form-description{margin:0 0 32px;color:var(--muted);line-height:1.6}.auth-form label,.account-form-wrap label,.compose-fields label{display:block;margin:18px 0 0;color:#405047;font-size:11px;font-weight:700}.auth-form input,.account-form-wrap input,.compose-fields input,.compose-fields select,.account-form-wrap select{display:block;width:100%;border:0;border-bottom:1px solid #cbd5cc;padding:12px 0 10px;outline:0;background:transparent;color:var(--ink);transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.account-form-wrap input:focus,.compose-fields input:focus,.compose-fields select:focus,.compose-fields textarea:focus{border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}small{color:var(--muted);font-size:10px;font-weight:500}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-error{min-height:20px;margin:18px 0 0;color:#bd3434;font-size:12px;line-height:1.5}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:0;border-radius:8px;padding:13px 15px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.primary-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.auth-form>.primary-button{width:100%;margin-top:4px}.primary-button span{font-size:18px;line-height:14px}.form-switch{margin:21px 0 0;color:var(--muted);font-size:12px}.form-switch button,.text-button,.manual-switch button{border:0;padding:0;background:none;color:var(--accent);font-weight:700;cursor:pointer}.mail-shell{display:grid;min-height:100svh;grid-template-columns:244px minmax(360px,460px) minmax(480px,1fr);background:var(--surface)}.sidebar{display:flex;flex-direction:column;padding:25px 14px 16px;border-right:1px solid var(--line);background:#f8faf7}.sidebar-top{padding:0 9px}.sidebar .brand-lockup{margin:0 0 34px}.compose{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;padding:12px 13px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.compose:hover{background:var(--accent-strong);transform:translateY(-1px)}.compose-icon{font-size:19px;font-weight:400;line-height:14px}.mail-navigation{display:grid;gap:3px;margin-top:25px}.folder{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:7px;padding:10px 10px;background:transparent;color:#65736a;font-size:12px;text-align:left;cursor:pointer}.folder:hover{background:#eef2ee;color:var(--ink)}.folder.active{background:#e8f5e9;color:#176b36;font-weight:700}.folder b{margin-left:auto;font-size:10px}.nav-icon,.icon-button span,.empty-mark,.chevron{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}.nav-icon svg,.icon-button svg,.empty-mark svg,.chevron svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto}.account-button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:8px;padding:9px;background:transparent;text-align:left;cursor:pointer}.account-button:hover{background:#eef2ee}.account-button i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#c8efd2;color:#12652f;font-size:10px;font-style:normal;font-weight:800}.account-button span:not(.chevron){min-width:0}.account-button strong,.account-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button strong{font-size:11px}.account-button small{margin-top:2px;font-size:9px}.chevron{margin-left:auto;color:var(--muted)}.logout{width:100%;margin-top:10px;border:0;border-top:1px solid var(--line);padding:13px 9px 2px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;text-align:left;cursor:pointer}.logout span{float:right}.message-list{min-width:0;border-right:1px solid var(--line);background:#fff}.list-header{display:flex;align-items:flex-start;justify-content:space-between;min-height:122px;padding:27px 24px 17px}.account-line{display:flex;align-items:center;gap:8px;margin-bottom:10px}.account-line select{max-width:270px;border:0;outline:0;background:transparent;color:#567064;font-size:11px;font-weight:700}.round-button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:50%;background:#e7f5eb;color:#14783a;font-size:17px;cursor:pointer}.heading-line{display:flex;align-items:baseline;gap:9px}.heading-line h1{margin:0;font-size:25px;letter-spacing:-.06em}.heading-line span{color:var(--muted);font-size:11px}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#5f6c64;cursor:pointer}.icon-button:hover{border-color:#b4c4b7;color:var(--accent)}.list-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 24px;border-block:1px solid var(--line);color:var(--muted);font-size:10px}.text-button{font-size:11px}.messages{min-height:calc(100svh - 163px);overflow:auto}.message{position:relative;width:100%;border:0;border-bottom:1px solid var(--line);padding:17px 23px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:background .18s}.message:hover,.message.selected{background:#f5faf5}.message.selected:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent);content:""}.message-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sender{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.message time{flex:0 0 auto;color:var(--muted);font-size:10px}.message h3{overflow:hidden;margin:7px 0 4px;font-size:12px;font-weight:600;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.message p{overflow:hidden;margin:0;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.message.unread .sender,.message.unread h3{font-weight:800}.message.unread:after{position:absolute;top:18px;right:12px;width:5px;height:5px;border-radius:50%;background:var(--accent);content:""}.message.unread .message-top{padding-right:12px}.empty-list{display:grid;min-height:330px;padding:40px;place-content:center;text-align:center;color:var(--muted)}.empty-list h3{margin:10px 0 5px;color:var(--ink);font-size:15px}.empty-list p{max-width:250px;margin:0;font-size:12px;line-height:1.6}.skeleton{height:68px;margin:0 24px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff,#f1f5f1,#fff);background-size:200% 100%;animation:shimmer 1.2s infinite}.message-reading{min-width:0;overflow:auto;padding:39px clamp(34px,6vw,105px);background:#fff}.reading-empty{display:grid;min-height:calc(100svh - 78px);place-content:center;text-align:center;color:var(--muted)}.reading-empty .empty-mark{width:33px;height:33px;margin:auto;color:#aab6ad}.reading-empty h2{margin:14px 0 6px;color:var(--ink);font-size:18px;letter-spacing:-.04em}.reading-empty p{max-width:250px;margin:0;font-size:12px;line-height:1.6}.reading-content{max-width:720px;animation:enter .22s ease}.reader-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.reader-back{display:none}.message-tag{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.reading-content h2{margin:0 0 26px;font-size:clamp(25px,3vw,38px);line-height:1.13;letter-spacing:-.065em}.from-line{display:flex;align-items:center;gap:11px;padding:15px 0;border-block:1px solid var(--line);font-size:12px}.from-avatar{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:50%;background:#e7f5eb;color:#14783a;font-size:11px;font-style:normal;font-weight:800}.from-line span{display:block;max-width:510px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.from-date{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.message-body{max-width:680px;padding:29px 0 50px;font-size:14px;line-height:1.8;white-space:pre-wrap}.loading-reader{display:grid;min-height:260px;place-content:center;color:var(--muted);font-size:12px}.toast{position:fixed;right:22px;bottom:22px;z-index:20;max-width:340px;transform:translateY(20px);border:1px solid #cfe4d4;border-radius:9px;padding:12px 15px;background:#153a21;color:#fff;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;transition:.25s}.toast.visible{transform:none;opacity:1}.toast.error{border-color:#efaaaa;background:#642b2b}dialog{border:0;background:transparent;padding:0}.modal-card{width:min(610px,94vw);max-height:92svh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 25px 90px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(11,18,13,.64);backdrop-filter:blur(4px)}.modal-card header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--line)}.modal-card h2{margin:0;font-size:25px;letter-spacing:-.055em}.modal-close{border:0;background:transparent;color:var(--muted);font-size:30px;line-height:22px;cursor:pointer}.compose-fields{padding:5px 28px 21px}.compose-fields label{margin-top:16px}.compose-fields input,.compose-fields select{padding-top:9px}.compose-fields textarea{display:block;min-height:190px;width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;margin-top:9px;padding:12px;outline:0;background:#fbfcfb;color:var(--ink);line-height:1.6}.modal-card footer{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:17px 28px;border-top:1px solid var(--line)}.account-card{width:min(1010px,94vw)}.account-layout{display:grid;grid-template-columns:34% 1fr;min-height:470px}.account-layout aside{padding:35px;background:var(--night);color:#dce6df}.account-layout aside img{width:32px;height:36px;color:var(--accent-strong)}.account-layout aside>p{margin:36px 0 0;font-size:13px;line-height:1.7}.account-layout ol{display:grid;gap:16px;margin:42px 0 0;padding:0;list-style:none;color:#759080;font-size:10px;font-weight:700;letter-spacing:.08em}.account-layout li.active{color:var(--accent-strong)}.account-layout li span{display:inline-block;width:29px}.account-form-wrap{padding:37px clamp(28px,6vw,76px)}.account-form-wrap>div{max-width:520px}.modal-hint{margin:5px 0 25px;color:var(--muted);font-size:12px;line-height:1.6}.discovery-note{margin-bottom:20px;border-left:3px solid var(--accent);padding:12px;background:#f0f8f1;color:#41694b;font-size:12px;line-height:1.55}.manual-switch{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.server-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px}.server-fields .eyebrow{margin-bottom:14px;color:var(--accent)}.compact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-label{display:flex!important;align-items:flex-end;gap:7px;color:var(--muted)!important}.check-label input{width:auto!important;margin-bottom:12px}.modal-actions{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.settings-modal .modal-card{width:min(510px,94vw)}.settings-content{padding:25px 28px}.settings-content>p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.7}.settings-accounts{display:grid;gap:8px;margin-bottom:24px}.settings-account{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}.settings-account i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e7f5eb;color:#14783a;font-size:10px;font-style:normal;font-weight:800}.settings-account strong,.settings-account small{display:block}.settings-account strong{font-size:11px}.settings-account small{margin-top:2px;color:var(--muted);font-size:10px}.remove-account{margin-left:auto;border:0;background:transparent;color:#b83f3f;font-size:11px;font-weight:700;cursor:pointer}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:900px){.mail-shell{grid-template-columns:70px minmax(320px,1fr) minmax(0,1.1fr)}.sidebar{padding-inline:8px}.sidebar-top{padding:0}.sidebar .brand-lockup{justify-content:center;margin-bottom:30px}.sidebar .brand-lockup span{display:none}.sidebar .brand-lockup b{margin-left:-9px;transform:scale(.85)}.compose{justify-content:center;padding:12px}.compose>span:last-child{display:none}.mail-navigation{margin-top:25px}.folder{justify-content:center;padding:11px}.folder>span:not(.nav-icon),.folder b{display:none}.account-button{justify-content:center}.account-button span:not(.chevron){display:none}.chevron{display:none}.logout{font-size:0;text-align:center}.logout span{float:none;font-size:14px}.message-reading{padding-inline:36px}}@media(max-width:680px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:300px;padding:28px}.auth-copy{margin-top:auto}.auth-copy h1{font-size:47px}.auth-copy>p:last-child{margin-top:18px}.auth-detail{display:none}.auth-panel{padding:38px 28px}.mail-shell{display:block}.sidebar{position:fixed;z-index:5;right:0;bottom:0;left:0;display:flex;height:61px;flex-direction:row;align-items:center;padding:7px 10px;border-top:1px solid var(--line);border-right:0;background:#f8faf7}.sidebar-top{display:contents}.sidebar .brand-lockup,.sidebar-bottom{display:none}.compose{order:2;width:45px;height:45px;margin-left:auto;border-radius:50%;padding:0}.mail-navigation{display:flex;order:1;flex:1;justify-content:space-around;margin:0}.folder{width:44px;height:43px;padding:9px}.message-list{min-height:100svh;border:0}.list-header{min-height:105px;padding:21px 19px 13px}.list-toolbar{padding-inline:19px}.messages{min-height:calc(100svh - 145px);padding-bottom:62px}.message{padding-inline:19px}.message-reading{position:fixed;z-index:10;inset:0;display:none;padding:24px 20px;background:#fff}.message-reading.open{display:block}.reader-back{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:700;cursor:pointer}.reader-actions{margin-bottom:25px}.reading-content h2{font-size:28px}.from-line{align-items:flex-start}.from-date{display:none}.message-body{font-size:14px}.account-line select{max-width:230px}.account-layout{grid-template-columns:1fr}.account-layout aside{min-height:auto;padding:23px 27px}.account-layout aside>p{margin:15px 0 0}.account-layout ol{display:none}.account-form-wrap{padding:28px 27px}.server-fields{grid-template-columns:1fr}.account-modal{width:100vw;max-width:none}.account-card{width:100vw;min-height:100svh;border:0;border-radius:0}.compose-modal .modal-card{width:100vw;min-height:100svh;border:0;border-radius:0}.compose-fields textarea{min-height:34vh}}