.bmail-page{--tl-red:#ff6058;--tl-yel:#ffbe2e;--tl-grn:#28c940}.bmail-head{padding:44px 0 26px}.bmail-head h1{letter-spacing:-.04em;font-size:clamp(30px,3.4vw,42px);font-weight:900;line-height:1.05}.bmail-head h1 .dot{color:var(--tangerine)}.bmail-head .lede{color:var(--ink-mute);max-width:56ch;margin-top:6px;font-size:15px}.bmail-win{background:var(--cream);border-radius:12px;margin-bottom:96px;overflow:hidden;box-shadow:0 0 0 1px #0b0b1240,inset 0 1px #ffffff8c,0 34px 60px -26px #0b0b1266}.bmail-tb{background:linear-gradient(180deg, var(--metal-top) 0%, var(--metal-mid) 55%, var(--metal-bot) 100%);grid-template-columns:84px 1fr 84px;align-items:center;height:34px;padding:0 12px;display:grid;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0b0b122e}.bmail-tb .lights{gap:6px;display:flex}.bmail-tb .lt{border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 .5px #0006,inset 0 1px #ffffff80}.bmail-tb .lt.r{background:var(--tl-red)}.bmail-tb .lt.y{background:var(--tl-yel)}.bmail-tb .lt.g{background:var(--tl-grn)}.bmail-tb .tr{text-align:right;font:400 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.bmail-body{grid-template-columns:224px 1fr;min-height:640px;display:grid}.bmail-side{background-color:var(--cream-alt);border-right:1px solid var(--rule-soft);background-image:radial-gradient(circle,#11110c08 1px,#0000 1.2px);background-size:4px 4px;flex-direction:column;gap:2px;padding:18px 12px 20px;display:flex}.bmail-side .side-group{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding:14px 10px 6px;font-size:9.5px;font-weight:700}.bmail-side .side-group:first-child{padding-top:0}.bmail-side .side-item{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:700;transition:background .12s;display:flex}.bmail-side .side-item:hover{background:#0b0b120b}.bmail-side .side-item.active{background:var(--tangerine-tint);color:var(--tangerine-deep);font-weight:800}.bmail-side .side-item .ico{background:var(--ink-faint);border-radius:2px;flex:none;width:8px;height:8px}.bmail-side .side-item.active .ico{background:var(--tangerine)}.bmail-side .side-item .n{font-family:var(--font-mono);color:var(--ink-faint);margin-left:auto;font-size:10.5px;font-weight:400}.bmail-side .side-item.active .n{color:var(--tangerine-deep);font-weight:700}.bmail-side .side-foot{border-top:1px solid var(--rule-soft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:7px;margin-top:auto;padding:12px 10px 0;font-size:9.5px;display:flex}.bmail-side .side-foot .led{background:var(--green-deep);border-radius:50%;width:7px;height:7px}.bmail-list{background:var(--cream);flex-direction:column;display:flex}.bmail-list-head{border-bottom:1px solid var(--rule-soft);justify-content:space-between;align-items:baseline;gap:16px;padding:16px 24px 12px;display:flex}.bmail-list-head h2{letter-spacing:-.02em;font-size:17px;font-weight:800}.bmail-list-head .meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px}.bmail-empty{color:var(--ink-mute);padding:32px 24px;font-size:14px}.bmail-row{border-bottom:1px solid var(--rule-soft);cursor:pointer;grid-template-columns:22px 108px 1fr 108px;align-items:center;gap:0 16px;padding:16px 24px 16px 18px;transition:background .12s;display:grid}.bmail-row:hover{background:var(--field)}.bmail-row .dot{border-radius:50%;justify-self:center;width:8px;height:8px}.bmail-row.unread .dot{background:var(--tangerine);box-shadow:0 0 0 3px var(--tangerine-tint)}.bmail-row .thumb{aspect-ratio:16/10;object-fit:cover;background:var(--cream-alt);border-radius:6px;width:108px;height:auto;display:block;box-shadow:0 0 0 1px #0b0b1224,inset 0 1px #ffffff4d}.bmail-row .body{min-width:0}.bmail-row .subj{letter-spacing:-.015em;color:var(--ink);font-size:15.5px;font-weight:800;line-height:1.3;display:block}.bmail-row:hover .subj{color:var(--tangerine-deep)}.bmail-row .prev{color:var(--ink-mute);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:3px;font-size:13.5px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.bmail-row .from{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-faint);margin-top:5px;font-size:10.5px;display:block}.bmail-row .when{text-align:right;font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:11px}.bmail-row .when .mins{opacity:.8;margin-top:4px;font-size:10px;display:block}.bmail-row.unread .when{color:var(--tangerine-deep);font-weight:700}.bmail-row.pinned{background:var(--tangerine-tint);border-left:3px solid var(--tangerine);grid-template-columns:22px 168px 1fr 108px;padding-left:15px}.bmail-row.pinned:hover{background:#f26b1f24}.bmail-row.pinned .thumb{width:168px}.bmail-row.pinned .subj{font-size:17px}.bmail-row.pinned .prev{-webkit-line-clamp:2}.bmail-row .pin-flag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tangerine-deep);align-items:center;gap:6px;margin-bottom:6px;font-size:9.5px;font-weight:700;display:inline-flex}.bmail-row .pin-flag .led{background:var(--green-deep);border-radius:50%;width:6px;height:6px}.bmail-status{background:linear-gradient(180deg, var(--metal-top) 0%, var(--metal-mid) 55%, var(--metal-bot) 100%);height:28px;font:400 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);border-top:1px solid #0b0b1224;justify-content:space-between;align-items:center;margin-top:auto;padding:0 14px;display:flex;box-shadow:inset 0 1px #ffffffb3}@media (max-width:860px){.bmail-body{grid-template-columns:1fr;min-height:0}.bmail-side{border-right:0;border-bottom:1px solid var(--rule-soft);flex-flow:wrap;padding:12px}.bmail-side .side-item{width:auto}.bmail-side .side-group,.bmail-side .side-foot{display:none}.bmail-row,.bmail-row.pinned{grid-template-columns:18px 76px 1fr 84px;padding:14px 16px 14px 12px}.bmail-row .thumb,.bmail-row.pinned .thumb{width:76px}}@media (max-width:480px){.bmail-head{padding:28px 0 16px}.bmail-side{gap:4px;padding:8px 10px}.bmail-side .side-item{padding:6px 8px;font-size:12.5px}.bmail-list-head{padding:12px 16px 10px}.bmail-list-head h2{font-size:15px}.bmail-row,.bmail-row.pinned{grid-template-columns:14px 64px 1fr;gap:0 12px;padding:12px 14px 12px 10px}.bmail-row .thumb,.bmail-row.pinned .thumb{width:64px}.bmail-row .when{display:none}.bmail-row .subj{font-size:14px}.bmail-row.pinned .subj{font-size:15px}.bmail-row .prev{font-size:12.5px}.bmail-row .from{font-size:10px}}@media (max-width:360px){.bmail-row,.bmail-row.pinned{grid-template-columns:12px 1fr}.bmail-row .thumb,.bmail-row.pinned .thumb{display:none}}