:root{color-scheme:dark;--bg:#070b12;--bg-2:#09111d;--surface:rgba(17, 25, 41, .78);--surface-2:rgba(21, 32, 52, .68);--surface-3:rgba(255, 255, 255, .055);--surface-solid:#111a2a;--card:rgba(255,255,255,.06);--card-2:rgba(255,255,255,.035);--line:rgba(180, 203, 226, .16);--line-strong:rgba(135, 220, 213, .36);--text:#eef6f7;--text-strong:#ffffff;--muted:#9ba9ba;--muted-2:#728198;--cyan:#7ee7dc;--cyan-2:#b7fff6;--blue:#8db7ff;--violet:#b5a7ff;--gold:#f1d595;--green:#82e0b4;--red:#ff9baa;--shadow:0 24px 90px rgba(0,0,0,.38);--shadow-soft:0 12px 38px rgba(0,0,0,.22);--ring:0 0 0 4px rgba(126, 231, 220, .16);--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--ease:cubic-bezier(.2,.8,.2,1);--vvh:100svh}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100svh;overflow-x:hidden;overflow-y:auto;color:var(--text);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;background:radial-gradient(900px 560px at 8% -12%, rgba(126, 231, 220, .18), transparent 62%), radial-gradient(780px 520px at 92% 0%, rgba(141, 183, 255, .13), transparent 60%), radial-gradient(760px 560px at 55% 110%, rgba(241, 213, 149, .09), transparent 60%), linear-gradient(145deg, #070b12 0%, #09111d 45%, #070b12 100%);-webkit-text-size-adjust:100%}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent 88%)}
body.viewer-lock{overflow:hidden}
body.select-lock{overflow:auto !important;touch-action:auto !important}
button, input, select{font:inherit}
button{border:0;cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.62}
a{color:inherit}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}
.aurora{position:fixed;border-radius:999px;filter:blur(42px);opacity:.34;pointer-events:none;mix-blend-mode:screen;animation:floatAura 14s var(--ease) infinite alternate}
.aurora-a{width:320px;height:320px;left:-120px;top:90px;background:rgba(126,231,220,.18)}
.aurora-b{width:420px;height:420px;right:-160px;top:20px;background:rgba(181,167,255,.13);animation-delay:-4s}
.aurora-c{width:360px;height:360px;left:34%;bottom:-170px;background:rgba(241,213,149,.10);animation-delay:-8s}
 
@keyframes floatAura {to{transform:translate3d(28px, 18px, 0) scale(1.06)}
 }
