.product-header .app-brand{padding:0!important}.product-header .app-brand-copy{display:flex!important}.product-header .app-brand strong{color:var(--text)!important;font-size:17px!important}.product-header .app-brand small{display:none!important}.product-header-nav{display:none}.product-user-chip{border:1px solid var(--line);background:var(--surface-2);width:32px;height:32px;color:var(--text);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.product-account-summary{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.product-account-summary>div{min-width:0;display:grid}.product-account-summary strong,.product-account-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-account-summary strong{font-size:12px}.product-account-summary small{color:var(--muted);font-size:10px}.product-sidebar-context{flex-direction:column;flex:1;min-height:0;display:flex}.product-home-link{min-height:34px;padding:0 11px}.theme-toggle.site-button{border-radius:9px;width:34px;min-width:34px;min-height:34px;padding:0}.theme-toggle.site-button span{display:none}@media (width<=900px){.product-header-title{display:none}.product-header-nav{align-items:center;gap:2px;display:flex;overflow:auto}.product-header-nav .product-nav-link{white-space:nowrap;min-height:36px;padding:0 9px}.product-header-nav .product-nav-link svg,.product-home-link{display:none}.product-header-actions{margin-left:auto}.product-header-main{padding:0 12px}}@media (width<=620px){.product-header-nav .product-nav-link{padding:0 7px;font-size:12px}.product-user-chip{display:none}.product-header-main{gap:5px;padding:0 8px}.theme-toggle.site-button{width:32px;min-width:32px}}.compose-attachments{flex-wrap:wrap;gap:8px;padding:10px 18px 0;display:flex}.compose-attachment{border:1px solid var(--border);background:var(--surface-2);max-width:100%;color:var(--text);border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:flex}.compose-attachment span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.compose-attachment small{color:var(--muted-2);white-space:nowrap}.compose-attachment button{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:2px;display:grid}.compose-attachment button:hover{background:var(--surface-3);color:var(--text-strong)}.compose-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attach-control,.draft-button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.attach-control:hover,.draft-button:hover{background:var(--surface-3)}.attach-control input{display:none}.draft-button:disabled{opacity:.55;cursor:default}.compose-status.saved{color:var(--success);font-weight:700}.attachment-download{color:inherit;cursor:pointer;text-decoration:none}.attachment-download:hover{border-color:var(--border-strong);background:var(--surface-2)}.attachment-download>svg:last-child{color:var(--muted);margin-left:3px}@media (width<=760px){.compose-status{padding-left:2px}.compose-attachment span{max-width:180px}}:root{--mail-accent:#e33b52;--mail-accent-strong:#c92f45;--mail-radius:14px}.app-shell.app-section-mail{--sidebar-w:286px;background:#f5f6f7}.app-section-mail .app-sidebar{background:#fff;border-right:1px solid #e7e8ea;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:76px 210px;padding:0;display:grid;overflow:hidden}.app-section-mail .app-sidebar-top{background:#111214;border-right:1px solid #202226;flex-direction:column;grid-area:1/1;align-items:stretch;min-height:0;padding:16px 10px;display:flex}.app-section-mail .app-brand{justify-content:center;padding:0 0 20px}.app-section-mail .app-brand img{filter:drop-shadow(0 5px 14px #00000040);width:34px;height:34px}.app-section-mail .app-brand-copy{display:none}.app-section-mail .app-primary-nav{gap:7px;display:grid}.app-section-mail .app-nav-link{color:#777b82;text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:7px 4px;font-size:10px;font-weight:700;line-height:1;display:flex}.app-section-mail .app-nav-link:hover{color:#e6e8eb;background:#1c1e21}.app-section-mail .app-nav-link.active,.app-section-mail .app-nav-link.bridge-link.active{color:#fff;background:#25272b}.app-section-mail .app-nav-icon{width:24px;height:24px}.app-section-mail .app-sidebar-content{background:#f7f8f9;flex-direction:column;grid-area:1/2/3;min-height:0;padding:18px 12px 14px;display:flex;overflow:hidden}.app-section-mail .app-sidebar-content:before{content:"Mailbox";color:#8b8f96;letter-spacing:.12em;text-transform:uppercase;margin:1px 8px 12px;font-size:10px;font-weight:800;display:block}.app-section-mail .compose-button{color:#fff;min-height:42px;box-shadow:none;background:#191a1d;border:0;border-radius:10px;margin:0 2px 16px;font-size:13px;font-weight:760}.app-section-mail .compose-button:hover{background:#25262a;transform:none}.app-section-mail .mailbox-label{color:#a0a3a9;letter-spacing:.12em;margin:5px 9px 7px;font-size:9px}.app-section-mail .mailbox-nav{gap:2px}.app-section-mail .nav-item{color:#70747b;border-radius:9px;min-height:37px;padding:0 9px}.app-section-mail .nav-item span{font-size:12px}.app-section-mail .nav-item:hover{color:#222428;background:#eceef0}.app-section-mail .nav-item.active{color:#111214;background:#e5e8eb}.app-section-mail .nav-item b{color:#b52c41;background:#fde7eb}.app-section-mail .app-sidebar-bottom{background:#111214;border:0;border-right:1px solid #202226;grid-area:2/1;gap:6px;padding:10px;display:grid}.app-section-mail .theme-toggle,.app-section-mail .app-signout{color:#747880;border-radius:11px;justify-content:center;min-height:42px;padding:0}.app-section-mail .theme-toggle span,.app-section-mail .app-signout span{display:none}.app-section-mail .theme-toggle:hover,.app-section-mail .app-signout:hover{color:#fff;background:#1c1e21}.app-section-mail .app-user-card{background:0 0;border:0;justify-content:center;padding:4px;display:flex}.app-section-mail .app-user-card>div:last-child{display:none}.app-section-mail .app-avatar{color:#fff;background:#2a2c30;border-radius:50%;width:34px;height:34px;font-size:11px}.app-section-mail .app-stage{background:#f5f6f7}.mail-workspace{background:#f5f6f7;grid-template-columns:clamp(390px,31vw,450px) minmax(0,1fr);gap:0;padding:0}.inbox-pane{box-shadow:none;background:#fff;border:0;border-right:1px solid #e5e6e8;border-radius:0;overflow:hidden}.reader-pane{box-shadow:none;background:#fbfbfc;border:0;border-radius:0;overflow:auto}.pane-header{min-height:86px;padding:20px 18px 10px}.pane-header .section-label{display:none}.pane-header h1{letter-spacing:-.045em;margin:0 0 4px;font-size:24px;line-height:1.1}.pane-header p{color:#989ba1;font-size:11px}.refresh-button{width:34px;height:34px;box-shadow:none;background:#f2f3f4;border:0;border-radius:9px}.refresh-button:hover{background:#e9eaec}.search{height:40px;padding:0 11px;box-shadow:none!important;background:#f6f7f8!important;border:1px solid #eceef0!important;border-radius:10px!important;margin:0 14px 8px!important}.search:focus-within{background:#fff!important;border-color:#d5d7db!important;box-shadow:0 0 0 3px #1415180a!important}.search input{font-size:12.5px}.message-list{padding:3px 8px 14px}.message-row{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:67px;margin:0;padding:9px 10px;border:0!important;border-radius:9px!important}.message-row+.message-row{border-top:1px solid #f0f1f2!important}.message-row.selected{box-shadow:inset 3px 0 0 var(--mail-accent)!important;background:#fcecef!important}.sender-avatar{color:#555960;width:36px;height:36px;font-size:11px;background:#eef0f2!important;border-radius:10px!important}.message-row.selected .sender-avatar{color:#a62b3e!important;background:#f8dbe1!important}.message-meta strong{font-size:12.5px}.message-meta time{font-size:10px}.subject{margin-top:3px;font-size:12.5px}.preview{display:none}.unread-dot{width:6px;height:6px;bottom:11px;right:9px}.reader-empty{background:#fbfbfc}.reader-empty-icon{border-radius:14px;width:50px;height:50px;box-shadow:none!important;background:#f0f1f3!important;border:0!important}.reader-empty h2{font-size:18px}.reader-empty p{color:#96999f}.message-detail{width:min(840px,100%);padding:34px clamp(30px,4.5vw,58px) 64px}.message-detail>header{border-bottom-color:#eceef0;padding-bottom:22px}.detail-title{gap:12px}.sender-avatar.large{width:42px;height:42px}.message-detail h2{letter-spacing:-.04em;font-size:clamp(23px,2.3vw,29px)}.message-addresses{font-size:12px}.message-detail header time{font-size:11px}.reader-actions{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfbfceb;margin:0 -8px 22px;padding:10px 8px;position:sticky;top:0;border:0!important}.reader-actions button,.reply-tail button{color:#646870;min-height:34px;background:#f0f1f3!important;border:0!important;border-radius:8px!important}.reader-actions button:hover,.reply-tail button:hover{color:#17181b;background:#e6e8ea!important}.message-body{color:#25272b;max-width:720px;margin:26px 0;font-size:14px;line-height:1.78}.attachments{border-top-color:#eceef0}.attachment-chip{background:#fff;border-color:#e5e7e9;border-radius:9px}.reply-tail{border-top-color:#eceef0}.compose-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0e105c!important}.compose{overflow:hidden;background:#fff!important;border:1px solid #00000014!important;border-radius:18px!important;box-shadow:0 30px 90px #0003!important}.compose header{min-height:60px;padding:0 18px;background:#fafafa!important;border-bottom:1px solid #eceef0!important}.compose header strong{font-size:13px}.compose-field{border-bottom-color:#eceef0!important}.compose textarea{font-size:14px;line-height:1.7}.compose footer{background:#fafafa!important;border-top-color:#eceef0!important}.send-button{color:#fff!important;background:#191a1d!important;border-color:#0000!important}.auth-page{background:#f2f3f5!important}.auth-card{width:min(410px,100%);padding:32px;background:#fff!important;border:1px solid #e5e7ea!important;border-radius:18px!important;box-shadow:0 20px 70px #00000014!important}.auth-heading .eyebrow{color:var(--mail-accent)}.auth-heading h1{font-size:30px}.auth-card .field input{border-color:#dfe1e4;border-radius:10px;min-height:46px}.auth-submit{color:#fff!important;background:#191a1d!important;min-height:46px!important}.auth-footer{border-top-color:#eceef0}[data-theme=dark] .app-shell.app-section-mail{background:#0f1012}[data-theme=dark] .app-section-mail .app-sidebar{background:#121315;border-right-color:#292b2f}[data-theme=dark] .app-section-mail .app-sidebar-content{background:#181a1d}[data-theme=dark] .app-section-mail .app-sidebar-content:before,[data-theme=dark] .app-section-mail .mailbox-label{color:#666a71}[data-theme=dark] .app-section-mail .nav-item{color:#969aa1}[data-theme=dark] .app-section-mail .nav-item:hover{color:#fff;background:#222428}[data-theme=dark] .app-section-mail .nav-item.active{color:#fff;background:#292c31}[data-theme=dark] .app-section-mail .compose-button{color:#151619;background:#f4f5f6}[data-theme=dark] .app-section-mail .compose-button:hover{background:#fff}[data-theme=dark] .app-section-mail .app-stage,[data-theme=dark] .mail-workspace{background:#0f1012}[data-theme=dark] .inbox-pane{background:#17191c;border-right-color:#292b2f}[data-theme=dark] .reader-pane,[data-theme=dark] .reader-empty{background:#111214}[data-theme=dark] .search{background:#202226!important;border-color:#282b2f!important}[data-theme=dark] .search:focus-within{background:#24262a!important;border-color:#3a3d42!important}[data-theme=dark] .message-row+.message-row{border-top-color:#202226!important}[data-theme=dark] .message-row:hover{background:#202226!important}[data-theme=dark] .message-row.selected{background:#301a20!important}[data-theme=dark] .sender-avatar{color:#d8dade;background:#24272b!important}[data-theme=dark] .reader-empty-icon{background:#202226!important}[data-theme=dark] .message-body{color:#d9dbdf}[data-theme=dark] .message-detail>header,[data-theme=dark] .attachments,[data-theme=dark] .reply-tail{border-color:#292b2f}[data-theme=dark] .reader-actions{background:#111214eb}[data-theme=dark] .reader-actions button,[data-theme=dark] .reply-tail button{color:#b8bbc1;background:#24262a!important}[data-theme=dark] .reader-actions button:hover,[data-theme=dark] .reply-tail button:hover{color:#fff;background:#2e3136!important}[data-theme=dark] .compose{background:#191b1e!important;border-color:#303238!important}[data-theme=dark] .compose header,[data-theme=dark] .compose footer{background:#151619!important;border-color:#2a2c30!important}@media (width<=1180px) and (width>=961px){.app-shell.app-section-mail{--sidebar-w:260px}.app-section-mail .app-sidebar{grid-template-columns:70px 190px}.mail-workspace{grid-template-columns:minmax(360px,410px) minmax(0,1fr)}}@media (width<=960px){.app-shell.app-section-mail{--sidebar-w:0}.app-section-mail .app-sidebar{display:none}.mail-workspace{grid-template-columns:minmax(340px,390px) minmax(0,1fr);gap:0;padding:0}.app-section-mail .app-mobile-bar,.app-section-mail .app-mobile-primary-nav{color:#fff;background:#141518!important;border-color:#292b30!important}.app-section-mail .app-mobile-bar .app-brand strong{color:#fff}.app-section-mail .app-mobile-nav-link{color:#8f9297}.app-section-mail .app-mobile-nav-link.active{color:#fff}.reader-actions{position:static}}@media (width<=720px){.mail-workspace{background:var(--surface);display:block}.inbox-pane,.reader-pane{box-shadow:none;border:0;border-radius:0}.mail-workspace.has-selection .inbox-pane,.mail-workspace:not(.has-selection) .reader-pane{display:none}.pane-header{padding-left:16px;padding-right:16px}.message-list{padding-left:5px;padding-right:5px}.message-row{min-height:64px}.message-detail{padding:16px 18px 42px}.mobile-reader-bar{margin-bottom:20px}.compose{border-radius:16px 16px 0 0!important}}.product-section-mail .product-main{background:var(--surface);overflow:hidden}.product-section-mail .mail-workspace{height:calc(100dvh - var(--header-h));background:var(--surface);grid-template-columns:clamp(360px,29vw,430px) minmax(0,1fr)}.product-section-mail .inbox-pane,.product-section-mail .reader-pane{height:100%;min-height:0}.product-section-mail .inbox-pane{flex-direction:column;display:flex}.product-section-mail .pane-header{min-height:72px;padding:16px 16px 8px}.product-section-mail .pane-header h1{letter-spacing:-.04em;font-size:22px}.product-section-mail .pane-header p{margin-top:3px}.product-section-mail .search{flex:0 0 38px;height:38px;border-radius:9px!important;margin:0 10px 7px!important}.product-section-mail .message-list{scrollbar-gutter:stable;flex:1;min-height:0;padding:0 6px 18px;overflow:auto}.product-section-mail .message-row{outline:none;grid-template-columns:32px minmax(0,1fr);gap:9px;min-height:58px;padding:7px 9px;border-radius:8px!important}.product-section-mail .message-row:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 48%,transparent)!important}.product-section-mail .sender-avatar{width:32px;height:32px;border-radius:9px!important}.product-section-mail .message-meta strong{font-size:12px}.product-section-mail .message-meta time{font-size:9.5px}.product-section-mail .subject{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;line-height:1.25;overflow:hidden}.product-section-mail .message-row.selected{background:color-mix(in srgb,var(--accent-soft) 82%,var(--surface))!important;box-shadow:inset 2px 0 0 var(--accent)!important}.product-section-mail .reader-pane{background:var(--surface);position:relative;overflow:auto}.product-section-mail .message-detail{width:min(900px,100%);padding:26px clamp(26px,4vw,54px) 62px}.product-section-mail .message-detail>header{padding-bottom:17px}.product-section-mail .message-detail h2{font-size:clamp(22px,2.1vw,28px)}.product-section-mail .reader-actions{background:color-mix(in srgb,var(--surface) 92%,transparent);margin:0 -4px 18px;padding:8px 4px;top:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important}.product-section-mail .reader-actions button,.product-section-mail .reply-tail button{min-height:32px;padding:0 9px;font-size:11px;font-weight:700}.product-section-mail .message-body{max-width:760px;margin-top:22px;font-size:14px;line-height:1.72}.product-section-mail .compose{width:min(760px,100vw - 28px);max-height:min(760px,100dvh - 36px);border-radius:16px!important}.product-section-mail .compose textarea{min-height:320px}.product-section-mail .compose header{min-height:52px}.product-section-mail .compose-field{min-height:45px}.product-section-mail .pane-header:after{content:"?  shortcuts";border:1px solid var(--line);color:var(--muted-2);letter-spacing:.02em;border-radius:7px;align-self:center;margin-left:auto;margin-right:5px;padding:4px 7px;font-size:9px;font-weight:750}.mail-shortcuts-backdrop{z-index:260;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c0f47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mail-shortcuts-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:18px;width:min(620px,100%);overflow:hidden;box-shadow:0 30px 100px #0a0c0f40}.mail-shortcuts-card header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 15px;display:flex}.mail-shortcuts-card h2{letter-spacing:-.04em;margin:4px 0 0;font-size:22px}.mail-shortcuts-card header button{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border:0;border-radius:9px;font-size:22px;line-height:1}.mail-shortcut-grid{grid-template-columns:1fr 1fr;gap:0;padding:10px 14px 16px;display:grid}.mail-shortcut-grid>div{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);grid-template-columns:82px 1fr;align-items:center;gap:12px;min-height:50px;padding:7px 9px;display:grid}.mail-shortcut-grid kbd{border:1px solid var(--line-strong);background:var(--surface-2);box-shadow:0 1px 0 var(--line-strong);color:var(--text);font:750 10px/1.2 var(--font);border-radius:7px;justify-self:start;padding:4px 7px}.mail-shortcut-grid span{color:var(--muted);font-size:12px}@media (width<=1100px) and (width>=721px){.product-section-mail .mail-workspace{grid-template-columns:minmax(330px,390px) minmax(0,1fr)}.product-section-mail .message-detail{padding-left:28px;padding-right:28px}}@media (width<=720px){.product-section-mail .product-main{overflow:auto}.product-section-mail .mail-workspace{height:auto;min-height:calc(100dvh - var(--header-h));display:block}.product-section-mail .pane-header:after{display:none}.product-section-mail .message-list{overflow:visible}.product-section-mail .compose textarea{min-height:230px}.mail-shortcut-grid{grid-template-columns:1fr}.mail-shortcuts-card{max-height:82dvh;overflow:auto}}@media (prefers-reduced-motion:reduce){.product-section-mail *,.mail-shortcuts-backdrop *{scroll-behavior:auto!important;transition:none!important}}.boot{background:var(--page);place-items:center;min-height:100dvh;display:grid}.auth-page{background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 34%), var(--page);grid-template-rows:auto 1fr;width:100%;height:100dvh;padding:24px;display:grid;overflow:auto}.auth-top{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100%);margin:0 auto;display:flex}.auth-top .app-brand{padding:0}.auth-card{border:1px solid var(--border);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-lg);border-radius:20px;margin:auto;padding:32px}.auth-heading{margin-bottom:24px}.auth-heading h1{color:var(--text-strong);letter-spacing:-.04em;margin:6px 0 8px;font-size:30px;line-height:1.15}.auth-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.login-form{gap:16px;display:grid}.auth-submit{width:100%;margin-top:2px}.auth-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:22px;padding-top:20px;font-size:13px;display:flex}.auth-footer a{color:var(--text-strong);font-weight:750;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.compose-button{background:var(--text-strong);width:100%;min-height:46px;color:var(--surface);box-shadow:var(--shadow-md);border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:800;transition:transform .14s,opacity .14s;display:flex}.compose-button:hover{transform:translateY(-1px)}.mailbox-label{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin:18px 10px 7px;font-size:11px;font-weight:800}.mailbox-nav{scrollbar-width:thin;align-content:start;gap:3px;min-height:0;display:grid;overflow:auto}.nav-item{width:100%;min-height:42px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;display:grid}.nav-item span{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.nav-item b{background:var(--accent-soft);min-width:20px;color:var(--accent);text-align:center;border-radius:999px;padding:2px 6px;font-size:10px}.nav-item:hover{background:var(--sidebar-hover);color:var(--text-strong)}.nav-item.active{background:var(--sidebar-active);color:var(--text-strong);font-weight:750}.mail-workspace{background:var(--page);grid-template-columns:clamp(370px,31vw,430px) minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.inbox-pane{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.pane-header{justify-content:space-between;align-items:center;gap:16px;min-height:96px;padding:20px 20px 14px;display:flex}.pane-header h1{color:var(--text-strong);letter-spacing:-.035em;margin:4px 0 3px;font-size:clamp(23px,2vw,26px);line-height:1.12}.pane-header p{color:var(--muted);margin:0;font-size:12px}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--muted);box-shadow:var(--shadow-sm);border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--surface-2);color:var(--text-strong)}.search{border:1px solid var(--border);background:var(--surface-2);height:44px;color:var(--muted-2);border-radius:11px;flex:none;align-items:center;gap:9px;margin:0 16px 13px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--border-strong);background:var(--surface);box-shadow:var(--focus)}.search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.search input::placeholder{color:var(--muted-2)}.message-list{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 8px 14px;overflow:auto}.message-row{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:11px;margin:2px 0;padding:11px;display:grid;position:relative}.message-row:hover{background:var(--surface-2)}.message-row.selected{border-color:var(--border);background:var(--surface-2);box-shadow:var(--shadow-sm)}.sender-avatar{background:var(--surface-3);width:42px;height:42px;color:var(--text-strong);border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid}.sender-avatar.large{flex:none;width:46px;height:46px}.message-copy{min-width:0}.message-meta{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.message-meta strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.message-meta time{color:var(--muted-2);flex:none;font-size:11px}.message-row.unread .message-meta strong,.message-row.unread .subject{font-weight:800}.subject{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;font-weight:600;overflow:hidden}.preview{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.unread-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;bottom:10px;right:8px}.empty-state{min-height:220px;color:var(--muted-2);text-align:center;place-content:center;justify-items:center;gap:8px;padding:28px;display:grid}.empty-state strong{color:var(--text);font-size:14px}.empty-state span:last-child{font-size:12px;line-height:1.5}.loading-dot{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reader-pane{background:var(--page);overscroll-behavior:contain;min-width:0;height:100%;min-height:0;overflow:auto}.reader-empty{height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;padding:36px;display:grid}.reader-empty-icon{border:1px solid var(--border);background:var(--surface);width:62px;height:62px;color:var(--muted-2);box-shadow:var(--shadow-sm);border-radius:17px;place-items:center;display:grid}.reader-empty h2{color:var(--text-strong);letter-spacing:-.03em;margin:17px 0 6px;font-size:21px}.reader-empty p{max-width:340px;margin:0;font-size:13px;line-height:1.55}.message-detail{width:min(900px,100%);margin:0 auto;padding:32px clamp(24px,4vw,42px) 56px}.mobile-reader-bar{display:none}.message-detail>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.detail-title{gap:14px;min-width:0;display:flex}.detail-title>div:last-child{min-width:0}.message-detail h2{overflow-wrap:anywhere;color:var(--text-strong);letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(22px,2.2vw,27px);line-height:1.25}.message-detail header time{color:var(--muted-2);white-space:nowrap;flex:none;font-size:12px}.message-addresses{gap:3px;font-size:13px;line-height:1.45;display:grid}.message-addresses strong{overflow-wrap:anywhere;color:var(--text)}.message-addresses span{overflow-wrap:anywhere;color:var(--muted)}.reader-actions{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.reader-actions button,.reply-tail button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:650;display:flex}.reader-actions button:hover,.reply-tail button:hover{background:var(--surface-2);color:var(--text-strong)}.message-body{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:30px 0;font-size:14px;line-height:1.75}.attachments{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.attachments h3{color:var(--muted);margin:0 0 12px;font-size:12px}.attachments>div{flex-wrap:wrap;gap:8px;display:flex}.attachment-chip{border:1px solid var(--border);background:var(--surface);max-width:350px;color:var(--text);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 11px;font-size:12px;text-decoration:none;display:grid}.attachment-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip small{color:var(--muted-2)}.reply-tail{border-top:1px solid var(--border);gap:8px;margin-top:34px;padding-top:20px;display:flex}.compose-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a1280;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.compose{border:1px solid var(--border);background:var(--surface);width:min(720px,100%);height:min(680px,100dvh - 48px);min-height:0;box-shadow:var(--shadow-lg);border-radius:18px;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.compose header,.compose footer{justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.compose header{border-bottom:1px solid var(--border)}.compose header>div{gap:2px;display:grid}.compose header strong{color:var(--text-strong);font-size:14px}.compose header span{color:var(--muted);font-size:12px}.compose-field{border-bottom:1px solid var(--border);color:var(--muted);grid-template-columns:70px minmax(0,1fr);align-items:center;padding:0 18px;font-size:13px;font-weight:650;display:grid}.compose-field input{min-width:0;min-height:46px;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.compose textarea{resize:none;background:var(--surface);min-width:0;min-height:0;color:var(--text);border:0;outline:0;padding:20px;font-size:14px;line-height:1.65}.compose footer{border-top:1px solid var(--border);background:var(--surface-2)}.send-button{min-width:90px}.compose-status{color:var(--muted-2);font-size:11px}.compose-status.saved{color:var(--success)}.compose-error{margin:0 18px 12px}@media (width<=1240px) and (width>=961px){.mail-workspace{grid-template-columns:minmax(340px,380px) minmax(0,1fr)}.message-detail{padding-left:24px;padding-right:24px}}@media (width<=960px){.mail-workspace{grid-template-columns:minmax(330px,380px) minmax(0,1fr)}.pane-header{min-height:88px;padding:17px 18px 12px}.pane-header h1{font-size:23px}.search{margin-left:14px;margin-right:14px}}@media (width<=720px){.mail-workspace{grid-template-columns:minmax(0,1fr)}.reader-pane,.mail-workspace.has-selection .inbox-pane{display:none}.mail-workspace.has-selection .reader-pane{display:block}.inbox-pane{border-right:0}.mobile-reader-bar{color:var(--muted);align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.message-detail{padding:20px 18px 40px}.message-detail>header{flex-direction:column;gap:14px}.message-detail header time{padding-left:60px}.reader-actions button,.reply-tail button{min-height:40px}}@media (width<=520px){.auth-page{padding:16px}.auth-card{border-radius:16px;padding:24px 20px}.auth-top .app-brand-copy{display:flex}.pane-header{min-height:82px;padding:14px 14px 10px}.pane-header .section-label{display:none}.pane-header h1{margin-top:0;font-size:22px}.search{margin:0 10px 10px}.message-list{padding:0 5px 12px}.message-row{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:10px 9px}.sender-avatar{width:40px;height:40px}.message-detail{padding-left:14px;padding-right:14px}.detail-title{gap:11px}.message-detail h2{font-size:21px}.message-detail header time{padding-left:0}.compose-backdrop{place-items:end center;padding:0}.compose{border-radius:18px 18px 0 0;width:100%;height:calc(100dvh - 12px)}.compose header,.compose footer{padding-left:14px;padding-right:14px}.compose-field{grid-template-columns:58px minmax(0,1fr);padding:0 14px}.compose textarea{padding:16px 14px}.compose footer{flex-direction:column;align-items:flex-start}}