:root{--blue:#0078d7;--blue-dark:#005a9e;--ink:#202020;--muted:#666;--line:#d6d6d6;--soft:#f3f3f3;--hover:#e5f1fb;--danger:#a80000;--success:#107c10}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px}a{color:#0067b8;text-decoration:none}button,input,textarea{font:inherit}button,a{transition:background-color .14s ease,color .14s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #111;outline-offset:2px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr}.auth-intro{position:relative;color:#fff;background:var(--blue);padding:38px 52px;display:flex;flex-direction:column}.wordmark{color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.wordmark span,.app-mark span{display:grid;place-items:center;background:#fff;color:var(--blue);width:30px;height:30px;font-weight:700}.intro-copy{margin:auto 0;max-width:520px}.product-label{font-size:12px;letter-spacing:.08em;font-weight:600;opacity:.9}.intro-copy h1{font-size:54px;line-height:1.06;letter-spacing:-.035em;font-weight:300;margin:18px 0 20px}.intro-copy>p:last-child{font-size:19px;line-height:1.55;max-width:470px}.auth-intro footer{font-size:12px;opacity:.76}.auth-panel{display:grid;place-items:center;background:#f7f7f7;padding:48px}.auth-box{width:min(390px,100%);background:#fff;border:1px solid #ddd;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:38px 40px}.auth-box h2{font-size:28px;font-weight:300;margin:0 0 8px}.muted{color:var(--muted);line-height:1.5;margin:0 0 26px}.stack{display:grid;gap:18px}label{font-size:13px;color:#444}.stack label{display:grid;gap:7px;font-weight:600}input,textarea{border:1px solid #888;background:#fff;padding:10px 11px;min-height:38px;border-radius:0}input:hover,textarea:hover{border-color:#333}input:focus,textarea:focus{border-color:var(--blue);outline:1px solid var(--blue)}.primary{border:1px solid var(--blue-dark);background:var(--blue);color:#fff;padding:9px 20px;min-height:38px;cursor:pointer}.primary:hover{background:var(--blue-dark)}.wide{width:100%;font-weight:600}.auth-switch{border-top:1px solid #e2e2e2;margin-top:26px;padding-top:20px;color:#555}.notice,.global-notice{padding:10px 12px;margin:0 0 18px;border:1px solid}.notice.error,.global-notice.error{color:var(--danger);border-color:#e7a4a4;background:#fde7e9}.notice.success,.global-notice.success{color:#0b5a0b;border-color:#9ad39a;background:#dff6dd}.topbar{height:48px;background:var(--blue);color:#fff;display:flex;align-items:center}.app-mark{height:48px;width:204px;color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px}.app-mark span{width:28px;height:28px}.search{height:32px;width:min(520px,42vw);display:flex;background:#fff;margin-left:8px;color:#555}.search label{position:absolute;left:-9999px}.search input{border:0;min-height:32px;flex:1;padding:7px 10px}.search button{width:38px;border:0;background:#fff;font-size:20px}.top-actions{margin-left:auto;height:48px;display:flex;align-items:center;gap:18px;font-size:12px}.top-actions>a{color:#fff;font-size:18px}.top-actions form,.top-actions button{height:100%}.top-actions button{border:0;background:rgba(0,0,0,.16);color:#fff;padding:0 18px;cursor:pointer}.top-actions button:hover{background:rgba(0,0,0,.3)}.commandbar{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;padding:0 12px;background:#fafafa}.commandbar a{color:#222;padding:8px 12px}.commandbar a:hover{background:#e5e5e5}.commandbar .new-mail{background:var(--blue);color:#fff;font-weight:600}.command-spacer{flex:1}.commandbar>span:last-child{color:#666;font-size:12px;margin-right:10px}.global-notice{margin:0;border-width:0 0 1px}.mail-workspace{height:calc(100vh - 92px);display:grid;grid-template-columns:205px minmax(280px,360px) 1fr;overflow:hidden}.folders{background:#f4f4f4;border-right:1px solid var(--line);padding-top:12px;position:relative}.folders h3{font-size:13px;font-weight:600;margin:8px 18px 10px}.folders>a,.folder-bottom a{display:flex;gap:10px;padding:9px 18px;color:#222}.folders>a:hover,.folder-bottom a:hover{background:#e6e6e6}.folders>a.active{background:#cde6f7;color:#000;font-weight:600;border-left:3px solid var(--blue);padding-left:15px}.folder-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line)}.message-list{border-right:1px solid var(--line);overflow:auto}.message-list>header{height:62px;padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:end;justify-content:space-between}.message-list h1{font-size:21px;font-weight:300;margin:0}.message-list header span{font-size:11px;color:#777}.message-row{display:block;color:#222;border-bottom:1px solid #e6e6e6;padding:10px 13px;min-height:72px}.message-row:hover{background:var(--hover)}.message-row.unread{border-left:3px solid var(--blue);padding-left:10px;background:#f2f8fc}.sender{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#444}.message-row time{display:block;margin-top:4px;color:#777;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty,.reading-empty{height:100%;display:grid;place-content:center;text-align:center;color:#777;gap:8px}.empty{height:300px}.empty b{color:#444}.reading-pane{overflow:auto;background:#fff}.reading-pane>header{padding:24px 28px 18px;border-bottom:1px solid var(--line)}.reading-pane h1{font-size:26px;font-weight:300;margin:0 0 18px}.message-meta{display:grid;grid-template-columns:1fr auto;gap:4px 16px}.message-meta span{grid-column:1}.message-meta time{grid-column:2;grid-row:1/3;color:#777;font-size:12px}.message-tools{padding:8px 18px;border-bottom:1px solid var(--line)}.message-tools a{display:inline-block;color:#222;padding:7px 10px}.message-tools a:hover{background:#eee}.message-body{font:14px/1.65 "Segoe UI",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px 28px;max-width:75ch;margin:0}.reading-empty .envelope{font-size:52px;color:#aaa}.reading-empty h2{font-size:21px;font-weight:300;margin:6px 0 0}.reading-empty p{margin:0}.settings-page{min-height:calc(100vh - 92px);display:grid;grid-template-columns:230px 1fr;background:#f7f7f7}.settings-nav{padding:24px 16px;background:#eee;border-right:1px solid var(--line)}.settings-nav h3{margin:0 10px 18px;font-size:18px;font-weight:300}.settings-nav a{display:block;padding:10px;color:#222}.settings-nav a.active{background:#fff;border-left:3px solid var(--blue);padding-left:7px;font-weight:600}.settings-content{background:#fff;padding:34px 44px;max-width:940px}.section-path{font-size:11px;color:#666;margin:0 0 10px}.settings-content>h1{font-weight:300;font-size:31px;margin:0 0 8px}.lead{color:#555;line-height:1.6;max-width:680px}.settings-form{margin-top:30px;border-top:1px solid var(--line)}.settings-form h2{font-size:18px;font-weight:400;margin:28px 0 14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-form label{display:grid;gap:6px;font-weight:600}.server-row{display:grid;grid-template-columns:1fr 110px 90px;align-items:end;gap:14px}.secure-tag{height:38px;display:grid;place-items:center;background:#e6f2e6;color:#0b5a0b;border:1px solid #9bbb9b;font-size:12px}.form-actions{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;align-items:center;gap:20px}.compose-page{background:#eee;min-height:calc(100vh - 92px);padding:28px}.compose-form{background:#fff;border:1px solid #bbb;max-width:980px;min-height:640px;display:flex;flex-direction:column}.compose-form header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.compose-form h1{font-size:23px;font-weight:300;margin:0}.compose-form header div{display:flex;gap:16px;align-items:center}.compose-form label{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line);align-items:center}.compose-form label span{padding-left:20px}.compose-form label input{border:0}.compose-form textarea{flex:1;border:0;padding:22px;resize:none;font-size:15px;line-height:1.6}.compose-form textarea:focus{outline:0}.app-shell{min-width:320px}@media(max-width:800px){.auth-page{grid-template-columns:1fr}.auth-intro{min-height:240px;padding:24px}.intro-copy{margin:48px 0 26px}.intro-copy h1{font-size:38px}.intro-copy>p:last-child{font-size:16px}.auth-intro footer{display:none}.auth-panel{padding:24px 16px}.auth-box{padding:28px 24px}.topbar{height:auto;min-height:48px;flex-wrap:wrap}.app-mark{width:auto}.search{order:3;width:100%;margin:0;height:42px}.search input{height:42px}.top-actions span{display:none}.commandbar{margin-top:42px}.mail-workspace{grid-template-columns:56px 1fr;height:calc(100vh - 134px)}.folders{grid-row:1}.folders h3,.folders>a:not(.active),.folder-bottom{display:none}.folders>a.active{font-size:0;height:50px;padding:14px}.folders>a.active span{font-size:18px}.message-list{grid-column:2}.reading-pane{display:none}.settings-page{grid-template-columns:1fr}.settings-nav{display:none}.settings-content{padding:24px 18px}.form-grid,.server-row{grid-template-columns:1fr}.compose-page{padding:0}.compose-form{border:0;min-height:calc(100vh - 134px)}.compose-form label{grid-template-columns:68px 1fr}.commandbar>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}