.app-shell{position:relative;z-index:1;width:min(1440px, calc(100vw - 32px));min-height:100svh;margin:0 auto;padding:18px 0;display:grid;grid-template-rows:auto minmax(0, 1fr);gap:16px}
.glass-panel{position:relative;border:1px solid var(--line);background:linear-gradient(180deg, rgba(18,28,47,.82), rgba(11,17,29,.72));box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}
.glass-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, rgba(255,255,255,.10), transparent 28%, rgba(126,231,220,.05) 70%, transparent)}
.topbar{min-height:74px;border-radius:var(--radius-xl);padding:12px;display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:14px}
.brand, .top-actions, .status-pill, .card, .inbox > *{position:relative;z-index:1}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;text-decoration:none}
.brand-icon{width:52px;height:52px;flex:0 0 auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg, rgba(126,231,220,.23), rgba(141,183,255,.11));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 18px 38px rgba(45,74,94,.28)}
.brand-icon img{width:42px;height:42px}
.brand-copy{min-width:0;display:grid;gap:3px}
.brand-copy strong{color:var(--text-strong);font-size:20px;letter-spacing:-.04em;line-height:1}
.brand-copy small{color:var(--muted);font-size:12px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}
.status-pill{justify-self:center;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 16px;border-radius:999px;color:#dce8ee;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);font-size:12px;font-weight:820;white-space:nowrap}
.status-dot{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px rgba(130,224,180,.12), 0 0 16px rgba(130,224,180,.55)}
.status-dot.is-error{background:var(--red);box-shadow:0 0 0 5px rgba(255,155,170,.12), 0 0 16px rgba(255,155,170,.55)}
.status-dot.is-syncing{background:var(--gold);box-shadow:0 0 0 5px rgba(241,213,149,.13), 0 0 16px rgba(241,213,149,.50)}
.divider{width:1px;height:16px;background:rgba(255,255,255,.13)}
.top-actions{justify-self:end;display:inline-flex;align-items:center;gap:9px}
.icon-button, .soft-button, .gradient-button, .mini-action, .native-select-proxy, .input, .search-box{-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), opacity .18s var(--ease)}
.icon-button{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#dce7f0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.icon-button:hover, .soft-button:hover, .mini-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:var(--line-strong)}
.icon-button:active, .soft-button:active, .mini-action:active, .gradient-button:active{transform:translateY(0) scale(.985)}
.primary-icon{color:#061719;background:linear-gradient(135deg, var(--cyan-2), #8db7ff);border-color:rgba(255,255,255,.32);box-shadow:0 15px 36px rgba(126,231,220,.22), inset 0 1px 0 rgba(255,255,255,.34)}
.language-button .lang-code{font-size:12px;font-weight:950;letter-spacing:.04em}
.sound-button.is-muted{opacity:.72}
.workspace{min-height:0;display:grid;grid-template-columns:minmax(320px, 380px) minmax(0, 1fr);gap:16px}
.sidebar{border-radius:var(--radius-xl);padding:14px;min-height:0;display:grid;grid-template-rows:auto auto auto 1fr;gap:12px;overflow:visible}
.card{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.035));box-shadow:var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.055)}
.card{padding:15px}
.section-title, .card-row-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--cyan-2);font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.card-row-title b{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.live-chip{width:40px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(126,231,220,.10);border:1px solid rgba(126,231,220,.22)}
.live-chip i{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 6px rgba(130,224,180,.10), 0 0 14px rgba(130,224,180,.55)}
.field-label{display:block;margin:10px 0 7px;color:#cbd6e2;font-size:12px;font-weight:850}
.input, .native-select-proxy, .search-box input{width:100%;min-height:48px;color:var(--text-strong);outline:none;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(4, 10, 19, .56);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.input{padding:0 14px;font-size:13px;font-weight:760}
.input::placeholder, .search-box input::placeholder{color:#78889b}
.input:focus, .native-select-proxy:focus, .search-box:focus-within{border-color:var(--line-strong);box-shadow:var(--ring), inset 0 1px 0 rgba(255,255,255,.06)}
.input[readonly]{color:#e7fbf9}
.input-combo{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:8px}
.mini-action{min-height:48px;min-width:62px;padding:0 13px;border-radius:16px;color:var(--cyan-2);background:rgba(126,231,220,.09);border:1px solid rgba(126,231,220,.18);font-size:11px;font-weight:950;letter-spacing:.03em}
.mini-action.flat{min-height:30px;border-radius:11px;background:transparent;border-color:transparent}
.otp-input{width:100%;height:54px;border:1px dashed rgba(126,231,220,.30);border-radius:17px;text-align:center;color:var(--cyan-2);background:rgba(126,231,220,.07);font-size:26px;font-weight:950;letter-spacing:.16em}
.hint{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.is-hidden{display:none !important}
.gradient-button{width:100%;min-height:50px;margin-top:14px;padding:0 18px;border-radius:18px;color:#061017;background:linear-gradient(135deg, #c9fff8 0%, #8db7ff 48%, #f1d595 100%);display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:950;box-shadow:0 18px 44px rgba(126,231,220,.16), inset 0 1px 0 rgba(255,255,255,.42)}
.native-select-proxy{display:block !important;appearance:none;-webkit-appearance:none;padding:0 46px 0 14px;min-width:0;font-size:13px;font-weight:860;letter-spacing:-.01em;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--cyan) 50%), linear-gradient(135deg, var(--cyan) 50%, transparent 50%), linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));background-position:calc(100% - 22px) 52%, calc(100% - 15px) 52%, 0 0;background-size:7px 7px, 7px 7px, 100% 100%;background-repeat:no-repeat}
.native-select-proxy:hover{border-color:rgba(126,231,220,.30);background-color:rgba(7, 16, 29, .72)}
.domain-native-select{margin-bottom:0}
.sort-native-select{width:min(250px, 100%)}
.pro-select, body > .pro-select-menu{display:none !important}
.inbox{min-height:0;border-radius:var(--radius-xl);padding:16px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;overflow:hidden}
.inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.eyebrow{display:inline-flex;margin-bottom:8px;color:var(--cyan-2);font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.inbox-head h1{margin:0;color:var(--text-strong);font-size:clamp(28px, 4vw, 48px);line-height:.98;letter-spacing:-.065em}
.inbox-head p{margin:9px 0 0;color:var(--muted);font-size:13px;font-weight:650}
.head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:min(100%, 580px)}
.soft-button{min-height:44px;padding:0 14px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#dce7f0;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:900;white-space:nowrap}
.soft-button.danger{color:#ffd8dd;background:rgba(255,155,170,.075);border-color:rgba(255,155,170,.20)}
.soft-button.small{min-height:40px;padding:0 12px;border-radius:13px}
.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.search-box{min-height:50px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 14px;border-radius:18px;background:rgba(4,10,19,.48);border:1px solid rgba(255,255,255,.12)}
.search-box svg{color:var(--muted)}
.search-box input{min-height:auto;height:48px;padding:0;border:0;background:transparent;box-shadow:none}
.quick-actions{display:inline-flex;gap:10px;align-items:center}
.soft-button.wide{min-width:132px}
.mail-list{min-height:0;overflow:auto;padding:2px 4px 2px 2px;display:grid;align-content:start;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(126,231,220,.34) transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mail-list::-webkit-scrollbar, .viewer-body::-webkit-scrollbar, .raw-pre::-webkit-scrollbar{width:9px;height:9px}
.mail-list::-webkit-scrollbar-thumb, .viewer-body::-webkit-scrollbar-thumb, .raw-pre::-webkit-scrollbar-thumb{background:rgba(126,231,220,.30);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.mail-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:116px;padding:15px;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;animation:itemIn .34s var(--ease) both;animation-delay:calc(var(--i,0) * 28ms)}
.mail-item:hover{border-color:rgba(126,231,220,.26);background:linear-gradient(180deg, rgba(126,231,220,.095), rgba(255,255,255,.03));transform:translateY(-1px)}
.mail-item.unread{background:linear-gradient(180deg, rgba(126,231,220,.105), rgba(255,255,255,.034));border-color:rgba(126,231,220,.24)}
.mail-item.selected{outline:2px solid rgba(126,231,220,.28)}
.mail-topline{display:flex;align-items:center;gap:10px;min-width:0}
.unread-dot{width:8px;height:8px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 5px rgba(126,231,220,.09);flex:0 0 auto}
.mail-item.read .unread-dot{opacity:.22}
.sender-block{min-width:0;display:inline-flex;align-items:center;gap:10px;flex:1 1 auto}
.sender-avatar{width:40px;height:40px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;color:#061017;background:linear-gradient(135deg, #c9fff8, #8db7ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.sender-avatar i{display:none}
.sender-avatar b{font-size:13px;font-weight:950}
.sender-avatar.large{width:44px;height:44px}
.sender-copy{min-width:0;display:grid;gap:3px}
.sender-name{color:var(--text-strong);font-size:14px;font-weight:900;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sender-domain{color:var(--muted);font-size:12px;font-weight:720;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mail-badges{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.badge{min-height:24px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:999px;color:#d7e3ee;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:10px;font-weight:900}
.badge svg, .badge i{font-size:10px}
.new-badge{color:#cffff8;background:rgba(126,231,220,.12);border-color:rgba(126,231,220,.24)}
.otp-badge{color:#fff4ce;background:rgba(241,213,149,.13);border-color:rgba(241,213,149,.24)}
.read-badge{color:#b8c5d6}
.subject{margin-top:12px;color:var(--text-strong);font-size:16px;font-weight:900;line-height:1.25;letter-spacing:-.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.preview{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mail-side{display:grid;justify-items:end;gap:12px;align-self:stretch}
.time{color:var(--muted-2);font-size:12px;font-weight:850;white-space:nowrap}
.delete-button{width:38px;height:38px;border-radius:13px}
.empty-state, .skeleton-list{min-height:360px;display:grid;place-items:center}
.empty-state > div{text-align:center;max-width:370px;display:grid;justify-items:center;gap:10px;color:var(--muted)}
.empty-state svg{width:44px;height:44px;color:var(--cyan)}
.empty-state strong{color:var(--text-strong);font-size:18px}
.empty-state span{line-height:1.55}
.skeleton-list{align-content:start;gap:10px;place-items:stretch}
.skeleton{height:108px;border-radius:22px;background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.095), rgba(255,255,255,.04));background-size:220% 100%;animation:shimmer 1.3s ease-in-out infinite}
 
@keyframes shimmer {to{background-position:-220% 0}
 }
 
@keyframes itemIn {from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
 }
.viewer{position:fixed;inset:0;z-index:9000;display:none;padding:20px}
.viewer.open{display:grid;place-items:center}
.viewer-backdrop{position:absolute;inset:0;background:rgba(3, 7, 13, .72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .18s var(--ease) both}
.viewer-card{position:relative;z-index:1;width:min(980px, 100%);height:min(86svh, 820px);border-radius:30px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);animation:modalIn .24s var(--ease) both}
.viewer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px;border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(18,28,47,.92), rgba(13,20,34,.78))}
.viewer-head h2{margin:0;color:var(--text-strong);font-size:clamp(19px, 2.2vw, 30px);line-height:1.13;letter-spacing:-.035em;max-width:760px;overflow-wrap:anywhere}
.viewer-meta{margin-top:12px}
.viewer-meta-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.viewer-sender-card, .viewer-chip, .viewer-code-card{min-height:46px;border-radius:15px;display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#dce8ee}
.viewer-sender-card{max-width:min(100%, 380px)}
.viewer-sender-copy{display:grid;min-width:0;gap:1px}
.viewer-sender-copy small, .viewer-chip small, .viewer-code-card small{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.viewer-sender-copy strong, .viewer-chip strong, .viewer-code-card strong{color:var(--text-strong);font-size:12px;font-weight:900;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:240px}
.viewer-sender-copy em{color:var(--muted);font-size:11px;font-style:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:260px}
.viewer-chip i{color:var(--cyan)}
.viewer-code-card{margin-top:8px;cursor:pointer;background:linear-gradient(135deg, #fff4ce, #c9fff8);color:#08111b;border:0;box-shadow:0 14px 32px rgba(241,213,149,.16)}
.viewer-code-card small, .viewer-code-card strong{color:#08111b;max-width:none}
.viewer-code-card strong{font-size:18px;letter-spacing:.12em}
.viewer-code-card em{font-style:normal;font-size:11px;font-weight:950}
.viewer-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.viewer-actions .viewer-close{background:rgba(255,255,255,.10)}
.viewer-body{min-height:0;overflow:auto;background:#f8fafc;padding:0}
.mail-frame{width:100%;min-height:100%;height:100%;border:0;display:block;background:#fff;color:#111827}
.raw-pre{display:none;margin:0;padding:24px;min-height:100%;white-space:pre-wrap;word-break:break-word;overflow:auto;color:#111827;background:#fff;font-size:13px;line-height:1.55}
.viewer.raw .mail-frame{display:none}
.viewer.raw .raw-pre{display:block}
 
@keyframes fadeIn {from{opacity:0}
to{opacity:1}
 }
 
@keyframes modalIn {from{opacity:0;transform:translateY(14px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}
 }
.toast{position:fixed;left:50%;top:20px;bottom:auto;z-index:10000;transform:translate(-50%, -16px);opacity:0;pointer-events:none;min-height:44px;max-width:calc(100vw - 32px);padding:0 16px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#071017;background:linear-gradient(135deg, #c9fff8, #8db7ff);font-size:13px;font-weight:930;box-shadow:0 18px 40px rgba(0,0,0,.28);transition:opacity .2s var(--ease), transform .2s var(--ease)}
.toast.show{opacity:1;transform:translate(-50%, 0)}
 
@media (min-width: 1081px) {.app-shell{height:100svh}
.workspace{min-height:0}
.sidebar, .inbox{max-height:calc(100svh - 124px)}
 }
 
@media (max-width: 1080px) {.app-shell{width:min(100% - 24px, 920px);height:auto;padding:12px 0 24px}
.topbar{grid-template-columns:minmax(0, 1fr) auto}
.status-pill{grid-column:1 / -1;justify-self:stretch;order:3}
.workspace{grid-template-columns:1fr}
.sidebar{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:none}
.address-card, .create-card{min-width:0}
.inbox{min-height:640px;overflow:visible}
.mail-list{max-height:none;min-height:360px;overflow:visible}
 }
 
@media (max-width: 760px) {.app-shell{width:min(100% - 18px, 580px);padding-top:max(9px, env(safe-area-inset-top));gap:10px}
.aurora{opacity:.20}
.topbar{min-height:auto;padding:10px;border-radius:22px;grid-template-columns:1fr auto;gap:10px}
.brand-icon{width:46px;height:46px;border-radius:16px}
.brand-icon img{width:36px;height:36px}
.brand-copy strong{font-size:18px}
.brand-copy small{display:none}
.top-actions{gap:7px}
.top-actions .icon-button{width:40px;height:40px;border-radius:14px}
.status-pill{min-width:0;min-height:36px;padding:0 12px;font-size:11px}
.workspace{gap:10px}
.sidebar, .inbox{border-radius:22px;padding:10px}
.sidebar{display:grid;grid-template-columns:1fr;gap:10px}
.card{padding:12px;border-radius:19px}
.section-title, .card-row-title{font-size:10px;letter-spacing:.12em;margin-bottom:12px}
.input-combo{grid-template-columns:1fr}
.mini-action{width:100%}
.inbox{display:block;min-height:0}
.inbox-head{display:grid;gap:12px}
.inbox-head h1{font-size:30px}
.head-actions{display:grid;grid-template-columns:1fr auto;width:100%;min-width:0}
.sort-native-select{width:100%}
.toolbar{grid-template-columns:1fr}
.quick-actions{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));width:100%}
.soft-button.wide{min-width:0;width:100%}
.mail-list{padding:0;gap:9px;min-height:300px;overflow:visible}
.mail-item{min-height:0;grid-template-columns:1fr;gap:10px;padding:13px;border-radius:19px}
.mail-topline{align-items:flex-start}
.sender-avatar{width:36px;height:36px;border-radius:13px}
.mail-badges{width:100%;margin:8px 0 0 0;justify-content:flex-start}
.subject{margin-top:9px;font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.preview{-webkit-line-clamp:3}
.mail-side{grid-template-columns:1fr auto;align-items:center;justify-items:start}
.delete-button{justify-self:end}
.viewer{padding:0}
.viewer.open{place-items:stretch}
.viewer-card{width:100%;height:100dvh;min-height:100svh;border-radius:0;border:0;grid-template-rows:auto minmax(0,1fr)}
.viewer-head{grid-template-columns:1fr;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 12px 12px}
.viewer-head h2{font-size:19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.viewer-meta{margin-top:9px}
.viewer-meta-grid{gap:6px}
.viewer-sender-card, .viewer-chip{flex:1 1 100%;width:100%;min-height:42px}
.viewer-chip.meta-size{display:none}
.viewer-sender-copy strong, .viewer-sender-copy em, .viewer-chip strong{max-width:calc(100vw - 88px)}
.viewer-code-card{width:100%;justify-content:space-between;margin-top:7px;min-height:44px}
.viewer-code-card strong{font-size:17px}
.viewer-actions{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:7px}
.viewer-actions .soft-button.small, .viewer-actions .icon-button{width:100%;min-width:0;min-height:40px;padding:0 8px;font-size:11px}
.viewer-body{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
.mail-frame{height:100%;min-height:100%}
.raw-pre{padding:16px}
.toast{top:max(14px, env(safe-area-inset-top));bottom:auto}
 }
 
@media (max-width: 420px) {.app-shell{width:calc(100% - 12px)}
.top-actions .icon-button{width:38px;height:38px}
.head-actions{grid-template-columns:1fr}
.quick-actions{grid-template-columns:1fr}
.badge{font-size:9px;padding:0 7px}
.viewer-actions{grid-template-columns:repeat(2, minmax(0,1fr))}
 }
 
@media (prefers-reduced-motion: reduce) {*, *::before, *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}
 }
html[dir="rtl"] body, body.is-rtl{direction:rtl}
html[dir="rtl"] .native-select-proxy{padding:0 14px 0 46px;background-position:22px 52%, 15px 52%, 0 0}
html[dir="rtl"] .mail-side{justify-items:start}
html[dir="rtl"] .mail-badges{margin-left:0;margin-right:auto}
html[dir="rtl"] .viewer-actions{justify-content:flex-start}
:root{--bg:#050914;--bg-2:#081426;--surface:rgba(13, 22, 39, .74);--surface-2:rgba(18, 30, 52, .62);--card:rgba(255,255,255,.068);--line:rgba(190, 215, 255, .15);--line-strong:rgba(126, 231, 220, .44);--cyan:#80f2e7;--blue:#8ebdff;--violet:#c2a8ff;--rose:#ff9ed2;--gold:#f3d796;--green:#8ff0bd;--shadow:0 28px 100px rgba(0,0,0,.44), 0 2px 0 rgba(255,255,255,.04) inset;--shadow-soft:0 16px 48px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.05) inset}
html{background:#050914}
body{position:relative;isolation:isolate;background:radial-gradient(900px 640px at -8% -8%, rgba(128,242,231,.22), transparent 58%), radial-gradient(760px 620px at 108% 3%, rgba(194,168,255,.18), transparent 60%), radial-gradient(820px 660px at 45% 112%, rgba(243,215,150,.12), transparent 62%), linear-gradient(135deg, #050914 0%, #09172b 38%, #090e1c 67%, #050914 100%)}
body::after{content:"";position:fixed;inset:-22%;z-index:0;pointer-events:none;background:conic-gradient(from 145deg at 26% 36%, rgba(128,242,231,.18), rgba(142,189,255,.08), rgba(255,158,210,.12), rgba(243,215,150,.10), rgba(128,242,231,.18)), radial-gradient(circle at 72% 28%, rgba(142,189,255,.16), transparent 34%), radial-gradient(circle at 22% 72%, rgba(128,242,231,.13), transparent 32%);filter:blur(56px) saturate(1.25);opacity:.58;transform:translateZ(0);animation:bgBreath 18s var(--ease) infinite alternate;mix-blend-mode:screen}
 
@keyframes bgBreath {from{transform:translate3d(-1.5%, -1%, 0) rotate(-1.5deg) scale(1)}
to{transform:translate3d(1.5%, 1%, 0) rotate(1.5deg) scale(1.04)}
 }
body::before{z-index:0;opacity:.10}
.aurora{z-index:0;opacity:.42;filter:blur(48px)}
.app-shell{z-index:2;grid-template-rows:auto minmax(0, 1fr) auto}
.glass-panel{background:linear-gradient(180deg, rgba(22, 35, 60, .79), rgba(8, 14, 27, .70)), radial-gradient(560px 220px at 0% 0%, rgba(128,242,231,.11), transparent 62%), radial-gradient(480px 240px at 100% 0%, rgba(194,168,255,.09), transparent 64%);box-shadow:var(--shadow);transform-style:preserve-3d}
.glass-panel::before{background:linear-gradient(135deg, rgba(255,255,255,.12), transparent 28%, rgba(128,242,231,.06) 66%, rgba(243,215,150,.035))}
.glass-panel::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(420px 120px at 20% 0%, rgba(255,255,255,.08), transparent 70%);opacity:.65}
.topbar > *, .sidebar > *, .inbox > *, .site-footer > *, .viewer-card > *{position:relative;z-index:2}
.card, .mail-item, .viewer-sender-card, .viewer-chip, .viewer-code-card, .search-box, .native-select-proxy{backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}
.card{background:linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.033)), radial-gradient(260px 120px at 8% 0%, rgba(128,242,231,.07), transparent 70%);transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease)}
.card:hover{transform:translateY(-2px);border-color:rgba(128,242,231,.25);box-shadow:0 22px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07)}
.reveal{animation:revealUp .55s var(--ease) both;animation-delay:var(--d, 0ms)}
 
@keyframes revealUp {from{opacity:0;transform:translateY(12px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}
 }
.gradient-button{position:relative;overflow:hidden;background:linear-gradient(135deg, #c9fff8 0%, #8ebdff 42%, #c2a8ff 68%, #f3d796 100%);box-shadow:0 20px 54px rgba(128,242,231,.18), 0 10px 26px rgba(194,168,255,.12), inset 0 1px 0 rgba(255,255,255,.48)}
.gradient-button::after{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(90deg, transparent, rgba(255,255,255,.52), transparent);transform:translateX(-80%) rotate(12deg);opacity:.34;transition:transform .55s var(--ease)}
.gradient-button:hover::after{transform:translateX(80%) rotate(12deg)}
.gradient-button:hover{transform:translateY(-2px);box-shadow:0 24px 64px rgba(128,242,231,.24), 0 14px 34px rgba(194,168,255,.17)}
.sender-avatar{position:relative;overflow:hidden;color:#07111f;background:radial-gradient(circle at 28% 18%, rgba(255,255,255,.68), transparent 30%), linear-gradient(135deg, #bdfdf6 0%, #8ebdff 45%, #c2a8ff 72%, #f3d796 100%);box-shadow:0 14px 34px rgba(73, 122, 153, .26), inset 0 1px 0 rgba(255,255,255,.58), inset 0 -12px 22px rgba(16, 32, 55, .18);font-size:17px}
.sender-avatar::after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,.28);pointer-events:none}
.sender-avatar i{display:block !important;position:relative;z-index:1;font-size:17px}
.sender-avatar b{display:none !important}
.sender-avatar.large i{font-size:18px}
.mail-item{overflow:hidden;border-color:rgba(255,255,255,.105);background:linear-gradient(180deg, rgba(255,255,255,.056), rgba(255,255,255,.026)), radial-gradient(320px 130px at 0% 0%, rgba(142,189,255,.055), transparent 74%);transition:transform .20s var(--ease), border-color .20s var(--ease), background .20s var(--ease), opacity .20s var(--ease), box-shadow .20s var(--ease)}
.mail-item::before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:99px;background:rgba(255,255,255,.13);opacity:.55}
.mail-item.unread{border-color:rgba(128,242,231,.36);background:linear-gradient(180deg, rgba(128,242,231,.14), rgba(255,255,255,.035)), radial-gradient(420px 170px at 2% 0%, rgba(128,242,231,.13), transparent 70%), radial-gradient(300px 140px at 100% 0%, rgba(243,215,150,.08), transparent 72%);box-shadow:0 18px 42px rgba(0,0,0,.24), 0 0 0 1px rgba(128,242,231,.04) inset}
.mail-item.unread::before{background:linear-gradient(180deg, var(--cyan), var(--blue));opacity:1;box-shadow:0 0 22px rgba(128,242,231,.54)}
.mail-item.read{border-color:rgba(255,255,255,.075);background:linear-gradient(180deg, rgba(255,255,255,.037), rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.mail-item.read .sender-avatar{opacity:.72;filter:saturate(.72) brightness(.92)}
.mail-item.read .sender-name{color:#aebbd0;font-weight:780}
.mail-item.read .sender-domain, .mail-item.read .preview, .mail-item.read .time{color:#748399}
.mail-item.read .subject{color:#b8c4d7;font-weight:760}
.mail-item.read .read-badge{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.075);color:#8f9db2}
.mail-item.unread .sender-name, .mail-item.unread .subject{color:#ffffff}
.mail-item.unread .subject{font-weight:960}
.mail-item.unread .unread-dot{opacity:1;animation:unreadPulse 1.9s ease-in-out infinite}
.mail-item.read .unread-dot{opacity:0}
 
@keyframes unreadPulse {0%, 100%{box-shadow:0 0 0 5px rgba(128,242,231,.10), 0 0 0 rgba(128,242,231,0)}
50%{box-shadow:0 0 0 7px rgba(128,242,231,.16), 0 0 20px rgba(128,242,231,.42)}
 }
.mail-item:hover{transform:translateY(-2px);border-color:rgba(128,242,231,.32);box-shadow:0 22px 54px rgba(0,0,0,.28)}
html[dir="rtl"] .mail-item::before{left:auto;right:0}
.site-footer{min-height:76px;border-radius:24px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.footer-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.footer-mark{width:42px;height:42px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg, rgba(128,242,231,.19), rgba(194,168,255,.13));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.footer-mark img{width:32px;height:32px}
.footer-brand strong{display:block;color:var(--text-strong);font-size:14px;font-weight:950;letter-spacing:-.02em}
.footer-brand p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45;max-width:620px}
.footer-meta{display:grid;justify-items:end;gap:4px;color:var(--muted);font-size:11px;font-weight:760;text-align:end}
.footer-meta span:first-child{color:#d8e4ef;font-weight:900}
 
@media (min-width: 1081px) {.sidebar, .inbox{max-height:calc(100svh - 214px)}
 }
 
@media (max-width: 1080px) {.app-shell{grid-template-rows:auto auto auto}
.site-footer{margin-top:2px}
 }
 
@media (max-width: 760px) {.app-shell{padding-bottom:max(12px, env(safe-area-inset-bottom))}
.topbar{position:sticky;top:max(6px, env(safe-area-inset-top));z-index:80;box-shadow:0 14px 42px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)}
.topbar::after{opacity:.9}
.workspace{scroll-margin-top:88px}
.mail-item::before{inset:12px auto 12px 0;width:3px}
html[dir="rtl"] .mail-item::before{left:auto;right:0}
.site-footer{flex-direction:column;align-items:flex-start;border-radius:22px;padding:14px}
.footer-meta{justify-items:start;text-align:start}
.footer-brand p{font-size:11.5px}
 }
 
@media (max-width: 420px) {.site-footer{gap:12px}
.footer-mark{width:38px;height:38px;border-radius:14px}
.footer-brand{align-items:flex-start}
 }
 
@media (prefers-reduced-motion: reduce) {body::after, .reveal, .mail-item.unread .unread-dot{animation:none !important}
 }
:root{--bg:#050814;--bg-2:#071327;--surface:rgba(13, 22, 39, .76);--surface-2:rgba(18, 31, 54, .64);--line:rgba(196, 222, 255, .16);--line-strong:rgba(118, 235, 224, .42);--text:#edf6fb;--text-strong:#ffffff;--muted:#a4b3c7;--muted-2:#7d8ba0;--cyan:#76ebe0;--cyan-2:#c8fff8;--blue:#88b7ff;--violet:#bda7ff;--gold:#efd18c;--rose:#ff9bd1}
body{background:radial-gradient(900px 680px at -12% -6%, rgba(118,235,224,.23), transparent 58%), radial-gradient(860px 640px at 108% 0%, rgba(136,183,255,.17), transparent 60%), radial-gradient(780px 580px at 74% 88%, rgba(189,167,255,.13), transparent 64%), radial-gradient(760px 620px at 18% 112%, rgba(239,209,140,.10), transparent 62%), linear-gradient(135deg, #050814 0%, #071327 42%, #0a1020 68%, #050814 100%)}
body::after{background:conic-gradient(from 128deg at 24% 38%, rgba(118,235,224,.16), rgba(136,183,255,.075), rgba(255,155,209,.09), rgba(239,209,140,.08), rgba(118,235,224,.16)), radial-gradient(circle at 72% 24%, rgba(136,183,255,.14), transparent 33%), radial-gradient(circle at 24% 76%, rgba(118,235,224,.11), transparent 32%);opacity:.48;filter:blur(64px) saturate(1.18)}
body::before{opacity:.075;background-size:46px 46px}
.aurora-a{background:rgba(118,235,224,.16)}
.aurora-b{background:rgba(189,167,255,.13)}
.aurora-c{background:rgba(239,209,140,.09)}
.glass-panel{background:linear-gradient(180deg, rgba(20, 34, 59, .78), rgba(8, 14, 28, .72)), radial-gradient(620px 240px at 0% 0%, rgba(118,235,224,.10), transparent 62%), radial-gradient(520px 280px at 100% 0%, rgba(189,167,255,.085), transparent 64%)}
.card, .mail-item, .viewer-card{will-change:transform}
button:focus-visible, input:focus-visible, select:focus-visible, .mail-item:focus-visible, a:focus-visible{outline:3px solid rgba(118,235,224,.42);outline-offset:3px}
.sender-copy{flex:1 1 auto;min-width:0}
.sender-name, .sender-domain{max-width:100%}
.mail-badges{min-width:0}
.footer-rights a, .footer-links a{color:var(--cyan-2);text-decoration:none;border-bottom:1px solid rgba(200,255,248,.28);transition:color .18s var(--ease), border-color .18s var(--ease), opacity .18s var(--ease)}
.footer-rights a:hover, .footer-links a:hover{color:#ffffff;border-color:rgba(255,255,255,.62)}
.footer-links{display:inline-flex;gap:10px;align-items:center}
 
@media (max-width: 760px) {.app-shell{width:min(100% - 14px, 580px)}
.topbar{position:sticky;top:max(6px, env(safe-area-inset-top));z-index:1000;backdrop-filter:blur(24px) saturate(1.18);-webkit-backdrop-filter:blur(24px) saturate(1.18)}
.mail-topline{display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-areas:"dot sender" ". badges";align-items:center;column-gap:9px;row-gap:7px}
.mail-topline .unread-dot{grid-area:dot;align-self:center}
.mail-topline .sender-block{grid-area:sender;width:100%;min-width:0}
.mail-topline .mail-badges{grid-area:badges;width:auto;margin:0;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mail-topline .mail-badges::-webkit-scrollbar{display:none}
.sender-name{font-size:14.5px;line-height:1.15}
.sender-domain{font-size:11.5px;line-height:1.2}
.badge{flex:0 0 auto}
.mail-item{padding:14px}
.subject{margin-top:10px}
.site-footer{gap:13px}
.footer-brand{width:100%}
.footer-meta{width:100%;gap:7px}
 }
 
@media (max-width: 420px) {.mail-item{padding:12px;border-radius:18px}
.sender-avatar{width:38px;height:38px}
.sender-name{font-size:14px}
.sender-domain{font-size:11px}
.badge{min-height:22px}
.top-actions .icon-button{width:37px;height:37px}
 }
 
@media (max-width: 360px) {.app-shell{width:calc(100% - 10px)}
.topbar{padding:8px}
.brand-icon{width:42px;height:42px}
.top-actions{gap:5px}
.top-actions .icon-button{width:35px;height:35px;border-radius:12px}
.mail-topline{column-gap:7px}
.sender-avatar{width:35px;height:35px;border-radius:12px}
.sender-name{font-size:13.5px}
.subject{font-size:14.5px}
.preview{font-size:12.5px}
 }
 
@media (min-width: 1081px) {.mail-item:hover{transform:translateY(-3px) scale(1.002)}
.card:hover{transform:translateY(-3px)}
 }
.policy-page{min-height:100svh;padding:22px}
.policy-shell{position:relative;z-index:2;width:min(980px, 100%);margin:0 auto;border-radius:30px;padding:clamp(18px, 4vw, 34px);display:grid;gap:16px}
.policy-back, .policy-card a, .policy-hero a{color:var(--cyan-2);text-decoration:none;border-bottom:1px solid rgba(200,255,248,.28)}
.policy-back{justify-self:start;font-size:13px;font-weight:850}
.policy-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding-bottom:8px}
.policy-hero h1{margin:0;color:var(--text-strong);font-size:clamp(30px, 6vw, 56px);line-height:.95;letter-spacing:-.06em}
.policy-hero p:not(.eyebrow){margin:12px 0 0;color:var(--muted);line-height:1.75;max-width:760px}
.policy-card{border:1px solid rgba(255,255,255,.105);background:rgba(255,255,255,.048);border-radius:20px;padding:clamp(15px, 3vw, 22px);box-shadow:var(--shadow-soft)}
.policy-card h2{margin:0 0 9px;color:#fff;font-size:18px;letter-spacing:-.02em}
.policy-card p{margin:0;color:#b9c7d9;line-height:1.75;font-size:14px}
 
@media (max-width: 640px) {.policy-page{padding:10px}
.policy-shell{border-radius:24px}
.policy-hero{grid-template-columns:1fr}
 }
:root{color-scheme:dark;--bg:#08111f;--bg-2:#0d1726;--surface:rgba(15, 26, 43, .86);--surface-2:rgba(21, 34, 55, .72);--surface-3:rgba(255, 255, 255, .055);--surface-solid:#111d30;--card:rgba(255, 255, 255, .062);--card-2:rgba(255, 255, 255, .038);--field-bg:rgba(5, 12, 24, .62);--line:rgba(179, 205, 232, .18);--line-strong:rgba(101, 214, 206, .46);--text:#d7e4ee;--text-strong:#e9f1f8;--title:#e2edf6;--muted:#9aaabd;--muted-2:#74849a;--cyan:#65d6ce;--cyan-2:#9ff3ec;--blue:#82aef4;--violet:#aa9af0;--gold:#e9ca83;--green:#79d7aa;--red:#f28c9f;--accent:#6ddbd3;--accent-2:#82aef4;--accent-rgb:109, 219, 211;--panel-bg:linear-gradient(180deg, rgba(17, 29, 48, .88), rgba(11, 18, 31, .78));--card-bg:linear-gradient(180deg, rgba(255, 255, 255, .074), rgba(255, 255, 255, .035));--input-bg:rgba(5, 12, 24, .62);--unread-bg:rgba(55, 97, 126, .28);--unread-bg-2:rgba(26, 45, 72, .72);--unread-border:rgba(109, 219, 211, .46);--read-bg:rgba(255, 255, 255, .044);--read-border:rgba(179, 205, 232, .13);--shadow:0 24px 80px rgba(0, 0, 0, .34);--shadow-soft:0 12px 34px rgba(0, 0, 0, .22)}
html[data-theme="light"]{color-scheme:light;--bg:#f4f7fb;--bg-2:#eaf0f7;--surface:rgba(255, 255, 255, .88);--surface-2:rgba(248, 251, 255, .78);--surface-3:rgba(18, 32, 51, .045);--surface-solid:#ffffff;--card:rgba(255, 255, 255, .92);--card-2:rgba(248, 251, 255, .82);--field-bg:rgba(255, 255, 255, .9);--line:rgba(32, 54, 82, .14);--line-strong:rgba(18, 148, 140, .32);--text:#314158;--text-strong:#142137;--title:#1a2a42;--muted:#627189;--muted-2:#7d8ca1;--cyan:#12948c;--cyan-2:#0e7974;--blue:#3468c8;--violet:#6954cc;--gold:#9a6a08;--green:#12875d;--red:#c74661;--accent:#138f88;--accent-2:#376fd0;--accent-rgb:19, 143, 136;--panel-bg:linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(245, 248, 252, .86));--card-bg:linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 251, 255, .78));--input-bg:rgba(255, 255, 255, .92);--unread-bg:rgba(232, 251, 248, .92);--unread-bg-2:rgba(239, 246, 255, .9);--unread-border:rgba(19, 143, 136, .45);--read-bg:rgba(255, 255, 255, .72);--read-border:rgba(33, 52, 77, .12);--shadow:0 24px 70px rgba(23, 42, 72, .14);--shadow-soft:0 12px 30px rgba(23, 42, 72, .10)}
html{background:var(--bg)}
body{color:var(--text);font-family:"Inter", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;background:radial-gradient(900px 620px at -8% -12%, rgba(var(--accent-rgb), .19), transparent 58%), radial-gradient(820px 560px at 105% -4%, rgba(130, 174, 244, .14), transparent 60%), radial-gradient(760px 560px at 48% 110%, rgba(233, 202, 131, .09), transparent 60%), linear-gradient(145deg, var(--bg) 0%, var(--bg-2) 48%, var(--bg) 100%)}
html[lang="ar"] body, html[dir="rtl"] body{font-family:"Alexandria", "Manrope", Tahoma, Arial, sans-serif}
html[data-theme="light"] body::before{opacity:.22;background-image:linear-gradient(rgba(26,42,66,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(26,42,66,.06) 1px, transparent 1px)}
html[data-theme="light"] body::after{opacity:.28}
html[data-theme="light"] .aurora{opacity:.2;mix-blend-mode:multiply}
.glass-panel{border-color:var(--line);background:var(--panel-bg);box-shadow:var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .08)}
html[data-theme="light"] .glass-panel{box-shadow:var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .84)}
.card, .policy-card, .mail-item, .viewer-card{color:var(--text);background:var(--card-bg);border-color:var(--line)}
.brand-copy strong, .inbox-head h1, .viewer-head h2, .policy-hero h1, .subject, .policy-card h2{color:var(--title) !important}
.brand-copy small, .preview, .policy-hero p:not(.eyebrow), .policy-card p, .footer-meta, .footer-brand p{color:var(--muted)}
.section-title, .card-row-title, .eyebrow{color:var(--cyan-2)}
.field-label{color:var(--text)}
.input, .native-select-proxy, .search-box input, .pro-select-button, .otp-input{color:var(--text-strong);background:var(--input-bg);border-color:var(--line)}
.input::placeholder, .search-box input::placeholder{color:var(--muted-2)}
.icon-button, .soft-button, .mini-action, .status-pill{color:var(--text);background:var(--surface-3);border-color:var(--line)}
.primary-icon, .gradient-button{color:#061719;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:rgba(255, 255, 255, .34)}
html[data-theme="light"] .primary-icon, html[data-theme="light"] .gradient-button{color:#ffffff}
.topbar{display:block;min-height:72px;padding:10px;border-radius:28px}
.site-nav{position:relative;z-index:2;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.top-actions{justify-self:auto}
.theme-button .theme-icon, .language-link .lang-code, .language-button .lang-code{display:inline-grid;place-items:center;font-weight:950;font-size:12px;letter-spacing:.04em}
.status-pill{min-height:40px}
.status-pill b{color:var(--text-strong)}
.brand-icon, .footer-mark{background:linear-gradient(145deg, rgba(var(--accent-rgb), .20), rgba(130,174,244,.12));border-color:var(--line)}
html[data-theme="light"] .brand-icon, html[data-theme="light"] .footer-mark{background:linear-gradient(145deg, rgba(19,143,136,.12), rgba(55,111,208,.10))}
.site-footer{min-height:72px;border-radius:28px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.footer-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.footer-brand strong{color:var(--title);font-size:15px;font-weight:950;letter-spacing:-.02em}
.footer-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:760;text-align:end}
.footer-rights a, .footer-links a, .policy-back, .policy-card a, .policy-hero a{color:var(--cyan-2);text-decoration:none;border-bottom:1px solid rgba(var(--accent-rgb), .3)}
.footer-rights a:hover, .footer-links a:hover, .policy-back:hover, .policy-card a:hover, .policy-hero a:hover{color:var(--text-strong);border-color:var(--text-strong)}
.mail-item{position:relative;overflow:hidden}
.mail-item.unread{background:linear-gradient(180deg, var(--unread-bg), var(--unread-bg-2));border-color:var(--unread-border);box-shadow:0 16px 36px rgba(var(--accent-rgb), .12), var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.09)}
.mail-item.unread::after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .58), transparent);pointer-events:none}
.mail-item.read{background:linear-gradient(180deg, var(--read-bg), rgba(255,255,255,.025));border-color:var(--read-border);opacity:.9}
html[data-theme="light"] .mail-item.read{background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(248,251,255,.58));opacity:.96}
.mail-item.unread .subject{font-weight:920}
.mail-item.read .subject{font-weight:720;color:var(--text) !important}
.mail-item.read .preview, .mail-item.read .sender-domain{color:var(--muted-2)}
.mail-item.unread .unread-dot{background:var(--accent);box-shadow:0 0 0 6px rgba(var(--accent-rgb), .12), 0 0 18px rgba(var(--accent-rgb), .56)}
.mail-item.read .unread-dot{background:transparent;box-shadow:inset 0 0 0 2px var(--line)}
.new-badge{color:var(--text-strong);background:rgba(var(--accent-rgb), .16);border-color:rgba(var(--accent-rgb), .32)}
.read-badge{color:var(--muted);background:var(--surface-3);border-color:var(--line)}
.policy-page{min-height:100svh;padding:18px}
.policy-layout{position:relative;z-index:2;width:min(1120px, 100%);margin:0 auto;display:grid;gap:16px}
.policy-shell{width:100%;margin:0;border-radius:30px}
.policy-hero{align-items:start}
.policy-hero h1{letter-spacing:-.045em;color:var(--title)}
html[dir="rtl"] .policy-hero h1{letter-spacing:-.02em}
.policy-updated{margin:8px 0 0 !important;color:var(--cyan-2) !important;font-size:13px;font-weight:850}
.policy-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}
.policy-card{border-radius:22px;padding:clamp(16px, 3vw, 24px)}
.policy-card h2{line-height:1.25}
.policy-card p{color:var(--text)}
 
@media (max-width: 1080px) {.workspace{grid-template-columns:1fr}
.sidebar{grid-template-rows:auto}
 }
 
@media (max-width: 820px) {.site-nav{align-items:flex-start}
.nav-right{flex:1 1 auto;justify-content:flex-end}
.status-pill{display:none}
.policy-grid{grid-template-columns:1fr}
 }
 
@media (max-width: 760px) {.topbar{border-radius:22px;padding:9px}
.site-nav{gap:10px}
.brand{gap:10px;min-width:0}
.brand-icon{width:44px;height:44px;border-radius:15px}
.brand-icon img{width:35px;height:35px}
.brand-copy strong{font-size:17px}
.brand-copy small{max-width:44vw;font-size:11px}
.nav-right{gap:8px}
.top-actions{gap:6px}
.icon-button{width:40px;height:40px;border-radius:14px}
.site-footer{align-items:flex-start;flex-direction:column;border-radius:22px;padding:14px}
.footer-meta{justify-content:flex-start;text-align:start;gap:8px 12px}
.policy-page{padding:10px}
.policy-shell{border-radius:24px;padding:16px}
 }
 
@media (max-width: 460px) {.app-shell{width:calc(100% - 12px)}
.brand-copy small{display:none}
.top-actions .icon-button{width:37px;height:37px}
.policy-layout{gap:10px}
 }
 
@media (max-width: 360px) {.top-actions{gap:4px}
.top-actions .icon-button{width:34px;height:34px;border-radius:12px}
.brand-icon{width:40px;height:40px}
 }
.mail-item.unread .sender-name{color:var(--text-strong) !important}
:root{color-scheme:dark;--bg:#070e1b;--bg-2:#0b1527;--bg-3:#111a2e;--surface:rgba(13, 23, 40, .84);--surface-2:rgba(20, 33, 55, .76);--surface-3:rgba(218, 232, 246, .07);--surface-solid:#101c2f;--panel-bg:linear-gradient(180deg, rgba(18, 30, 51, .88), rgba(10, 17, 30, .78)), radial-gradient(600px 220px at 12% 0%, rgba(107, 221, 211, .10), transparent 70%);--card-bg:linear-gradient(180deg, rgba(224, 238, 255, .075), rgba(224, 238, 255, .035)), radial-gradient(360px 140px at 14% 0%, rgba(109, 219, 211, .09), transparent 68%);--input-bg:rgba(6, 14, 27, .68);--line:rgba(184, 207, 231, .17);--line-strong:rgba(109, 219, 211, .48);--title:#dce8f5;--text-strong:#e8f1fb;--text:#cbd9e8;--muted:#93a4ba;--muted-2:#73839a;--cyan:#69d9cf;--cyan-2:#a9f6ef;--blue:#86b4fb;--violet:#b59bf2;--gold:#e8c779;--green:#77d8a7;--red:#f28ca0;--accent:#6ddbd3;--accent-2:#86b4fb;--accent-3:#b59bf2;--accent-4:#e8c779;--accent-rgb:109, 219, 211;--blue-rgb:134, 180, 251;--violet-rgb:181, 155, 242;--gold-rgb:232, 199, 121;--danger-rgb:242, 140, 160;--success-rgb:119, 216, 167;--read-bg:rgba(218, 232, 246, .045);--read-border:rgba(184, 207, 231, .13);--unread-bg:rgba(32, 67, 85, .42);--unread-bg-2:rgba(16, 32, 54, .78);--unread-border:rgba(109, 219, 211, .50);--viewer-head-bg:linear-gradient(180deg, rgba(18, 31, 52, .96), rgba(12, 20, 34, .88)), radial-gradient(520px 170px at 0% 0%, rgba(var(--accent-rgb), .14), transparent 68%);--viewer-body-bg:#f8fafc;--shadow:0 28px 82px rgba(0, 0, 0, .36);--shadow-soft:0 16px 38px rgba(0, 0, 0, .24);--ring:0 0 0 4px rgba(var(--accent-rgb), .14)}
html[data-theme="light"]{color-scheme:light;--bg:#f7f9ff;--bg-2:#eef4ff;--bg-3:#e7eef9;--surface:rgba(255, 255, 255, .86);--surface-2:rgba(249, 252, 255, .82);--surface-3:rgba(25, 45, 74, .055);--surface-solid:#ffffff;--panel-bg:linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .84)), radial-gradient(640px 250px at 0% -10%, rgba(22, 139, 133, .10), transparent 70%), radial-gradient(560px 220px at 100% 0%, rgba(62, 111, 207, .09), transparent 70%);--card-bg:linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(248, 251, 255, .78)), radial-gradient(360px 150px at 10% 0%, rgba(22, 139, 133, .075), transparent 72%);--input-bg:rgba(255, 255, 255, .88);--line:rgba(33, 56, 88, .13);--line-strong:rgba(20, 139, 132, .36);--title:#18263d;--text-strong:#1e2c44;--text:#34445d;--muted:#63728a;--muted-2:#7a889c;--cyan:#148b84;--cyan-2:#0f7772;--blue:#356ed2;--violet:#7357ce;--gold:#a66f08;--green:#14855b;--red:#c84864;--accent:#168b85;--accent-2:#3f74d8;--accent-3:#7c61d9;--accent-4:#bd810e;--accent-rgb:22, 139, 133;--blue-rgb:63, 116, 216;--violet-rgb:124, 97, 217;--gold-rgb:189, 129, 14;--danger-rgb:200, 72, 100;--success-rgb:20, 133, 91;--read-bg:rgba(255, 255, 255, .72);--read-border:rgba(33, 56, 88, .12);--unread-bg:rgba(235, 250, 249, .94);--unread-bg-2:rgba(241, 246, 255, .92);--unread-border:rgba(22, 139, 133, .42);--viewer-head-bg:linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 249, 255, .92)), radial-gradient(560px 190px at 0% 0%, rgba(var(--accent-rgb), .10), transparent 70%), radial-gradient(440px 170px at 100% 0%, rgba(var(--blue-rgb), .08), transparent 70%);--viewer-body-bg:#fbfcff;--shadow:0 28px 76px rgba(26, 44, 76, .16);--shadow-soft:0 16px 34px rgba(26, 44, 76, .11);--ring:0 0 0 4px rgba(var(--accent-rgb), .13)}
html, body{transition:background-color .35s var(--ease), color .25s var(--ease)}
body{background:radial-gradient(880px 620px at -9% -12%, rgba(var(--accent-rgb), .18), transparent 60%), radial-gradient(840px 560px at 108% -8%, rgba(var(--blue-rgb), .16), transparent 62%), radial-gradient(760px 540px at 64% 108%, rgba(var(--violet-rgb), .12), transparent 62%), radial-gradient(660px 480px at 18% 115%, rgba(var(--gold-rgb), .08), transparent 62%), linear-gradient(135deg, var(--bg) 0%, var(--bg-2) 44%, var(--bg-3) 68%, var(--bg) 100%);background-size:140% 140%, 135% 135%, 125% 125%, 120% 120%, 100% 100%;animation:ambientShift 18s ease-in-out infinite alternate}
html[data-theme="light"] body{background:radial-gradient(820px 560px at -8% -10%, rgba(var(--accent-rgb), .15), transparent 64%), radial-gradient(780px 520px at 105% -6%, rgba(var(--blue-rgb), .13), transparent 62%), radial-gradient(720px 520px at 70% 110%, rgba(var(--violet-rgb), .095), transparent 64%), radial-gradient(620px 440px at 12% 115%, rgba(var(--gold-rgb), .07), transparent 62%), linear-gradient(135deg, var(--bg) 0%, var(--bg-2) 48%, #f8fbff 100%)}
 
@keyframes ambientShift {0%{background-position:0% 0%, 100% 0%, 50% 100%, 0% 100%, 0 0}
100%{background-position:8% 5%, 92% 6%, 58% 92%, 6% 93%, 0 0}
 }
body::before{background-image:linear-gradient(rgba(var(--accent-rgb), .055) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--blue-rgb), .045) 1px, transparent 1px);opacity:.32}
html[data-theme="light"] body::before{opacity:.26;background-image:linear-gradient(rgba(30, 48, 76, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 48, 76, .055) 1px, transparent 1px)}
body::after{background:conic-gradient(from 140deg at 24% 34%, rgba(var(--accent-rgb), .16), rgba(var(--blue-rgb), .07), rgba(var(--violet-rgb), .11), rgba(var(--gold-rgb), .075), rgba(var(--accent-rgb), .16)), radial-gradient(circle at 76% 24%, rgba(var(--blue-rgb), .13), transparent 34%), radial-gradient(circle at 28% 82%, rgba(var(--gold-rgb), .07), transparent 36%);animation:auraDrift 22s ease-in-out infinite alternate}
 
@keyframes auraDrift {from{transform:translate3d(-1.2%, -1%, 0) rotate(.001deg)}
to{transform:translate3d(1.2%, 1%, 0) rotate(.001deg)}
 }
.aurora{filter:blur(28px);animation:floatPulse 11s ease-in-out infinite alternate;mix-blend-mode:screen}
html[data-theme="light"] .aurora{mix-blend-mode:multiply;opacity:.24}
 
@keyframes floatPulse {from{transform:translate3d(0, 0, 0) scale(.98);opacity:.62}
to{transform:translate3d(18px, -14px, 0) scale(1.06);opacity:.86}
 }
.glass-panel, .card, .mail-item, .viewer-card, .policy-card, .icon-button, .soft-button, .mini-action, .native-select-proxy, .search-box, .input, .otp-input{transition:background .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease), color .22s var(--ease), transform .22s var(--ease), opacity .22s var(--ease)}
.glass-panel{background:var(--panel-bg);border-color:var(--line);box-shadow:var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .08)}
html[data-theme="light"] .glass-panel{box-shadow:var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .88)}
.card, .policy-card, .mail-item, .viewer-card{background:var(--card-bg);border-color:var(--line);color:var(--text)}
.card:hover, .policy-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb), .28);box-shadow:0 18px 46px rgba(var(--accent-rgb), .08), var(--shadow-soft)}
.brand-copy strong, .inbox-head h1, .viewer-head h2, .policy-hero h1, .subject, .policy-card h2, .footer-brand strong, .sender-name{color:var(--title) !important}
.inbox-head h1, .policy-hero h1, .viewer-head h2{text-wrap:balance;text-shadow:none}
.brand-copy small, .inbox-head p, .preview, .sender-domain, .hint, .policy-card p, .footer-meta, .footer-brand p, .time, .viewer-sender-copy em{color:var(--muted) !important}
.eyebrow, .section-title, .card-row-title, .policy-updated{color:var(--cyan-2) !important}
html[data-theme="light"] .eyebrow, html[data-theme="light"] .section-title, html[data-theme="light"] .card-row-title, html[data-theme="light"] .policy-updated{color:var(--accent) !important}
.input, .native-select-proxy, .search-box, .search-box input, .otp-input{background:var(--input-bg) !important;border-color:var(--line) !important;color:var(--text-strong) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
html[data-theme="light"] .input, html[data-theme="light"] .native-select-proxy, html[data-theme="light"] .search-box, html[data-theme="light"] .search-box input, html[data-theme="light"] .otp-input{box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 1px 0 rgba(22, 38, 62, .03)}
.input::placeholder, .search-box input::placeholder{color:var(--muted-2) !important}
.input:focus, .native-select-proxy:focus, .search-box:focus-within, .otp-input:focus{border-color:var(--line-strong) !important;box-shadow:var(--ring), inset 0 1px 0 rgba(255,255,255,.08) !important}
.input[readonly]{color:var(--text-strong) !important}
.native-select-proxy:hover{border-color:var(--line-strong) !important;background-color:var(--input-bg) !important}
.icon-button, .soft-button, .mini-action, .status-pill, .badge{color:var(--text) !important;background:var(--surface-3) !important;border-color:var(--line) !important}
.icon-button:hover, .soft-button:hover, .mini-action:hover{transform:translateY(-2px);color:var(--text-strong) !important;border-color:rgba(var(--accent-rgb), .34) !important;box-shadow:0 14px 30px rgba(var(--accent-rgb), .10), inset 0 1px 0 rgba(255,255,255,.09)}
.icon-button:active, .soft-button:active, .mini-action:active{transform:translateY(0) scale(.985)}
.primary-icon, .gradient-button{position:relative;overflow:hidden;color:#07151d !important;border-color:rgba(255,255,255,.34) !important;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 52%, var(--accent-3) 100%) !important;box-shadow:0 18px 44px rgba(var(--accent-rgb), .18), 0 8px 24px rgba(var(--blue-rgb), .10), inset 0 1px 0 rgba(255,255,255,.34)}
html[data-theme="light"] .primary-icon, html[data-theme="light"] .gradient-button{color:#ffffff !important}
.gradient-button::after, .primary-icon::after{content:"";position:absolute;inset:-40% -70%;background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);transform:translateX(-60%) rotate(16deg);transition:transform .72s var(--ease);pointer-events:none}
.gradient-button:hover::after, .primary-icon:hover::after{transform:translateX(60%) rotate(16deg)}
.soft-button.danger{color:rgb(var(--danger-rgb)) !important;background:rgba(var(--danger-rgb), .095) !important;border-color:rgba(var(--danger-rgb), .20) !important}
.brand-icon, .footer-mark, .sender-avatar{background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.58), transparent 34%), linear-gradient(135deg, var(--accent), var(--accent-2) 55%, var(--accent-3)) !important;border-color:rgba(255,255,255,.26) !important;color:#07151d !important}
html[data-theme="light"] .brand-icon, html[data-theme="light"] .footer-mark, html[data-theme="light"] .sender-avatar{color:#ffffff !important;border-color:rgba(255,255,255,.70) !important}
.status-dot, .live-chip i{background:var(--green) !important;box-shadow:0 0 0 6px rgba(var(--success-rgb), .12), 0 0 18px rgba(var(--success-rgb), .45) !important}
.divider{background:var(--line) !important}
.mail-list{scrollbar-color:rgba(var(--accent-rgb), .40) transparent}
.mail-list::-webkit-scrollbar-thumb, .viewer-body::-webkit-scrollbar-thumb, .raw-pre::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .34)}
.mail-item{background:linear-gradient(180deg, var(--read-bg), rgba(255,255,255,.025)) !important;border-color:var(--read-border) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme="light"] .mail-item{background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,250,255,.66)) !important;box-shadow:0 8px 22px rgba(28, 48, 80, .055), inset 0 1px 0 rgba(255,255,255,.90)}
.mail-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent;border-radius:999px;transition:background .25s var(--ease), opacity .25s var(--ease);opacity:0}
html[dir="rtl"] .mail-item::before{inset:0 0 0 auto}
.mail-item.unread{background:radial-gradient(360px 160px at 0% 0%, rgba(var(--accent-rgb), .16), transparent 68%), linear-gradient(180deg, var(--unread-bg), var(--unread-bg-2)) !important;border-color:var(--unread-border) !important;box-shadow:0 18px 42px rgba(var(--accent-rgb), .12), var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.10);opacity:1}
html[data-theme="light"] .mail-item.unread{background:radial-gradient(360px 160px at 0% 0%, rgba(var(--accent-rgb), .11), transparent 68%), linear-gradient(180deg, var(--unread-bg), var(--unread-bg-2)) !important;box-shadow:0 16px 34px rgba(22, 139, 133, .10), 0 6px 18px rgba(43, 74, 120, .06), inset 0 1px 0 rgba(255,255,255,.92)}
.mail-item.unread::before{opacity:1;background:linear-gradient(180deg, var(--accent), var(--accent-2))}
.mail-item.read{opacity:.92}
html[data-theme="light"] .mail-item.read{opacity:.98}
.mail-item:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb), .36) !important;box-shadow:0 20px 46px rgba(var(--accent-rgb), .11), var(--shadow-soft) !important}
.mail-item.selected{outline:2px solid rgba(var(--accent-rgb), .35);outline-offset:2px}
.mail-item.unread .sender-name, .mail-item.unread .subject{color:var(--title) !important;font-weight:930}
.mail-item.read .sender-name, .mail-item.read .subject{color:var(--text) !important;font-weight:760}
.mail-item.read .preview, .mail-item.read .sender-domain, .mail-item.read .time{color:var(--muted-2) !important}
.new-badge{color:var(--text-strong) !important;background:rgba(var(--accent-rgb), .15) !important;border-color:rgba(var(--accent-rgb), .30) !important}
.otp-badge{color:var(--text-strong) !important;background:rgba(var(--gold-rgb), .15) !important;border-color:rgba(var(--gold-rgb), .28) !important}
.read-badge{color:var(--muted) !important;background:var(--surface-3) !important;border-color:var(--line) !important}
.empty-state strong{color:var(--title) !important}
.empty-state span{color:var(--muted) !important}
.skeleton{background:linear-gradient(90deg, rgba(var(--accent-rgb), .055), rgba(var(--blue-rgb), .12), rgba(var(--accent-rgb), .055)) !important;background-size:220% 100% !important}
.viewer-backdrop{background:radial-gradient(680px 460px at 20% 0%, rgba(var(--accent-rgb), .18), transparent 62%), rgba(3, 7, 13, .74) !important;backdrop-filter:blur(16px) saturate(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.12)}
html[data-theme="light"] .viewer-backdrop{background:radial-gradient(700px 470px at 15% 0%, rgba(var(--accent-rgb), .16), transparent 64%), radial-gradient(580px 420px at 90% 4%, rgba(var(--blue-rgb), .12), transparent 62%), rgba(239, 245, 255, .70) !important}
.viewer-card{background:var(--panel-bg) !important;border-color:var(--line) !important;box-shadow:0 34px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10)}
html[data-theme="light"] .viewer-card{box-shadow:0 34px 90px rgba(24, 44, 76, .20), inset 0 1px 0 rgba(255,255,255,.92)}
.viewer.open .viewer-card{animation:modalInV16 .36s cubic-bezier(.2,.85,.24,1) both}
.viewer.open .viewer-backdrop{animation:fadeIn .22s var(--ease) both}
 
@keyframes modalInV16 {from{opacity:0;transform:translateY(22px) scale(.965);filter:blur(3px)}
to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
 }
.viewer-head{background:var(--viewer-head-bg) !important;border-bottom-color:var(--line) !important}
.viewer-head h2{color:var(--title) !important}
.viewer-sender-card, .viewer-chip{background:var(--surface-3) !important;border-color:var(--line) !important;color:var(--text) !important}
.viewer-sender-copy small, .viewer-chip small, .viewer-code-card small{color:var(--muted) !important}
.viewer-sender-copy strong, .viewer-chip strong{color:var(--text-strong) !important}
.viewer-chip i{color:var(--accent) !important}
.viewer-code-card{color:#081521 !important;background:radial-gradient(circle at 20% 0%, rgba(255,255,255,.58), transparent 36%), linear-gradient(135deg, #fff0bf 0%, #bff8f1 48%, #cbdcff 100%) !important;border:0 !important;box-shadow:0 16px 34px rgba(var(--gold-rgb), .14), 0 12px 24px rgba(var(--accent-rgb), .10) !important}
html[data-theme="light"] .viewer-code-card{color:#102038 !important;background:radial-gradient(circle at 20% 0%, rgba(255,255,255,.84), transparent 34%), linear-gradient(135deg, #fff4d2 0%, #dff8f4 52%, #e4ebff 100%) !important}
.viewer-code-card small, .viewer-code-card strong, .viewer-code-card em{color:inherit !important}
.viewer-actions .viewer-close{background:var(--surface-3) !important}
.viewer-body{background:var(--viewer-body-bg) !important}
.mail-frame, .raw-pre{background:#ffffff !important;color:#152033 !important}
html[data-theme="dark"] .raw-pre{background:#f8fafc !important;color:#152033 !important}
.toast{color:#07151d !important;background:radial-gradient(circle at 18% 0%, rgba(255,255,255,.52), transparent 36%), linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 56%, var(--accent-3) 100%) !important;box-shadow:0 22px 48px rgba(var(--accent-rgb), .18), 0 12px 26px rgba(0,0,0,.20) !important}
html[data-theme="light"] .toast{color:#ffffff !important;box-shadow:0 22px 48px rgba(22, 139, 133, .16), 0 12px 26px rgba(35, 58, 94, .14) !important}
.site-footer{background:var(--panel-bg) !important;border-color:var(--line) !important}
.footer-rights a, .footer-links a, .policy-back, .policy-card a, .policy-hero a{color:var(--cyan-2) !important;border-bottom-color:rgba(var(--accent-rgb), .32) !important}
html[data-theme="light"] .footer-rights a, html[data-theme="light"] .footer-links a, html[data-theme="light"] .policy-back, html[data-theme="light"] .policy-card a, html[data-theme="light"] .policy-hero a{color:var(--accent) !important}
.footer-rights a:hover, .footer-links a:hover, .policy-back:hover, .policy-card a:hover, .policy-hero a:hover{color:var(--text-strong) !important;border-bottom-color:var(--text-strong) !important}
html[data-theme="light"] .policy-card, html[data-theme="light"] .card{box-shadow:0 12px 28px rgba(32, 52, 82, .08), inset 0 1px 0 rgba(255,255,255,.92)}
html[data-theme="light"] .status-pill, html[data-theme="light"] .icon-button, html[data-theme="light"] .soft-button, html[data-theme="light"] .mini-action, html[data-theme="light"] .badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 1px 0 rgba(22, 38, 62, .03)}
 
@media (max-width: 760px) {.viewer-card{border-radius:24px}
.viewer.open{padding:8px;place-items:stretch}
.viewer.open .viewer-card{height:calc(100dvh - 16px);min-height:calc(100svh - 16px);border-radius:22px;border:1px solid var(--line)}
 }
 
@media (max-width: 560px) {.inbox-head h1{font-size:clamp(31px, 11vw, 44px)}
.mail-item{min-height:106px}
.viewer-actions{grid-template-columns:repeat(2, minmax(0,1fr))}
 }
 
@media (prefers-reduced-motion: reduce) {*, *::before, *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}
 }
html.theme-changing .app-shell{animation:themeSwap .42s var(--ease) both}
 
@keyframes themeSwap {0%{transform:translateY(0) scale(1);filter:saturate(1)}
45%{transform:translateY(-2px) scale(.998);filter:saturate(1.08)}
100%{transform:translateY(0) scale(1);filter:saturate(1)}
 }
:root{--bg:#070d19;--bg-2:#0b1628;--bg-3:#121b31;--title:#d9e7f4;--text-strong:#edf5fd;--text:#c9d7e7;--muted:#92a2b8;--muted-2:#718197;--panel-bg:linear-gradient(180deg, rgba(17, 30, 53, .90), rgba(9, 15, 28, .82)), radial-gradient(720px 240px at 10% -8%, rgba(101, 221, 212, .13), transparent 72%), radial-gradient(580px 260px at 100% 4%, rgba(132, 180, 252, .10), transparent 70%);--card-bg:linear-gradient(180deg, rgba(224, 238, 255, .082), rgba(224, 238, 255, .038)), radial-gradient(420px 170px at 15% -10%, rgba(101, 221, 212, .10), transparent 72%);--surface-3:rgba(224, 238, 255, .075);--input-bg:rgba(5, 13, 26, .72);--line:rgba(190, 212, 236, .18);--line-strong:rgba(101, 221, 212, .50);--accent:#65ddd4;--accent-2:#84b4fc;--accent-3:#b89af3;--accent-4:#e7c46f;--accent-rgb:101, 221, 212;--blue-rgb:132, 180, 252;--violet-rgb:184, 154, 243;--gold-rgb:231, 196, 111;--danger-rgb:239, 128, 151;--success-rgb:110, 217, 163;--read-bg:rgba(225, 238, 252, .052);--read-border:rgba(190, 212, 236, .135);--unread-bg:rgba(28, 70, 88, .45);--unread-bg-2:rgba(16, 34, 58, .84);--unread-border:rgba(101, 221, 212, .52);--viewer-body-bg:#f8fafc;--shadow:0 30px 86px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255,255,255,.08);--shadow-soft:0 16px 40px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme="light"]{--bg:#f8faff;--bg-2:#eef5ff;--bg-3:#e8f0fb;--title:#16253d;--text-strong:#203049;--text:#3a4960;--muted:#68778e;--muted-2:#8491a3;--panel-bg:linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 250, 255, .88)), radial-gradient(760px 280px at 0% -12%, rgba(18, 139, 134, .105), transparent 72%), radial-gradient(620px 260px at 104% 0%, rgba(61, 112, 211, .095), transparent 72%);--card-bg:linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.82)), radial-gradient(420px 170px at 14% -10%, rgba(18,139,134,.075), transparent 72%);--surface-3:rgba(24, 45, 73, .058);--input-bg:rgba(255, 255, 255, .93);--line:rgba(33, 57, 90, .14);--line-strong:rgba(18, 139, 134, .38);--accent:#128b86;--accent-2:#3d70d3;--accent-3:#765bd4;--accent-4:#b87906;--accent-rgb:18, 139, 134;--blue-rgb:61, 112, 211;--violet-rgb:118, 91, 212;--gold-rgb:184, 121, 6;--danger-rgb:198, 68, 96;--success-rgb:18, 129, 87;--read-bg:rgba(255, 255, 255, .82);--read-border:rgba(33, 57, 90, .125);--unread-bg:rgba(232, 250, 248, .98);--unread-bg-2:rgba(241, 247, 255, .96);--unread-border:rgba(18, 139, 134, .46);--viewer-head-bg:linear-gradient(180deg, rgba(255,255,255,.99), rgba(245,249,255,.95)), radial-gradient(620px 210px at 0% 0%, rgba(var(--accent-rgb), .105), transparent 72%), radial-gradient(460px 180px at 100% 0%, rgba(var(--blue-rgb), .085), transparent 70%);--viewer-body-bg:#fbfcff;--shadow:0 30px 82px rgba(26, 45, 77, .15), inset 0 1px 0 rgba(255,255,255,.92);--shadow-soft:0 16px 36px rgba(26, 45, 77, .10), inset 0 1px 0 rgba(255,255,255,.92)}
.app-shell{grid-template-rows:auto minmax(0, 1fr) auto}
.inbox-subtitle{margin:10px 0 0;max-width:760px;color:var(--muted) !important;font-size:13px;font-weight:720;line-height:1.55}
.message-count{margin-top:6px !important;color:var(--muted-2) !important;font-size:12px !important;font-weight:850 !important}
 
@media (min-width: 1081px) {.app-shell{height:min(100dvh, var(--vvh, 100dvh));min-height:0;overflow:hidden}
.workspace{min-height:0;height:100%;overflow:hidden}
.sidebar, .inbox{height:100%;max-height:none !important;min-height:0}
.sidebar{overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .42) transparent;padding-inline-end:12px}
.sidebar::-webkit-scrollbar{width:9px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .34);border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::after{content:"";position:sticky;display:block;bottom:-14px;height:18px;margin:0 -14px -14px;pointer-events:none;background:linear-gradient(to bottom, transparent, rgba(5, 12, 24, .46));border-radius:0 0 var(--radius-xl) var(--radius-xl)}
html[data-theme="light"] .sidebar::after{background:linear-gradient(to bottom, transparent, rgba(244, 248, 255, .82))}
 }
 
@media (max-width: 1080px) {.app-shell{min-height:100dvh;height:auto !important;overflow:visible}
.workspace{overflow:visible}
.sidebar, .inbox{max-height:none !important;height:auto}
.sidebar{overflow:visible !important}
 }
body{background-size:150% 150%, 142% 142%, 132% 132%, 126% 126%, 100% 100%;animation:ambientShiftV17 22s ease-in-out infinite alternate}
 
@keyframes ambientShiftV17 {0%{background-position:0% 0%, 100% 0%, 72% 100%, 0% 100%, 0 0}
50%{background-position:5% 4%, 95% 6%, 66% 95%, 4% 96%, 0 0}
100%{background-position:10% 7%, 88% 9%, 58% 91%, 8% 92%, 0 0}
 }
.glass-panel::after{background:radial-gradient(520px 140px at 18% 0%, rgba(255,255,255,.09), transparent 72%), linear-gradient(115deg, transparent 0%, rgba(255,255,255,.055) 46%, transparent 54%);background-size:100% 100%, 230% 100%;animation:panelSheenV17 9s ease-in-out infinite alternate}
 
@keyframes panelSheenV17 {from{background-position:0 0, -80% 0;opacity:.52}
to{background-position:0 0, 130% 0;opacity:.82}
 }
.card, .mail-item, .policy-card, .viewer-sender-card, .viewer-chip, .search-box, .pro-select-button, .native-select-proxy, .input{transform:translateZ(0)}
.reveal{animation:revealLiftV17 .56s cubic-bezier(.2,.86,.22,1) both;animation-delay:var(--d, 0ms)}
 
@keyframes revealLiftV17 {from{opacity:0;transform:translate3d(0, 12px, 0) scale(.985);filter:blur(4px)}
to{opacity:1;transform:translate3d(0, 0, 0) scale(1);filter:blur(0)}
 }
.mail-item{animation:mailInV17 .34s cubic-bezier(.2,.84,.26,1) both}
 
@keyframes mailInV17 {from{opacity:0;transform:translateY(10px) scale(.992)}
to{opacity:1;transform:translateY(0) scale(1)}
 }
.mail-item:hover .sender-avatar{transform:translateY(-1px) rotate(-2deg) scale(1.035)}
.sender-avatar{transition:transform .24s var(--ease), filter .24s var(--ease), opacity .24s var(--ease)}
html[data-theme="light"] .viewer-backdrop{background:radial-gradient(760px 520px at 16% 0%, rgba(var(--accent-rgb), .14), transparent 66%), radial-gradient(640px 440px at 90% 6%, rgba(var(--blue-rgb), .11), transparent 64%), rgba(240, 246, 255, .78) !important}
html[data-theme="light"] .viewer-card{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94)), radial-gradient(620px 240px at 0% 0%, rgba(var(--accent-rgb), .08), transparent 72%) !important;border-color:rgba(33,57,90,.15) !important;color:var(--text) !important}
html[data-theme="light"] .viewer-head{background:var(--viewer-head-bg) !important;border-bottom-color:rgba(33,57,90,.12) !important}
html[data-theme="light"] .viewer-sender-card, html[data-theme="light"] .viewer-chip, html[data-theme="light"] .viewer-actions .viewer-close, html[data-theme="light"] .viewer-actions .soft-button{background:rgba(255,255,255,.76) !important;border-color:rgba(33,57,90,.13) !important;color:var(--text) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(30,50,82,.055)}
html[data-theme="light"] .viewer-body, html[data-theme="light"] .mail-frame, html[data-theme="light"] .raw-pre{background:#fbfcff !important;color:#1d2c44 !important}
html[data-theme="light"] .toast{background:linear-gradient(135deg, #128b86 0%, #3d70d3 55%, #765bd4 100%) !important;color:#ffffff !important}
html[data-theme="light"] .delete-button, html[data-theme="light"] .soft-button.danger{color:rgb(var(--danger-rgb)) !important;background:rgba(var(--danger-rgb), .09) !important;border-color:rgba(var(--danger-rgb), .20) !important}
html[data-theme="light"] .mail-item.unread .new-badge, html[data-theme="light"] .new-badge{color:#0c4f4d !important;background:rgba(var(--accent-rgb), .13) !important;border-color:rgba(var(--accent-rgb), .28) !important}
html[data-theme="light"] .otp-badge{color:#654400 !important;background:rgba(var(--gold-rgb), .13) !important;border-color:rgba(var(--gold-rgb), .26) !important}
html[data-theme="light"] .read-badge{color:#68778e !important;background:rgba(24,45,73,.055) !important;border-color:rgba(33,57,90,.12) !important}
html[dir="rtl"] .inbox-head h1{letter-spacing:-.018em}
html[dir="rtl"] .inbox-subtitle, html[dir="rtl"] .message-count{max-width:820px;line-height:1.75}
 
@media (max-width: 760px) {.inbox-subtitle{font-size:12.5px;margin-top:8px}
.message-count{font-size:11.5px !important}
.site-nav{align-items:center}
.nav-right{flex:0 0 auto}
 }
 
@media (max-width: 430px) {.top-actions .sound-button{display:grid}
.brand-copy strong{font-size:16px}
.inbox-head h1{font-size:clamp(30px, 10vw, 38px) !important}
 }
 
@media (prefers-reduced-motion: reduce) {body, .glass-panel::after, .reveal, .mail-item{animation:none !important}
 }
html[data-theme="light"]{--muted:#5f6e84;--muted-2:#647389}
.noscript-seo{margin:0 0 18px;padding:22px;border-radius:24px;color:var(--text);border:1px solid var(--border);background:var(--panel-soft);box-shadow:var(--shadow-soft)}
.noscript-seo h2{margin:0 0 8px;font-size:clamp(1.35rem,3vw,2.2rem);letter-spacing:-.03em;color:var(--heading)}
.noscript-seo p{margin:0 0 10px;color:var(--muted);line-height:1.7}
.noscript-seo a{color:var(--accent-strong);font-weight:800}
 
@media (max-width: 760px) {body::after{display:none !important}
.aurora{display:none !important}
body{background:#060c18 !important}
.card, .mail-item, .viewer-sender-card, .viewer-chip, .viewer-code-card, .search-box, .native-select-proxy{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.card{background:rgba(18, 28, 48, 0.92) !important;box-shadow:0 1px 0 rgba(255,255,255,.06) !important;transition:border-color .15s linear !important;transform:none !important}
.card:hover{transform:none !important}
.mail-item{background:rgba(14, 22, 40, 0.95) !important;box-shadow:none !important;transition:background .12s linear, border-color .12s linear !important;transform:none !important;will-change:auto !important}
.mail-item:hover{transform:none !important}
.glass-panel{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(10, 16, 30, 0.97) !important;transform:none !important;transform-style:flat !important;box-shadow:none !important}
.glass-panel::before, .glass-panel::after{display:none !important}
.topbar{backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;background:rgba(6, 12, 24, 0.88) !important}
.mail-item, .reveal, .skeleton{animation:none !important;opacity:1 !important;transform:none !important}
.skeleton{background:rgba(255,255,255,.07) !important}
.mail-item.unread .unread-dot{animation:none !important}
.sender-avatar{background:linear-gradient(135deg, rgba(128,242,231,.55), rgba(142,189,255,.45)) !important;box-shadow:none !important}
.sender-avatar::after{display:none !important}
.icon-button:hover, .soft-button:hover, .mini-action:hover{transform:none !important}
.gradient-button:hover{transform:none !important;box-shadow:none !important}
.gradient-button::after{display:none !important}
.mail-list{contain:layout style;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.mail-item{contain:layout style}
.app-shell{transform:translateZ(0);-webkit-transform:translateZ(0)}
.toast{top:max(14px, env(safe-area-inset-top)) !important;bottom:auto !important}
.domain-option-random strong{color:var(--violet)}
.domain-option-random .option-icon i{color:var(--violet)}
 }
.empty-state ul{margin:14px auto 0;padding:0;list-style:none;display:grid;gap:8px;max-width:360px;text-align:start}
.empty-state li{position:relative;padding-inline-start:20px;color:var(--muted);font-size:12px;line-height:1.45}
.empty-state li::before{content:"";position:absolute;inset-inline-start:4px;top:.55em;width:7px;height:7px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 5px rgba(126,231,220,.08)}
.mobile-quickbar{display:none}
 
@media (max-width: 760px) {.app-shell{padding-bottom:calc(86px + env(safe-area-inset-bottom)) !important}
.mobile-quickbar{position:fixed;left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:90;min-height:66px;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:7px;padding:8px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:rgba(8, 15, 29, .94) !important;box-shadow:0 14px 36px rgba(0,0,0,.28) !important}
.mobile-quickbar-btn{min-width:0;min-height:50px;border:0;border-radius:17px;display:grid;place-items:center;align-content:center;gap:4px;color:var(--text-strong);background:rgba(255,255,255,.065);font-size:10px;font-weight:950;letter-spacing:-.01em}
.mobile-quickbar-btn i{color:var(--cyan-2);font-size:15px}
.mobile-quickbar-primary{color:#051016;background:linear-gradient(135deg, #c9fff8 0%, #8db7ff 100%)}
.mobile-quickbar-primary i{color:#051016}
.toast{bottom:calc(92px + env(safe-area-inset-bottom)) !important;top:auto !important}
 }
html[data-theme="light"] .mobile-quickbar{background:rgba(255,255,255,.93) !important;border-color:rgba(33,57,90,.14) !important;box-shadow:0 16px 36px rgba(30,50,82,.14) !important}
html[data-theme="light"] .mobile-quickbar-btn{color:#1d2c44;background:rgba(24,45,73,.055)}
html[data-theme="light"] .mobile-quickbar-primary{color:#051016;background:linear-gradient(135deg, #aef8ef 0%, #a8c7ff 100%)}
.create-card{align-self:start}
 
@media (min-width: 1081px) {.sidebar{align-content:start}
 }
 
@media (max-width: 760px) {.top-actions button[data-copy-address], .top-actions #topRefreshBtn{display:none !important}
.toolbar .quick-actions{display:none !important}
.toolbar{margin-top:6px}
.address-card .mini-action[data-copy-address]{display:none !important}
.input-combo{grid-template-columns:1fr !important}
#addrInput{min-height:54px;font-size:13.5px}
.mobile-quickbar{z-index:9200;grid-template-columns:repeat(4, minmax(0, 1fr));touch-action:manipulation;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.mobile-quickbar-btn{touch-action:manipulation}
.mobile-quickbar-btn.is-loading i{animation:spin .8s linear infinite}
html.theme-changing .app-shell{animation:none !important}
html.theme-changing *, html.theme-changing *::before, html.theme-changing *::after{transition-duration:.08s !important}
 }
.mail-frame{overflow:auto}
 
@media (max-width: 760px) {.viewer{z-index:9600}
.viewer-card{max-width:100%}
.viewer-body{background:#fff}
 }
html[data-theme="light"] .mobile-quickbar-btn:active, .mobile-quickbar-btn:active{transform:scale(.97)}
 
@media (max-width: 760px) {.top-actions button[data-copy-address], .top-actions #topRefreshBtn{display:none !important}
.site-nav{display:grid !important;grid-template-columns:minmax(0, 1fr) auto;align-items:center !important;gap:8px 10px !important}
.brand{grid-column:1;grid-row:1}
.nav-right{display:contents !important}
.top-actions{grid-column:2;grid-row:1;justify-self:end}
.status-pill{grid-column:1 / -1;grid-row:2;display:inline-flex !important;justify-self:stretch;justify-content:center;min-height:34px !important;padding:0 12px !important;border-radius:16px !important;font-size:11px !important;gap:7px !important}
.status-pill .divider{display:none !important}
.status-pill #statusText::after{content:"•";margin-inline-start:7px;color:var(--muted-2)}
.address-card .input-combo{grid-template-columns:minmax(0, 1fr) auto !important;gap:8px !important}
.address-card .mini-action[data-copy-address]{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;min-width:78px !important;padding-inline:12px !important;white-space:nowrap}
.toolbar .quick-actions{display:none !important}
.sidebar{gap:10px !important}
.create-card{margin-top:0 !important}
 }
 
@media (max-width: 760px) {html[data-theme="light"], html[data-theme="light"] body{background:#f7f9ff !important;color:var(--text) !important}
html[data-theme="light"] body::before, html[data-theme="light"] body::after{display:none !important}
html[data-theme="light"] .topbar, html[data-theme="light"] .glass-panel{background:rgba(255,255,255,.96) !important;border-color:rgba(33,56,88,.13) !important;box-shadow:0 12px 30px rgba(26,45,77,.10) !important}
html[data-theme="light"] .card, html[data-theme="light"] .mail-item{background:rgba(255,255,255,.94) !important;border-color:rgba(33,56,88,.13) !important;color:var(--text) !important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset !important}
html[data-theme="light"] .mail-item.unread{background:rgba(232,251,248,.94) !important;border-color:rgba(var(--accent-rgb), .34) !important}
html[data-theme="light"] .input, html[data-theme="light"] .native-select-proxy, html[data-theme="light"] .search-box, html[data-theme="light"] .search-box input, html[data-theme="light"] .otp-input, html[data-theme="light"] .pro-select-button{background:#ffffff !important;color:#1e2c44 !important;border-color:rgba(33,56,88,.16) !important}
html[data-theme="light"] .status-pill, html[data-theme="light"] .icon-button, html[data-theme="light"] .soft-button, html[data-theme="light"] .mini-action, html[data-theme="light"] .mobile-quickbar-btn{background:rgba(24,45,73,.055) !important;color:#1e2c44 !important;border-color:rgba(33,56,88,.14) !important}
html[data-theme="light"] .mobile-quickbar{background:rgba(255,255,255,.96) !important;border-color:rgba(33,56,88,.14) !important;box-shadow:0 16px 36px rgba(30,50,82,.14) !important}
html[data-theme="light"] .mobile-quickbar-primary, html[data-theme="light"] .gradient-button, html[data-theme="light"] .primary-icon{color:#ffffff !important;background:linear-gradient(135deg, #148b84, #356ed2) !important}
html[data-theme="light"] .brand-copy strong, html[data-theme="light"] .inbox-head h1, html[data-theme="light"] .subject, html[data-theme="light"] .sender-name{color:#18263d !important}
 }
 
@media (max-width: 760px) {.site-nav{grid-template-columns:minmax(0, 1fr) auto auto !important}
.status-pill{grid-column:2 !important;grid-row:1 !important;justify-self:end !important;align-self:center !important;display:inline-flex !important;width:auto !important;min-width:42px !important;min-height:34px !important;padding:0 10px !important;border-radius:14px !important;gap:0 !important;font-size:12px !important;line-height:1 !important;order:initial !important}
.status-pill #statusDot, .status-pill #statusText, .status-pill .divider{display:none !important}
.status-pill #statusText::after{content:none !important}
.status-pill .auto-count{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:0 !important;color:inherit !important;font-size:0 !important}
.status-pill .auto-count b, .status-pill #autoText{display:inline !important;font-size:12px !important;font-weight:950 !important;letter-spacing:.01em !important;color:var(--text-strong) !important}
.top-actions{grid-column:3 !important;grid-row:1 !important;gap:7px !important}
.top-actions .icon-button{width:38px !important;height:38px !important;border-radius:14px !important}
.address-card .input-combo{grid-template-columns:minmax(0, 1fr) auto !important}
.address-card .mini-action[data-copy-address]{min-width:68px !important}
 }
html[data-theme="light"] .sender-avatar{color:#ffffff !important;background:linear-gradient(135deg, #168b86 0%, #2f6fcb 62%, #765bd4 100%) !important;border:1px solid rgba(18, 57, 93, .12) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 8px 18px rgba(33, 57, 90, .14) !important;opacity:1 !important;filter:none !important}
html[data-theme="light"] .sender-avatar i, html[data-theme="light"] .sender-avatar b{color:#ffffff !important;opacity:1 !important;filter:none !important}
html[data-theme="light"] .mail-item.read .sender-avatar{opacity:.86 !important;filter:none !important}
.viewer-body{overflow:auto !important;-webkit-overflow-scrolling:touch !important}
.mail-frame{width:100% !important;height:100% !important;min-height:100% !important;overflow:auto !important;background:#fff !important}
 
@media (max-width: 760px) {.viewer.open .viewer-card{height:calc(100dvh - 16px - env(safe-area-inset-bottom, 0px)) !important}
.viewer-body{min-height:0 !important;background:#ffffff !important}
 }
.create-card .card-row-title b, .mail-badges .badge:not(.new-badge):not(.read-badge):not(.otp-badge){display:none !important}
.mail-item{min-height:124px;padding:16px}
.mail-topline{align-items:center}
.sender-block{gap:12px}
.mail-item .sender-avatar{width:46px !important;height:46px !important;flex:0 0 46px !important;border-radius:15px !important}
.mail-item .sender-avatar i{font-size:25px !important}
.mail-item .sender-avatar b{font-size:16px !important}
.viewer-sender-card .sender-avatar.large{width:52px !important;height:52px !important;flex:0 0 52px !important;border-radius:17px !important}
.viewer-sender-card .sender-avatar.large i{font-size:28px !important}
.viewer-sender-card .sender-avatar.large b{font-size:17px !important}
.mail-item.read .sender-avatar{opacity:.94 !important;filter:none !important}
 
@media (max-width: 760px) {.brand-copy small{display:none !important}
.mail-item{min-height:116px !important;padding:14px !important;grid-template-columns:minmax(0,1fr) auto !important;gap:10px !important}
.mail-topline{align-items:center !important;gap:8px !important}
.sender-block{gap:11px !important}
.mail-item .sender-avatar{width:42px !important;height:42px !important;flex-basis:42px !important;border-radius:14px !important}
.mail-item .sender-avatar i{font-size:23px !important}
.mail-badges{gap:5px !important;max-width:112px;justify-content:flex-end}
.badge{min-height:22px !important;padding-inline:7px !important;font-size:9.5px !important}
.subject{margin-top:10px !important;font-size:15.5px !important}
.preview{font-size:13px !important;line-height:1.45 !important;-webkit-line-clamp:2 !important}
.delete-button{width:38px !important;height:38px !important;border-radius:14px !important}
.time{font-size:11.5px !important}
.status-pill{min-width:38px !important;padding-inline:8px !important}
 }
 
@media (max-width: 420px) {.mail-badges .read-badge{display:none !important}
.mail-badges{max-width:86px}
.mail-item .sender-avatar{width:40px !important;height:40px !important;flex-basis:40px !important;border-radius:13px !important}
.mail-item .sender-avatar i{font-size:22px !important}
 }
html[data-theme="light"] .sender-avatar{background:linear-gradient(135deg, #0f8f88 0%, #2f6fcb 58%, #785bd6 100%) !important;color:#ffffff !important;border:1px solid rgba(24, 42, 68, .10) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 10px 20px rgba(30,50,82,.15) !important}
html[data-theme="light"] .sender-avatar i, html[data-theme="light"] .sender-avatar b{color:#ffffff !important;opacity:1 !important}
html[data-theme="light"] .mail-item.read .sender-avatar{opacity:.92 !important}
/* Fix: keep email preview scrollable in rendered and raw mode */
.viewer-body{overflow:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important;touch-action:pan-y !important;}
.mail-frame{border:0 !important;width:100% !important;height:100% !important;min-height:100% !important;background:#ffffff !important;display:block !important;overflow:auto !important;}
.raw-pre{max-height:100% !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-y !important;}
 
@media (max-width: 760px) {.viewer-body, .mail-frame{overscroll-behavior:contain !important}
.viewer-actions{position:sticky;bottom:0;z-index:2}
 }
.mail-item .sender-avatar{width:38px !important;height:38px !important;flex:0 0 38px !important;border-radius:13px !important}
.mail-item .sender-avatar i{font-size:20px !important}
.mail-item .sender-avatar b{font-size:13px !important}
.viewer-sender-card .sender-avatar.large{width:44px !important;height:44px !important;flex:0 0 44px !important;border-radius:15px !important}
.viewer-sender-card .sender-avatar.large i{font-size:22px !important}
.viewer-sender-card .sender-avatar.large b{font-size:14px !important}
.sender-block{gap:10px !important}
 
@media (max-width: 760px) {.mail-item .sender-avatar{width:36px !important;height:36px !important;flex:0 0 36px !important;flex-basis:36px !important;border-radius:12px !important}
.mail-item .sender-avatar i{font-size:19px !important}
.sender-block{gap:9px !important}
 }
 
@media (max-width: 420px) {.mail-item .sender-avatar{width:34px !important;height:34px !important;flex:0 0 34px !important;flex-basis:34px !important;border-radius:11px !important}
.mail-item .sender-avatar i{font-size:18px !important}
 }
.brand--text-logo{display:inline-flex;align-items:center;gap:7px;min-width:0}
.brand--text-logo .brand-icon, .footer-brand .footer-mark{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;overflow:visible !important}
.brand--text-logo .brand-icon{width:24px !important;height:24px !important;flex:0 0 24px !important;border-radius:0 !important}
.brand--text-logo .brand-icon img{width:100% !important;height:100% !important;object-fit:contain !important}
.footer-brand .footer-mark{width:20px !important;height:20px !important;flex:0 0 20px !important;border-radius:0 !important}
.footer-brand .footer-mark img{width:100% !important;height:100% !important;object-fit:contain !important}
.brand-copy--stack{display:grid;gap:2px;min-width:0}
.brand-name-gradient{display:inline-block;width:max-content;max-width:100%;color:var(--text-strong);background:linear-gradient(92deg, #ffffff 0%, #f7fbff 26%, #15cfe5 54%, #2e7dff 76%, #8e5cff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.04em}
html[data-theme="light"] .brand-name-gradient{background:linear-gradient(92deg, #071f4d 0%, #0a2c6b 30%, #0787e8 58%, #3266dc 78%, #744fd4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand-copy--stack strong{font-size:22px;line-height:1;font-weight:950}
.brand-copy--stack small{color:var(--muted);font-size:11.5px;line-height:1.25;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-brand .brand-name-gradient{font-size:18px;line-height:1;font-weight:950}
 
@media (max-width: 820px) {.brand--text-logo{gap:6px}
.brand--text-logo .brand-icon{width:22px !important;height:22px !important;flex-basis:22px !important}
.brand-copy--stack strong{font-size:20px}
.brand-copy--stack small{display:none !important}
.footer-brand .footer-mark{width:18px !important;height:18px !important;flex-basis:18px !important}
 }
 
@media (max-width: 430px) {.brand-copy--stack strong{font-size:18px}
.brand--text-logo .brand-icon{width:20px !important;height:20px !important;flex-basis:20px !important}
 }

/* Secure Worker V4 compatibility: public reused inboxes are read-only for destructive actions. */
html.readonly-mailbox .delete-button,
html.readonly-mailbox #deleteCurrentBtn {
  display: none !important;
}
html.readonly-mailbox #clearInboxBtn {
  opacity: .45 !important;
  cursor: not-allowed !important;
  filter: grayscale(.2);
}


/* V5.4.2: email viewer scroll fix */
.viewer.open .viewer-card{min-height:0 !important;}
.viewer.open .viewer-body{min-height:0 !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important;touch-action:pan-y !important;}
.viewer.open .mail-frame{height:100% !important;min-height:100% !important;overflow:auto !important;}
.viewer.open .raw-pre{height:100% !important;min-height:0 !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-y !important;}
@media (max-width: 760px){.viewer{padding:8px !important;}.viewer.open .viewer-card{height:calc(100dvh - 16px - env(safe-area-inset-bottom, 0px)) !important;max-height:calc(100dvh - 16px - env(safe-area-inset-bottom, 0px)) !important;}.viewer-head{max-height:46dvh !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;}.viewer-body{min-height:0 !important;}}

/* 2026-06 patch: one-click copy targets, larger mobile copy controls, clearer counters */
.copy-hotspot{cursor:copy;user-select:all;-webkit-user-select:all}
.copy-hotspot.is-copied{border-color:rgba(var(--accent-rgb), .62) !important;box-shadow:var(--ring), 0 0 0 1px rgba(var(--accent-rgb), .28) inset !important}
.otp-copy-badge{cursor:copy;border:1px solid rgba(126,231,220,.24);font:inherit;appearance:none;-webkit-appearance:none}
.otp-copy-badge:hover{border-color:rgba(126,231,220,.48) !important;box-shadow:0 10px 24px rgba(126,231,220,.10)}
.otp-copy-badge.is-copied{border-color:rgba(126,231,220,.70) !important;box-shadow:0 0 0 4px rgba(126,231,220,.13)}
#copyOtpBtn{min-width:72px;min-height:36px;padding-inline:14px;border-color:rgba(126,231,220,.24) !important;background:rgba(126,231,220,.10) !important;color:var(--text-strong) !important}
.otp-input{cursor:copy}
#addrInput{cursor:copy}
.message-count.has-count-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px !important;color:var(--text) !important;font-size:12px !important}
.message-count-chip{display:inline-flex;align-items:baseline;gap:6px;min-height:34px;padding:6px 11px;border-radius:14px;border:1px solid var(--line);background:var(--surface-3);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.message-count-chip strong{color:var(--text-strong);font-size:17px;font-weight:950;line-height:1}
.message-count-chip em{color:var(--muted);font-style:normal;font-weight:850;font-size:11px;line-height:1.1}
.message-count-chip.unread strong{color:var(--cyan-2)}
html[data-theme="light"] .message-count-chip{background:rgba(24,45,73,.055);border-color:rgba(33,56,88,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}

@media (max-width: 760px){
  .message-count.has-count-chips{display:grid !important;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px !important;margin-top:10px !important;width:100%;font-size:12px !important}
  .message-count-chip{justify-content:center;align-items:center;gap:7px;min-height:48px;padding:8px 10px;border-radius:16px}
  .message-count-chip strong{font-size:21px;letter-spacing:-.03em}
  .message-count-chip em{font-size:11px;white-space:nowrap;color:var(--text) !important}
  .status-pill{min-width:62px !important;min-height:42px !important;padding:0 13px !important;border-radius:16px !important;background:rgba(126,231,220,.10) !important;border-color:rgba(126,231,220,.24) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 22px rgba(0,0,0,.14) !important}
  .status-pill .auto-count{gap:4px !important;font-size:0 !important}
  .status-pill .auto-count::before{content:"↻";font-size:14px;font-weight:950;color:var(--cyan-2);line-height:1}
  .status-pill .auto-count b, .status-pill #autoText{font-size:15px !important;font-weight:950 !important;letter-spacing:-.02em !important;color:var(--text-strong) !important}
  .address-card .mini-action[data-copy-address]{display:inline-flex !important;min-width:96px !important;min-height:56px !important;padding-inline:16px !important;border-radius:17px !important;font-size:12px !important;letter-spacing:.02em !important;background:rgba(126,231,220,.12) !important;border-color:rgba(126,231,220,.24) !important;color:var(--text-strong) !important}
  #addrInput{min-height:56px !important;font-size:14px !important;padding-inline:14px !important}
  #copyOtpBtn{min-width:86px !important;min-height:40px !important;border-radius:14px !important;font-size:12px !important}
  .otp-input{min-height:58px !important;height:58px !important;font-size:29px !important;border-style:solid !important;background:rgba(126,231,220,.10) !important}
  .mobile-quickbar{grid-template-columns:1.18fr .92fr 1.08fr 1.18fr !important;gap:8px !important;min-height:74px !important;padding:9px !important;border-radius:26px !important}
  .mobile-quickbar-btn{min-height:56px !important;border-radius:18px !important;font-size:11px !important;gap:5px !important}
  .mobile-quickbar-btn i{font-size:17px !important}
  .mobile-quickbar-btn[data-copy-address], #bottomOtpBtn{background:rgba(126,231,220,.12) !important;border:1px solid rgba(126,231,220,.18) !important;color:var(--text-strong) !important}
}


/* Optional password-protected inbox UI */
.protect-panel {
  margin: 14px 0 16px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(126,231,220,.10), rgba(124,156,255,.07));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.protect-toggle {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  color: var(--text-strong);
}

.protect-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(126,231,220,.14);
  color: var(--accent);
  border: 1px solid rgba(126,231,220,.22);
}

.protect-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.protect-copy strong {
  font-size: 13px;
  font-weight: 800;
}

.protect-copy small,
.protect-hint,
.full-email-hint {
  color: var(--text-soft);
  font-size: 11px;
  line-height: 1.45;
}

.protect-toggle input[type="checkbox"],
.remember-row input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--accent);
  cursor: pointer;
}

.protect-fields {
  display: grid;
  gap: 9px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.protect-fields[hidden] {
  display: none !important;
}

.remember-row {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 2px;
  color: var(--text);
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

.full-email-hint {
  margin: 10px 2px 0;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(124,156,255,.10);
  border: 1px solid rgba(124,156,255,.16);
}

.full-email-hint.is-hidden {
  display: none !important;
}

.access-badge {
  margin-inline-start: auto;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.06);
  color: var(--text-soft);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}

.access-badge.is-protected {
  border-color: rgba(126,231,220,.30);
  background: rgba(126,231,220,.12);
  color: var(--text-strong);
}

.access-badge.is-readonly {
  border-color: rgba(255,190,106,.35);
  background: rgba(255,190,106,.13);
  color: var(--text-strong);
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: none;
  place-items: center;
  padding: 18px;
  background: rgba(3, 8, 18, .70);
  backdrop-filter: blur(14px);
}

.modal-backdrop.open {
  display: grid;
}

body.modal-lock {
  overflow: hidden;
}

.protected-modal {
  position: relative;
  width: min(440px, 100%);
  padding: 24px;
  border-radius: 26px;
  display: grid;
  gap: 12px;
  animation: modalIn .18s ease-out both;
}

@keyframes modalIn {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.modal-close {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--text);
  background: rgba(255,255,255,.06);
  cursor: pointer;
}

.modal-lock {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(126,231,220,.14);
  border: 1px solid rgba(126,231,220,.24);
  color: var(--accent);
  font-size: 22px;
}

.protected-modal h2 {
  margin: 0;
  font-size: 24px;
  color: var(--text-strong);
}

.protected-modal p {
  margin: 0;
  color: var(--text);
  line-height: 1.55;
}

.modal-address {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  color: var(--text-strong) !important;
  overflow-wrap: anywhere;
}

.modal-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 6px;
}

.modal-unlock {
  min-width: 150px;
}

@media (max-width: 680px) {
  .protect-panel {
    padding: 12px;
    border-radius: 16px;
  }

  .protect-toggle {
    grid-template-columns: 36px 1fr auto;
    gap: 10px;
  }

  .protect-copy strong {
    font-size: 13px;
  }

  .protect-copy small,
  .protect-hint,
  .full-email-hint {
    font-size: 11.5px;
  }

  .protect-fields .input,
  #mailboxPasswordInput,
  #mailboxPasswordConfirmInput,
  #protectedDialogPassword {
    min-height: 52px !important;
    font-size: 16px !important;
  }

  .access-badge {
    min-height: 30px;
    padding: 7px 10px;
    font-size: 11px;
  }

  .protected-modal {
    padding: 22px;
    border-radius: 24px;
  }

  .modal-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .modal-actions > * {
    width: 100%;
  }
}

/* Professional keyboard shortcut guide */
.keyboard-help-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
  place-items: center;
  padding: 22px;
  background: rgba(4, 8, 20, .62);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.keyboard-help-overlay.open {
  display: grid;
}

.shortcut-help-lock {
  overflow: hidden;
}

.keyboard-help-card {
  position: relative;
  width: min(620px, 100%);
  max-height: min(720px, calc(100vh - 44px));
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: 24px;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .34);
  color: var(--text);
}

.keyboard-help-close {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  color: var(--text-strong);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.keyboard-help-close:hover {
  background: rgba(255,255,255,.14);
}

.keyboard-help-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-inline-end: 46px;
  margin-bottom: 18px;
}

.keyboard-help-icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
  font-size: 22px;
  flex: 0 0 auto;
}

.keyboard-help-head h2 {
  margin: 0 0 4px;
  color: var(--text-strong);
  font-size: clamp(22px, 3vw, 30px);
}

.keyboard-help-head p {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.5;
}

.keyboard-shortcuts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.keyboard-shortcut-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
}

.keyboard-shortcut-row span {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.keyboard-shortcut-row strong {
  color: var(--text-strong);
  font-size: 13px;
  text-align: end;
}

.keyboard-shortcut-row kbd {
  min-width: 32px;
  min-height: 30px;
  padding: 6px 9px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--line);
  border-bottom-width: 3px;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  color: var(--text-strong);
  font: 700 12px/1 var(--font-ui, inherit);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

@media (max-width: 680px) {
  .keyboard-help-overlay {
    align-items: end;
    padding: 12px;
  }

  .keyboard-help-card {
    width: 100%;
    max-height: calc(100vh - 24px);
    border-radius: 26px;
    padding: 20px;
  }

  .keyboard-shortcuts-grid {
    grid-template-columns: 1fr;
  }

  .keyboard-shortcut-row {
    min-height: 56px;
  }
}


/* v5.7 complete rebuild additions */
.turnstile-panel{margin:14px 0;padding:12px;border:1px solid rgba(34,197,94,.18);border-radius:18px;background:rgba(255,255,255,.05)}
.attachment-list{margin-top:12px;display:grid;gap:8px}.attachment-list>strong{display:flex;align-items:center;gap:8px;color:var(--text,#f8fafc)}.attachment-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(148,163,184,.28);border-radius:14px;text-decoration:none;background:rgba(255,255,255,.06);color:inherit}.attachment-card:hover{border-color:rgba(20,184,166,.5)}.attachment-card span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card em{font-size:12px;color:var(--muted,#64748b);font-style:normal;white-space:nowrap}.status-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.status-live-grid div{border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:12px;background:rgba(255,255,255,.05)}.status-live-grid strong,.status-live-grid span{display:block}.abuse-form{display:grid;gap:12px;margin-top:16px}.abuse-form textarea{min-height:130px}.abuse-result{font-weight:800;color:#0f766e}

/* v6.0 copy feedback: do not replace icon-only button contents */
.icon-button.is-copied,.soft-button.is-copied,.mini-action.is-copied{outline:2px solid rgba(88,225,193,.45);box-shadow:0 0 0 4px rgba(88,225,193,.12)}

/* v6.6 professional SaaS public navigation and pages */
.saas-menu-toggle{display:none}.saas-mobile-menu{display:none}.saas-page{max-width:1240px;margin:0 auto;padding:28px 18px 70px}.saas-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;align-items:center;padding:52px 0 34px}.saas-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:14px 0;color:var(--text-strong)}.saas-hero p{font-size:18px;line-height:1.7;color:var(--text-muted)}.saas-hero-card,.saas-section,.saas-plan,.saas-feature-card,.saas-doc-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,rgba(24,44,72,.9),rgba(8,18,33,.9));box-shadow:var(--shadow)}.saas-hero-card{padding:26px}.saas-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.saas-section{padding:28px;margin:20px 0}.saas-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.saas-section h2{font-size:clamp(27px,4vw,42px);margin:5px 0}.saas-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:11px;font-weight:900}.saas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.saas-feature-card,.saas-doc-card{padding:20px;box-shadow:none}.saas-feature-card h3,.saas-doc-card h3{margin:8px 0}.saas-feature-card p,.saas-doc-card p{color:var(--text-muted);line-height:1.6}.saas-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.saas-plan{padding:25px;position:relative}.saas-plan.featured{border-color:rgba(108,124,255,.8);transform:translateY(-7px)}.saas-plan-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--accent);font-size:12px}.saas-price{font-size:34px;font-weight:900;margin:16px 0}.saas-price small{font-size:13px;color:var(--text-muted)}.saas-list{list-style:none;padding:0;display:grid;gap:10px}.saas-list li{color:var(--text-muted)}.saas-list li:before{content:'✓';color:#58e1c1;margin-right:8px}.saas-compare{width:100%;border-collapse:collapse;min-width:760px}.saas-compare th,.saas-compare td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.saas-compare th{color:var(--text-muted);font-size:12px;text-transform:uppercase}.saas-code{background:#06111f;border:1px solid var(--line);border-radius:16px;padding:18px;overflow:auto;white-space:pre-wrap;color:#b9d6ff;line-height:1.6}.saas-method{display:inline-block;min-width:62px;text-align:center;border-radius:8px;padding:6px;font-weight:900;font-size:11px;background:#15324c;color:#9bdfff}.saas-method.POST{background:#173d32;color:#a7f0cf}.saas-method.DELETE{background:#432234;color:#ffb7c5}.saas-endpoint{padding:18px 0;border-top:1px solid var(--line)}.saas-endpoint-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saas-usecase{display:flex;gap:16px;align-items:flex-start}.saas-usecase i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(88,225,193,.1);color:var(--accent)}.saas-note{border:1px solid rgba(255,199,107,.35);background:rgba(255,199,107,.07);border-radius:16px;padding:16px;color:var(--text-muted)}.saas-billing-toggle{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}.saas-billing-toggle button{width:50px;height:28px;border:0;border-radius:20px;background:rgba(255,255,255,.12);padding:3px}.saas-billing-toggle i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.saas-billing-toggle button.annual i{transform:translateX(22px)}
@media(max-width:900px){.saas-hero{grid-template-columns:1fr}.saas-grid,.saas-plan-grid{grid-template-columns:1fr}.saas-plan.featured{transform:none}.top-actions>a.soft-button{display:none!important}.saas-menu-toggle{display:grid!important}.site-nav{position:relative}.saas-mobile-menu{position:absolute;top:calc(100% + 12px);right:0;width:min(330px,calc(100vw - 30px));padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(8,18,33,.98);box-shadow:var(--shadow);z-index:200}.saas-mobile-menu.open{display:grid;gap:6px}.saas-mobile-menu a{padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--text)}.saas-mobile-menu a:hover{background:rgba(255,255,255,.07)}}
@media(max-width:600px){.saas-page{padding:16px 12px 55px}.saas-hero{padding:28px 0}.saas-hero h1{font-size:39px}.saas-section,.saas-hero-card{padding:19px;border-radius:21px}.saas-section-head{align-items:flex-start;flex-direction:column}.nav-right{min-width:0}.status-pill{max-width:150px}.status-pill .divider{display:none}.status-pill .auto-count{display:none}.top-actions .language-button,.top-actions .theme-button,.top-actions .sound-button{display:none!important}.saas-menu-toggle{display:grid!important}.brand-copy strong{font-size:19px!important}.brand-copy small{display:none!important}}

body.inbox-page .toast{top:92px!important;bottom:auto!important;max-width:min(620px,calc(100vw - 28px));z-index:850!important}
@media(max-width:720px){body.inbox-page .toast{top:74px!important}}

/* V2 inbox compatibility */
@media(min-width:901px){body.inbox-page .workspace{grid-template-columns:minmax(280px,326px) minmax(0,1fr);align-items:stretch}body.inbox-page .sidebar{width:auto}body.inbox-page .inbox{width:auto}}
@media(max-width:900px){body.inbox-page .workspace{display:grid;grid-template-columns:1fr}body.inbox-page .sidebar,body.inbox-page .inbox{width:100%;max-width:none}body.inbox-page .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.inbox-page .sidebar>.card{margin:0}body.inbox-page .inbox{min-height:520px}}
@media(max-width:600px){body.inbox-page .sidebar{grid-template-columns:1fr}body.inbox-page .inbox{min-height:480px}.footer{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:9px 13px}.footer-copy{white-space:normal}.viewer-panel{max-height:100dvh}}
/* V2 final mobile inbox navbar: keep language and sound accessible. */
@media(max-width:600px){
 body.inbox-page{padding-bottom:92px}
 .inbox-main-navbar .site-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "status status";align-items:center;gap:8px 10px}
 .inbox-main-navbar .inbox-brand-zone{grid-area:brand;min-width:0}
 .inbox-main-navbar .nav-right{display:contents!important}
 .inbox-main-navbar .status-pill{grid-area:status;justify-self:stretch;max-width:none!important;width:100%;justify-content:center;box-sizing:border-box}
 .inbox-main-navbar .top-actions{grid-area:actions;display:flex!important;width:auto!important;height:auto!important;gap:6px!important}
 .inbox-main-navbar .top-actions .language-button,.inbox-main-navbar .top-actions .sound-button{display:grid!important;width:39px;height:39px}
 .inbox-main-navbar .top-actions .theme-button,.inbox-main-navbar .top-actions [data-copy-address],.inbox-main-navbar .top-actions #topRefreshBtn{display:none!important}
 .inbox-main-navbar .inbox-brand small{display:none!important}
 .inbox-main-navbar{height:auto!important}
 .quickbar{max-width:calc(100vw - 16px);box-sizing:border-box}
 .quickbar button{min-width:0;padding-inline:10px}
}

html[data-theme="light"]{--bg:#f3f6fb;--panel:#fff;--surface:#fff;--surface-2:#edf2f8;--text:#17263b;--muted:#60748e;--line:#c9d6e5}html[data-theme="light"] body{background:#f3f6fb;color:#17263b}html[data-theme="light"] .app-shell,html[data-theme="light"] .card,html[data-theme="light"] .inbox,html[data-theme="light"] .sidebar,html[data-theme="light"] .footer,html[data-theme="light"] .site-nav{background:#fff!important;color:#17263b!important;border-color:#c9d6e5!important}html[data-theme="light"] input,html[data-theme="light"] select{background:#edf3f9!important;color:#17263b!important;border-color:#c4d1e1!important}html[data-theme="light"] .muted,html[data-theme="light"] small{color:#60748e!important}

/* V4.4 single mobile quickbar clearance: remove stacked footer/body spacers */
@media(max-width:760px){
  body.inbox-page{padding-bottom:0!important}
  body.inbox-page .app-shell{
    padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
    min-height:100dvh!important;
  }
  body.inbox-page footer.footer,
  body.inbox-page .site-footer{
    margin-bottom:0!important;
  }
  body.inbox-page .workspace{margin-bottom:0!important}
}