:root{--ink-950:#050c16;--ink-900:#07111f;--ink-850:#0a1626;--slate-800:#0f1d2f;--slate-750:#132338;--slate-700:#172a42;--line-strong:#2a405d;--line:#1d314b;--line-soft:#14263b;--frost:#eef6ff;--text:#d9e6f4;--muted:#8da2ba;--muted-2:#6f849d;--cyan:#67d2df;--cyan-strong:#8de4ec;--cyan-dim:rgba(103,210,223,.12);--amber:#efb45e;--amber-dim:rgba(239,180,94,.12);--danger:#ff8a92;--danger-dim:rgba(255,138,146,.1);--success:#73d6a4;--radius-xs:5px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--font-ui:"Manrope","Segoe UI Variable","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code","SFMono-Regular",Consolas,monospace;--ease:cubic-bezier(.2,.8,.2,1);--sidebar:252px}
*{box-sizing:border-box}html{min-height:100%;background:var(--ink-900);color:var(--text);font-family:var(--font-ui);color-scheme:dark}body{margin:0;min-height:100vh;background:var(--ink-900)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}::selection{background:rgba(103,210,223,.24);color:var(--frost)}
.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px 16px;background:var(--ink-950);border-right:1px solid var(--line);z-index:10}.brand,.login-brand{display:flex;align-items:center;gap:11px;min-width:0}.brand{padding:0 8px;margin-bottom:24px}.brand__mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;position:relative;border:1px solid var(--line-strong);border-radius:9px;color:var(--cyan);background:var(--ink-850)}.brand__mark:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:2px;border-radius:3px;background:var(--cyan);box-shadow:0 0 14px rgba(103,210,223,.42)}.brand__mark span{font:700 15px var(--font-mono)}.brand strong,.brand small,.login-brand strong,.login-brand small{display:block}.brand strong,.login-brand strong{color:var(--frost);font-size:14px;letter-spacing:-.01em}.brand small,.login-brand small{color:var(--muted-2);font-size:10px;margin-top:2px;letter-spacing:.04em}
.compose-shortcut{min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 4px 24px;padding:0 14px;border:1px solid rgba(103,210,223,.44);border-radius:var(--radius-sm);color:var(--ink-950);background:var(--cyan);font-weight:750;font-size:13px;transition:background 180ms var(--ease),border-color 180ms var(--ease)}.compose-shortcut:hover,.compose-shortcut:focus-visible{background:var(--cyan-strong);border-color:var(--cyan-strong)}.compose-shortcut.is-active{box-shadow:0 0 0 3px var(--cyan-dim)}.icon{width:18px;height:18px;flex:0 0 18px}.nav{display:grid;gap:3px}.nav__label{margin:0;padding:14px 12px 7px;color:var(--muted-2);font:600 9px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.nav__item{min-height:40px;display:flex;align-items:center;gap:11px;position:relative;padding:0 12px;border-radius:var(--radius-sm);color:var(--muted);font-size:13px;transition:color 180ms var(--ease),background 180ms var(--ease)}.nav__item:hover,.nav__item:focus-visible{color:var(--frost);background:var(--slate-800)}.nav__item.is-active{color:var(--frost);background:var(--slate-750)}.signal{position:absolute;left:0;top:10px;bottom:10px;width:2px;opacity:0;border-radius:3px;background:var(--cyan);box-shadow:0 0 10px rgba(103,210,223,.42);transition:opacity 180ms var(--ease)}.nav__item.is-active .signal{opacity:1}.nav__item.is-active .icon{color:var(--cyan)}
.sidebar__foot{margin-top:auto;padding:16px 4px 0;border-top:1px solid var(--line-soft)}.service-line{display:flex;align-items:center;gap:10px;margin:0 5px 16px}.service-line__rail{width:3px;height:28px;border-radius:3px;background:var(--success)}.service-line strong,.service-line small{display:block}.service-line strong{color:var(--text);font:500 11px var(--font-mono)}.service-line small{color:var(--muted-2);font-size:9px;margin-top:3px}.identity{display:flex;align-items:center;gap:10px;min-width:0;margin:0 4px 12px}.identity>span:last-child{min-width:0}.identity strong,.identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity strong{color:var(--text);font-size:11px}.identity small{color:var(--muted-2);font-size:9px;margin-top:2px}.avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px;color:var(--cyan);background:var(--slate-800);font:700 10px var(--font-mono)}
.main{min-width:0;background:var(--ink-900)}.topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(24px,4vw,56px);border-bottom:1px solid var(--line-soft);background:rgba(7,17,31,.96)}.topbar h1{margin:5px 0 0;color:var(--frost);font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.035em;font-weight:700}.page-context{margin:0;color:var(--muted-2);font:500 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.page-context span{color:var(--line-strong);margin:0 5px}.topbar__identity{display:flex;align-items:center;gap:9px;color:var(--muted);font:500 10px var(--font-mono)}.content{padding:28px clamp(24px,4vw,56px) 56px}
.panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-850);padding:22px}.panel--flush{padding:0;overflow:hidden}.panel__head{min-height:47px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--muted);font:600 10px var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.panel--flush .panel__head{padding:0 18px}.panel__head a{color:var(--cyan);transition:color 180ms var(--ease)}.panel__head a:hover{color:var(--cyan-strong)}
.mail-list{display:grid}.mail-row{min-height:68px;display:grid;grid-template-columns:minmax(150px,.65fr) minmax(260px,1.75fr) auto;align-items:center;gap:18px;position:relative;padding:11px 18px;border-top:1px solid var(--line-soft);transition:background 180ms var(--ease)}.mail-row:first-child{border-top:0}.mail-row:hover,.mail-row:focus-visible{background:var(--slate-800)}.mail-row.is-unread:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:2px;border-radius:2px;background:var(--cyan)}.mail-row__sender,.mail-row__subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row__sender{color:var(--text);font-size:12px}.mail-row__subject{color:var(--frost);font-size:13px}.mail-row.is-unread .mail-row__sender,.mail-row.is-unread .mail-row__subject{font-weight:700}.mail-row__subject small{display:block;margin-top:4px;color:var(--muted-2);font:400 10px var(--font-mono)}.mail-row time{color:var(--muted-2);font:500 10px var(--font-mono);white-space:nowrap}
.mailbox-path{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:28px;margin-bottom:12px;color:var(--muted-2);font:500 10px var(--font-mono)}.mailbox-path a{color:var(--cyan)}.mailbox-path strong{color:var(--text);font-weight:500}.folder-tabs{display:flex;align-items:center;gap:4px;padding:9px 12px;border-bottom:1px solid var(--line-soft);background:var(--ink-950)}.folder-tabs a{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--muted);font-size:11px;transition:color 180ms var(--ease),background 180ms var(--ease),border-color 180ms var(--ease)}.folder-tabs a:hover{color:var(--frost);background:var(--slate-800)}.folder-tabs a.is-active{color:var(--frost);border-color:var(--line-strong);background:var(--slate-750)}.folder-tabs a.is-active:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan)}.count{min-width:19px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:9px;color:var(--muted);background:var(--ink-900);font:600 9px var(--font-mono)}.mailbox-choices{display:grid}.mailbox-choice{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;border-top:1px solid var(--line-soft);transition:background 180ms var(--ease)}.mailbox-choice:first-child{border-top:0}.mailbox-choice:hover,.mailbox-choice:focus-visible{background:var(--slate-800)}.mailbox-choice strong,.mailbox-choice small{display:block}.mailbox-choice strong{color:var(--frost);font:600 13px var(--font-mono)}.mailbox-choice small{color:var(--muted-2);font-size:10px;margin-top:5px}.mailbox-choice>span:last-child{color:var(--cyan);font:600 10px var(--font-mono);text-transform:uppercase;letter-spacing:.06em}
.empty{min-height:210px;display:grid;place-content:center;text-align:center;padding:38px;color:var(--muted)}.empty:before{content:"";width:38px;height:2px;margin:0 auto 18px;background:var(--line-strong);box-shadow:10px 0 0 var(--cyan-dim),-10px 0 0 var(--cyan-dim)}.empty strong{color:var(--frost);font-size:14px}.empty p{max-width:420px;margin:7px auto 0;font-size:11px;line-height:1.55}
.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius-xs);color:var(--text);background:var(--slate-800);cursor:pointer;font-size:11px;font-weight:650;transition:color 180ms var(--ease),background 180ms var(--ease),border-color 180ms var(--ease)}.button:hover,.button:focus-visible{color:var(--frost);border-color:var(--cyan);background:var(--slate-750)}.button--primary{color:var(--ink-950);border-color:var(--cyan);background:var(--cyan)}.button--primary:hover,.button--primary:focus-visible{color:var(--ink-950);border-color:var(--cyan-strong);background:var(--cyan-strong)}.button--quiet{background:transparent}.button--danger{color:var(--danger);border-color:transparent;background:transparent}.button--danger:hover{border-color:rgba(255,138,146,.42);background:var(--danger-dim)}.button--full{width:100%}.button:disabled,button:disabled{opacity:.42;cursor:not-allowed}
.compose{max-width:880px;display:grid;gap:0;padding:0;overflow:hidden}.compose label{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line-soft);color:var(--muted);font:600 10px var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.compose input,.compose select,.compose textarea,.inline-form input{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius-xs);outline:0;color:var(--frost);background:var(--ink-950);font:500 12px var(--font-ui);transition:border-color 180ms var(--ease),box-shadow 180ms var(--ease),background 180ms var(--ease)}.compose input,.compose select,.inline-form input{min-height:38px;padding:0 11px}.compose textarea{resize:vertical;min-height:270px;padding:11px;line-height:1.65}.compose input:focus,.compose select:focus,.compose textarea:focus,.inline-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim);background:#081321}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;color:var(--muted-2);font-size:10px}
.message{max-width:940px}.message__toolbar{min-height:46px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.message h2{margin:28px 0 18px;color:var(--frost);font-size:clamp(22px,3vw,32px);line-height:1.2;letter-spacing:-.025em}.message__meta{display:grid;grid-template-columns:56px minmax(0,1fr);gap:7px 16px;margin:0;color:var(--muted);font-size:11px}.message__meta dt{color:var(--muted-2);font:600 9px var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.message__meta dd{min-width:0;margin:0;overflow-wrap:anywhere}.message__body{margin:24px 0 0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);background:var(--ink-850);white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.75 var(--font-ui)}.attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.attachments span,.badge{padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--muted);background:var(--ink-850);font:500 9px var(--font-mono)}.badge--live{color:var(--success);border-color:rgba(115,214,164,.28);background:rgba(115,214,164,.06)}
.address-grid{display:grid;gap:14px;max-width:1080px}.address-grid .panel{padding:0;overflow:hidden}.address-grid .panel__head{padding:0 18px}.setting-row{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:16px 18px}.setting-row strong{color:var(--frost);font-size:13px}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.switch{position:relative;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{width:40px;height:22px;display:block;position:relative;border:1px solid var(--line-strong);border-radius:11px;background:var(--ink-950);cursor:pointer;transition:border-color 180ms var(--ease),background 180ms var(--ease)}.switch span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:var(--muted);transition:transform 180ms var(--ease),background 180ms var(--ease)}.switch input:checked+span{border-color:var(--cyan);background:var(--cyan-dim)}.switch input:checked+span:after{transform:translateX(18px);background:var(--cyan)}.switch input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.inline-form{display:grid;grid-template-columns:minmax(220px,1fr) 84px auto;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.address-input{min-width:0;display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-xs);overflow:hidden;background:var(--ink-950)}.address-input:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}.address-input input{border:0;box-shadow:none!important;background:transparent}.address-input span{flex:0 0 auto;padding-right:10px;color:var(--muted-2);font:500 10px var(--font-mono)}.quota{max-width:84px}.address-list{display:grid}.address-row{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 18px;border-bottom:1px solid var(--line-soft)}.address-row:last-child{border-bottom:0}.address-row>div:last-child{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px}.address-row form{display:inline-flex}.address-row code,.secret{color:var(--frost);font:550 11px var(--font-mono)}.address-row small{display:block;margin-top:4px;color:var(--muted-2);font-size:10px}.muted{color:var(--muted)}
.flash,.error{display:flex;align-items:center;min-height:42px;margin-bottom:14px;padding:9px 12px;border:1px solid rgba(103,210,223,.3);border-left:2px solid var(--cyan);border-radius:var(--radius-xs);color:var(--text);background:var(--cyan-dim);font-size:11px}.error{color:#ffc3c7;border-color:rgba(255,138,146,.28);border-left-color:var(--danger);background:var(--danger-dim)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:12px 14px;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}th{position:sticky;top:0;color:var(--muted-2);background:var(--ink-950);font:600 9px var(--font-mono);text-transform:uppercase;letter-spacing:.06em}td code{color:var(--cyan);font:500 10px var(--font-mono)}
.secret-panel,.error-page{max-width:720px;padding:30px;position:relative;border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:var(--radius-md);background:var(--ink-850)}.secret-panel h2,.error-page h2{margin:8px 0 12px;color:var(--frost);font-size:24px;letter-spacing:-.025em}.secret-panel p,.error-page p{color:var(--muted);line-height:1.6}.secret-panel .secret{display:block;margin:20px 0;padding:14px;border:1px dashed rgba(103,210,223,.54);border-radius:var(--radius-xs);color:var(--cyan-strong);background:var(--ink-950);overflow-wrap:anywhere}.secret-panel form{display:inline-flex;margin-right:6px}
.login{min-height:100vh;display:grid;place-items:center;padding:28px;background:var(--ink-950)}.login-frame{width:min(940px,100%);min-height:min(620px,calc(100vh - 56px));display:grid;grid-template-rows:auto 1fr auto;position:relative;padding:34px 40px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--ink-900)}.login-frame:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);box-shadow:0 0 24px rgba(103,210,223,.32)}.login-brand{align-self:start}.login-card{width:min(570px,100%);align-self:center;padding:44px 0}.login-signal{display:flex;gap:5px;margin-bottom:28px}.login-signal span{width:24px;height:2px;background:var(--line-strong)}.login-signal span:first-child{width:68px;background:var(--cyan)}.login h1{margin:13px 0 20px;color:var(--frost);font-size:clamp(42px,7vw,68px);line-height:.98;letter-spacing:-.06em;font-weight:720}.login-copy{max-width:520px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.google-button{width:min(340px,100%);min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;border-radius:var(--radius-sm);color:var(--ink-950);background:var(--frost);font-size:13px;font-weight:750;transition:background 180ms var(--ease)}.google-button:hover,.google-button:focus-visible{background:#fff}.google-g{color:#4285f4;font:700 15px Arial,sans-serif}.login-assurance{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;color:var(--muted-2);font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.login-assurance span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 7px 2px 0;border-radius:50%;background:var(--success)}.login-footer{align-self:end;color:var(--muted-2);font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:900px){:root{--sidebar:100%}.shell{display:block}.sidebar{height:auto;min-height:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:11px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0;padding:0}.brand>span:last-child{display:none}.compose-shortcut{grid-column:2;grid-row:1;justify-self:end;min-height:36px;margin:0;padding:0 12px}.nav{grid-column:1/-1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav__label{display:none}.nav__item{flex:0 0 auto;min-height:36px;padding:0 10px}.nav__item .signal{left:10px;right:10px;top:auto;bottom:0;width:auto;height:2px}.sidebar__foot{display:none}.topbar{min-height:82px;padding:17px 20px}.content{padding:20px 20px 42px}.inline-form{grid-template-columns:minmax(0,1fr) 80px auto}}
@media(max-width:620px){.sidebar{position:static}.compose-shortcut span{display:none}.compose-shortcut{width:38px;padding:0}.nav__item{font-size:11px}.nav__item .icon{width:16px;height:16px}.topbar{min-height:74px;padding:15px 14px}.topbar h1{font-size:24px}.topbar__identity{display:none}.content{padding:14px 12px 34px}.panel{border-radius:var(--radius-sm)}.panel__head{align-items:center;min-height:45px;padding:0 12px!important;font-size:9px}.panel__head>span:last-child{text-align:right}.mail-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;min-height:72px;padding:10px 12px}.mail-row__sender{grid-column:1;grid-row:1}.mail-row__subject{grid-column:1/-1;grid-row:2}.mail-row time{grid-column:2;grid-row:1}.mail-row.is-unread:before{top:13px;bottom:13px}.folder-tabs{padding:8px;overflow-x:auto}.empty{min-height:190px;padding:28px 18px}.mailbox-choice{align-items:flex-start;padding:12px}.mailbox-choice strong{font-size:11px;overflow-wrap:anywhere}.compose label{grid-template-columns:1fr;gap:7px;padding:13px}.compose textarea{min-height:220px}.form-actions{align-items:stretch;flex-direction:column;padding:13px}.form-actions .button{width:100%}.message h2{margin-top:22px;font-size:24px}.message__body{padding:16px}.message__meta{grid-template-columns:45px minmax(0,1fr)}.inline-form{grid-template-columns:1fr;align-items:stretch;padding:12px}.quota{max-width:none}.address-row{align-items:flex-start;flex-direction:column;padding:12px}.address-row>div:last-child{width:100%;justify-content:flex-start}.setting-row{align-items:flex-start;padding:14px 12px}.table-wrap{margin:0 -1px}th,td{padding:10px 11px}.secret-panel,.error-page{padding:22px 18px}.login{padding:0}.login-frame{min-height:100vh;padding:24px 22px 18px;border:0;border-radius:0}.login-card{padding:52px 0 36px}.login h1{font-size:clamp(38px,13vw,54px)}.login-assurance{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}