:root{
  --bg:#070b14;--panel:#0d1422;--panel2:#111b2c;--line:#24324a;
  --text:#edf4ff;--muted:#8795aa;--accent:#66e3ff;--accent2:#9b7cff;
  --green:#62e6a5;--danger:#ff7188
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 5%,#172445 0,#070b14 42%);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif}
.app{position:relative;z-index:1;max-width:1450px;margin:auto;padding:32px 28px 60px}.topbar{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:30px}
.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2.5px}.topbar h1{font-size:35px;margin:8px 0}.topbar h1 span{font-weight:400;color:#91a0b7}.topbar p{color:var(--muted);margin:0}.badge{border:1px solid #31506d;border-radius:99px;padding:9px 13px;color:var(--accent);font-size:11px;font-weight:800}
.hero-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.panel{background:linear-gradient(145deg,rgba(17,27,44,.88),rgba(9,15,26,.9));backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 18px 60px #0005}
.controls{align-self:start;position:sticky;top:18px}.panel-title{font-size:13px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#cbd7e8}.controls label,.crypto label{display:flex;justify-content:space-between;margin:22px 0 8px;font-size:12px;color:#b7c4d7}.controls output{color:var(--accent);font-weight:800}
input[type=range]{width:100%;accent-color:var(--accent)}input[type=number],textarea{width:100%;background:#080e19;color:var(--text);border:1px solid #2a3b56;border-radius:10px;padding:11px;font:inherit;outline:none}textarea{min-height:118px;resize:vertical}
button{border:0;border-radius:11px;padding:12px 15px;margin-top:13px;font-weight:800;cursor:pointer;width:100%;transition:.2s}.primary{background:linear-gradient(90deg,var(--accent),#7bbcff);color:#041019}.secondary{background:#172337;color:#dce8f7;border:1px solid #2c405d}.status{font-size:11px;color:var(--muted);padding-top:14px;line-height:1.5}.stage{overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.muted{color:var(--muted);font-size:11px;margin-top:5px}.live-dot{font-size:10px;color:var(--green);font-weight:800}.live-dot i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 12px var(--green)}
.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:25px}.node{background:#0a1220;border:1px solid #263850;border-radius:15px;text-align:center;padding:17px 10px;min-width:0}.node strong{display:block;font-size:12px}.node small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.orbital,.detector,.key-symbol,.matrix-mini{height:44px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:20px;letter-spacing:5px}.key-symbol{font-size:32px;color:var(--accent2)}.matrix-mini{font-size:26px;border:1px dashed #42617c;margin:0 22px;border-radius:8px}.arrow{color:#58718d;font-size:22px}.photon-graphic{margin-top:12px;width:100%;overflow:hidden;border-radius:15px;background:#0a1020;border:1px solid #20314b}.photon-graphic canvas{display:block;width:100%;height:380px;background:#050816}.graphic-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 4px 2px;color:#9aacc7;font-size:12px}.auto-status{display:flex;align-items:center;gap:8px;margin-right:auto;color:#7fe0b5;font-weight:700}.auto-status i{width:8px;height:8px;border-radius:50%;background:#61e6a5;box-shadow:0 0 10px #61e6a5}.auto-status i.paused{background:#f0b34b;box-shadow:0 0 8px #f0b34b}.auto-toggle{width:auto;margin:0;background:#d98209;color:white;padding:9px 16px;border-radius:9px}.graphic-controls label{margin:0}.graphic-controls input[type=range]{width:120px}.graphic-controls output{color:#62d8e8;font-weight:700;min-width:58px}.graphic-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:12px 0 2px}.graphic-metrics div{display:flex;flex-direction:column;gap:5px}.graphic-metrics b{font-size:23px;color:#edf4ff}.graphic-metrics span{font-size:12px;color:#91a7d0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.matrix{display:grid;gap:5px;margin-top:15px;overflow:auto}.matrix-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(70px,1fr);gap:5px}.cell{background:#091322;border:1px solid #20314b;border-radius:8px;padding:8px;text-align:center;font:11px ui-monospace;color:#bfefff}.formula{font-family:ui-monospace;color:#8092a9;font-size:11px}.big-state{font:700 31px ui-monospace;color:var(--accent);padding:22px 0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-row div{background:#091322;padding:10px;border-radius:10px}.metric-row span{display:block;color:var(--muted);font-size:10px}.metric-row b{font-size:16px}.key-box{margin-top:12px;background:#090f1b;border:1px solid #253b56;border-radius:10px;padding:12px}.key-box span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.key-box code{font-size:11px;word-break:break-all;color:#b8c7dc}
.distribution,.crypto{margin-top:20px}.bar{display:grid;grid-template-columns:100px 1fr 85px;align-items:center;gap:12px;margin-top:11px}.bar-label{font:11px ui-monospace;color:#c9d6e7}.track{height:18px;background:#08101c;border-radius:99px;overflow:hidden;border:1px solid #1d2d44}.fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:99px}.bar-value{text-align:right;color:#91a3bb;font-size:11px}.crypto-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.decrypted{margin-top:10px;padding:11px;border-radius:10px;background:#091322;color:var(--green);font-family:ui-monospace;min-height:42px;word-break:break-word}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.notes div{border-top:1px solid #26364d;padding-top:14px;display:grid;grid-template-columns:30px 1fr;column-gap:10px}.notes b{color:var(--accent)}.notes strong{font-size:12px}.notes span{grid-column:2;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.controls{position:static}.pipeline{grid-template-columns:1fr 1fr}.arrow{display:none}}@media(max-width:720px){.graphic-metrics b{font-size:19px}.graphic-metrics span{font-size:10px}.photon-graphic canvas{height:300px}.app{padding:20px 13px}.topbar{display:block}.badge{display:inline-block;margin-top:15px}.two-col,.crypto-grid,.notes{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr}.bar{grid-template-columns:75px 1fr 65px}.topbar h1{font-size:27px}}

#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.decrypted.fail{color:var(--danger)}

/* ---- Experience band ---- */
.experience{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:0 0 22px;padding:22px 26px;border:1px solid #2a4163;border-radius:18px;background:linear-gradient(120deg,rgba(26,40,72,.78),rgba(12,20,36,.82));backdrop-filter:blur(6px);box-shadow:0 18px 60px #0005}
.experience h2{margin:7px 0 6px;font-size:22px}.experience p{margin:0;color:#a9b8cc;font-size:13px;line-height:1.6;max-width:640px}
.exp-actions{display:flex;gap:12px;flex:none}.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;margin:0;padding:13px 24px;border-radius:12px;font-size:14px;letter-spacing:.2px}
.cta-primary{background:linear-gradient(90deg,var(--accent2),var(--accent));color:#041019;box-shadow:0 8px 28px #66e3ff30}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #66e3ff48}
.cta-ghost{background:rgba(255,255,255,.04);color:#e3edfb;border:1px solid #3a5176}.cta-ghost:hover{background:rgba(102,227,255,.1);border-color:var(--accent);transform:translateY(-2px)}

/* ---- Modal dialogs ---- */
body.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(3,7,14,.5);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);animation:mFade .22s ease}
.modal[hidden]{display:none}
.modal-card{width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto;background:linear-gradient(160deg,#121e34,#0a111e);border:1px solid #2d4468;border-radius:20px;box-shadow:0 34px 100px #000b,0 0 0 1px rgba(102,227,255,.06) inset;animation:mPop .28s cubic-bezier(.2,.9,.3,1.08)}
.modal-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid #22344f}
.modal-head h3{margin:7px 0 6px;font-size:21px}.modal-head p{margin:0;color:#97a8c0;font-size:12.5px;line-height:1.55}
.modal-x{flex:none;width:34px;height:34px;margin:0;padding:0;border-radius:10px;background:#16233a;color:#c3d1e6;border:1px solid #2c4160;font-size:20px;line-height:1}.modal-x:hover{background:#1f3150;color:#fff}
.modal-body{padding:6px 24px 24px}
.modal-body label{display:block;margin:16px 0 7px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8fa2bd}
.modal-body textarea,.modal-body input{width:100%;background:#080e19;color:var(--text);border:1px solid #2a3b56;border-radius:11px;padding:12px 13px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none;transition:.2s}
.modal-body textarea{min-height:120px;resize:vertical}.modal-body textarea[readonly],.modal-body input[readonly]{color:#cfe3f7}
.modal-body textarea:focus,.modal-body input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(102,227,255,.14)}
#encMsg{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px}
.field-foot{display:flex;justify-content:flex-end;margin-top:6px;font-size:11px;color:#6f819b}
.copy-row{display:flex;gap:10px;align-items:stretch}.copy-row textarea,.copy-row input,.plain-out{flex:1;min-width:0}
.copy-row textarea{min-height:92px}
.copy{flex:none;width:auto;margin:0;padding:0 16px;min-width:76px;border-radius:10px;background:#172740;color:#dce8f7;border:1px solid #2f4768;font-size:12px}.copy:hover{background:#203658;border-color:var(--accent)}.copy.done{background:rgba(98,230,165,.14);border-color:var(--green);color:var(--green)}
.plain-out{background:#080e19;border:1px solid #2a3b56;border-radius:11px;padding:13px 14px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;min-height:56px;color:#f1f7ff}
.success-line{display:flex;align-items:center;gap:9px;margin-top:22px;padding:11px 13px;border-radius:11px;background:rgba(98,230,165,.08);border:1px solid rgba(98,230,165,.3);color:var(--green);font-size:12.5px;font-weight:700}.success-line i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.success-line span{font-weight:400;color:#8fcfb2}.success-line code{font-family:ui-monospace,monospace;color:#d8f7e8}
.form-error{margin-top:14px;padding:11px 13px;border-radius:11px;background:rgba(255,113,136,.09);border:1px solid rgba(255,113,136,.38);color:#ff9aab;font-size:12.5px;line-height:1.5}.form-error[hidden],#encOut[hidden],#decOut[hidden]{display:none}
.tip{margin-top:14px;padding:12px 14px;border-radius:11px;background:rgba(155,124,255,.08);border:1px solid rgba(155,124,255,.28);color:#b8add9;font-size:12px;line-height:1.6}.tip b{color:#d7ccff}
.modal-body .primary:disabled{opacity:.6;cursor:wait}
@keyframes mFade{from{opacity:0}to{opacity:1}}@keyframes mPop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:720px){.experience{flex-direction:column;align-items:flex-start}.exp-actions{width:100%}.exp-actions .cta{flex:1}.modal-head,.modal-body{padding-left:18px;padding-right:18px}.copy-row{flex-direction:column}.copy{padding:11px}}
@media(prefers-reduced-motion:reduce){.modal,.modal-card{animation:none}}

/* ---- Fixes: nonce field + monospace fallback (ui-monospace is missing on Windows) ---- */
.crypto input:not([type=range]){width:100%;background:#080e19;color:var(--text);border:1px solid #2a3b56;border-radius:10px;padding:11px;font:12px ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace;outline:none}
.crypto input:not([type=range]):focus,input[type=number]:focus,textarea:focus{border-color:var(--accent)}
.cell,.formula,.big-state,.bar-label,.decrypted,.key-box code{font-family:ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace}

/* ---- Theme toggle ---- */
.top-actions{display:flex;align-items:center;gap:12px;flex:none}
.theme-toggle{position:relative;width:40px;height:40px;margin:0;padding:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid #31506d;color:var(--accent)}
.theme-toggle:hover{transform:rotate(18deg);background:rgba(102,227,255,.12)}
.theme-toggle svg{grid-area:1/1}.icon-moon{display:none}
html[data-theme=light] .icon-sun{display:none}html[data-theme=light] .icon-moon{display:block}
html{color-scheme:dark}html[data-theme=light]{color-scheme:light}
@media(max-width:720px){.top-actions{margin-top:15px}.top-actions .badge{margin-top:0}}

/* ---- Light theme ---- */
html[data-theme=light]{--bg:#eef3fb;--panel:#fff;--line:#d3deee;--text:#0f1b2e;--muted:#5a6a82;--accent:#0b8fc9;--accent2:#6d4aff;--green:#0f9d62;--danger:#d6314f}
html[data-theme=light] body{background:radial-gradient(circle at 75% 5%,#dce8ff 0,#eef3fb 46%)}
html[data-theme=light] .topbar h1 span{color:#5d6d86}
html[data-theme=light] .badge,html[data-theme=light] .theme-toggle{border-color:#b6cbe3}
html[data-theme=light] .theme-toggle{background:rgba(11,143,201,.07)}
html[data-theme=light] .theme-toggle:hover{background:rgba(11,143,201,.16)}
html[data-theme=light] .panel{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,250,255,.9));box-shadow:0 14px 40px rgba(29,58,106,.12)}
html[data-theme=light] .panel-title{color:#24344d}
html[data-theme=light] .controls label,html[data-theme=light] .crypto label{color:#44556f}
html[data-theme=light] input[type=number],html[data-theme=light] textarea,html[data-theme=light] .crypto input:not([type=range]){background:#f7faff;color:#0f1b2e;border-color:#c5d3e6}
html[data-theme=light] .secondary,html[data-theme=light] .copy{background:#eaf1fb;color:#1c2d47;border-color:#c5d3e6}
html[data-theme=light] .copy:hover{background:#dce8f8}
html[data-theme=light] .primary,html[data-theme=light] .cta-primary{background:linear-gradient(90deg,#0b8fc9,#5a8dff);color:#fff}
html[data-theme=light] .node,html[data-theme=light] .cell,html[data-theme=light] .metric-row div,html[data-theme=light] .key-box{background:#f4f8fe;border-color:#d3deee}
html[data-theme=light] .matrix-mini{border-color:#8aa3bd}
html[data-theme=light] .key-box code{color:#33445f}
html[data-theme=light] .cell{color:#0a6a99}
html[data-theme=light] .photon-graphic{background:#f3f7ff;border-color:#d3deee}
html[data-theme=light] .photon-graphic canvas{background:#f3f7ff}
html[data-theme=light] .graphic-controls{color:#55667f}
html[data-theme=light] .graphic-controls output{color:#0b8fc9}
html[data-theme=light] .auto-status{color:#0f9d62}
html[data-theme=light] .graphic-metrics b{color:#0f1b2e}
html[data-theme=light] .graphic-metrics span{color:#5a6a82}
html[data-theme=light] .bar-label{color:#2b3c57}
html[data-theme=light] .track{background:#e6eef9;border-color:#d3deee}
html[data-theme=light] .bar-value{color:#5a6a82}
html[data-theme=light] .decrypted{background:#f1f6fd}
html[data-theme=light] .formula{color:#6a7b94}
html[data-theme=light] .notes div{border-color:#d3deee}
html[data-theme=light] .experience{background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(230,240,255,.92));border-color:#c3d4ea;box-shadow:0 14px 40px rgba(29,58,106,.12)}
html[data-theme=light] .experience p{color:#4b5d78}
html[data-theme=light] .cta-ghost{background:rgba(11,143,201,.06);color:#1c2d47;border-color:#b5c8e0}
html[data-theme=light] .cta-ghost:hover{background:rgba(11,143,201,.13);border-color:var(--accent)}
html[data-theme=light] .modal{background:rgba(214,226,243,.5)}
html[data-theme=light] .modal-card{background:linear-gradient(160deg,#fff,#f1f6fe);border-color:#c8d7ea;box-shadow:0 30px 80px rgba(29,58,106,.3)}
html[data-theme=light] .modal-head{border-color:#dbe5f2}
html[data-theme=light] .modal-head p{color:#56677f}
html[data-theme=light] .modal-x{background:#eaf1fb;color:#34455f;border-color:#c5d3e6}
html[data-theme=light] .modal-x:hover{background:#dce8f8;color:#0f1b2e}
html[data-theme=light] .modal-body label{color:#5a6a82}
html[data-theme=light] .modal-body textarea,html[data-theme=light] .modal-body input,html[data-theme=light] .modal-body textarea[readonly],html[data-theme=light] .modal-body input[readonly]{background:#f7faff;color:#0f1b2e;border-color:#c5d3e6}
html[data-theme=light] .plain-out{background:#f7faff;border-color:#c5d3e6;color:#0f1b2e}
html[data-theme=light] .copy.done{background:rgba(15,157,98,.12);color:#0f9d62;border-color:#0f9d62}
html[data-theme=light] .success-line{background:rgba(15,157,98,.08);border-color:rgba(15,157,98,.35)}
html[data-theme=light] .success-line span{color:#3d7d63}html[data-theme=light] .success-line code{color:#0b6b43}
html[data-theme=light] .form-error{background:rgba(214,49,79,.07);border-color:rgba(214,49,79,.35);color:#b3203c}
html[data-theme=light] .tip{background:rgba(109,74,255,.07);border-color:rgba(109,74,255,.25);color:#5a4b99}
html[data-theme=light] .tip b{color:#4a36b8}
body,.panel,.modal-card,.experience{transition:background-color .3s,border-color .3s}

/* Passkey gate, recipient QR and append-only-style audit presentation */
.auth-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(5,9,22,.86);backdrop-filter:blur(18px)}
.auth-gate[hidden]{display:none}.auth-card{width:min(520px,100%);padding:clamp(24px,5vw,40px);border:1px solid var(--line,rgba(151,165,220,.22));border-radius:24px;background:var(--panel,#11182b);box-shadow:0 28px 100px #0008}.auth-card h2{font-size:clamp(25px,4vw,36px);line-height:1.12;margin:12px 0}.auth-card p{line-height:1.65;color:var(--muted,#9ca9c4)}.auth-card label{display:block;margin:22px 0 8px}.auth-card input{width:100%;box-sizing:border-box}.auth-actions{display:grid;gap:10px;margin-top:16px}.auth-note{font-size:12px}.qr-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px;border-radius:14px;background:#fff;color:#222;margin:10px 0 18px}.qr-wrap img{width:220px;height:220px;max-width:100%;object-fit:contain}.qr-wrap p{color:#495166;font-size:12px;overflow-wrap:anywhere}.audit-panel{margin:22px 0}.audit-rows{display:grid;gap:8px;margin-top:12px}.audit-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line,rgba(151,165,220,.16));border-radius:12px}.audit-row strong{display:block;text-transform:capitalize}.audit-row small{display:block;margin-top:4px;color:var(--muted,#9ca9c4);overflow-wrap:anywhere}.audit-result{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(77,211,160,.12);color:#5ee7b0}.plain-out{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--line,rgba(151,165,220,.22));border-radius:12px;min-height:80px}.auth-locked .app{filter:blur(3px);pointer-events:none;user-select:none}.auth-locked .modal{pointer-events:none}
#revokeShare{margin:0 0 12px;border-color:rgba(255,113,136,.35);color:#ff8297}

/* ---- Cloud messages (Inbox / Sent) ---- */
.inbox-panel{margin-top:20px;scroll-margin-top:18px}
.inbox-panel button{width:auto;margin:0}
.inbox-tabs{display:flex;gap:6px;margin:18px 0 0;border-bottom:1px solid var(--line)}
.inbox-tab{padding:10px 16px;background:transparent;color:var(--muted);border-radius:10px 10px 0 0;border-bottom:2px solid transparent;margin-bottom:-1px!important}
.inbox-tab:hover{color:var(--text)}
.inbox-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}
.ubadge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 6px;margin-left:8px;border-radius:99px;background:var(--accent2);color:#fff;font-size:11px;line-height:1}
.ubadge[hidden]{display:none}
.inbox-rows{display:grid;gap:8px;margin-top:14px}
.inbox-row{display:flex!important;align-items:center;gap:14px;width:100%!important;text-align:left;padding:13px 15px;background:#0a1220;border:1px solid #263850;color:var(--text);border-radius:12px;font-weight:600}
.inbox-row:hover,.inbox-row:focus-visible{border-color:var(--accent);background:#0e1a2e;outline:none}
.inbox-row .dot{flex:none;width:9px;height:9px;border-radius:50%;background:transparent}
.inbox-row.unread .dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}
.inbox-row .who{flex:1;min-width:0}
.inbox-row strong{display:block;font-size:13.5px;overflow-wrap:anywhere}
.inbox-row small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:400}
.inbox-row .lock{flex:none;color:var(--muted);font-size:10.5px;letter-spacing:.8px;font-weight:700}
.inbox-row.unread .lock{color:var(--accent)}
.inbox-empty{padding:28px 14px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6;border:1px dashed #2a3b56;border-radius:12px}
#decReply{margin-top:16px}
html[data-theme=light] .inbox-row{background:#f4f8fe;border-color:#d3deee;color:#0f1b2e}
html[data-theme=light] .inbox-row:hover,html[data-theme=light] .inbox-row:focus-visible{background:#e8f1fc;border-color:var(--accent)}
html[data-theme=light] .inbox-empty{border-color:#c5d3e6}
@media(max-width:720px){.inbox-row{flex-wrap:wrap}.inbox-row .lock{width:100%;padding-left:23px}}