.app.chat-inbox-app {
 min-height:100svh;
 padding:max(30px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(120px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));
 color:#f1e7d5;
 background:radial-gradient(ellipse at 0 0,#35152330,transparent 46%),radial-gradient(ellipse at 100% 100%,#35152320,transparent 45%),linear-gradient(#09070bee,#09070bee),url('../assets/textures/velvet.webp') center / 500px;
}
.chat-inbox__header { position:relative; padding-bottom:24px; }
.chat-inbox__header h1 { margin:0; color:#f1e7d5; font:400 3.25rem/1 'Cormorant Garamond',Georgia,serif; letter-spacing:-.04em; }
.chat-inbox__header h1:focus { outline:none; }
.chat-inbox__header p { margin:9px 0 0; color:#aba5ad; font:400 .9375rem/1.5 Manrope,Arial,sans-serif; }
.chat-inbox__rule { position:absolute; bottom:0; left:-10px; right:-10px; display:flex; align-items:center; gap:7px; height:16px; transform:translateY(50%); }
.chat-inbox__rule::before,.chat-inbox__rule::after { content:''; flex:1; height:1px; background:#8e795c99; }
.chat-inbox__rule img { width:15px; height:16px; object-fit:contain; }
.chat-inbox__list { list-style:none; margin:0; padding:0; }
.chat-inbox__item { border-bottom:1px solid #8e795c55; }
.chat-inbox__conversation { display:grid; grid-template-columns:78px minmax(0,1fr) 12px; gap:20px; align-items:center; min-height:118px; padding:20px 0; color:inherit; text-decoration:none; position:relative; isolation:isolate; -webkit-tap-highlight-color:transparent; }
.chat-inbox__conversation::before { content:''; position:absolute; z-index:-1; inset:5px -14px; border-radius:8px; background:radial-gradient(ellipse at left,color-mix(in srgb,var(--chat-accent) 10%,transparent),transparent 80%); opacity:0; transition:opacity .16s; pointer-events:none; }
.chat-inbox__conversation:hover::before,.chat-inbox__conversation:focus-visible::before { opacity:1; }
.chat-inbox__conversation:active::before { opacity:.7; }
.chat-inbox__conversation:focus-visible { outline:2px solid var(--chat-accent); outline-offset:4px; border-radius:4px; }
.chat-inbox__copy { display:block; min-width:0; }
.chat-inbox__name { display:block; color:#f1e7d5; font:500 1.625rem/1.1 'Cormorant Garamond',Georgia,serif; }
.chat-inbox__realm { display:block; margin-top:3px; color:var(--chat-accent); font:400 .875rem/1.25 'Cormorant Garamond',Georgia,serif; }
.chat-inbox__preview { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:8px; color:#b4aeb8; font:400 .8125rem/1.5 Manrope,Arial,sans-serif; overflow-wrap:anywhere; }
.chat-inbox__chevron { width:12px; height:20px; object-fit:contain; filter:brightness(0) invert(.72) sepia(.35); }
.chat-inbox__empty { margin:40px 0; color:#b4aeb8; font:400 1rem/1.6 Manrope,Arial,sans-serif; }
.chat-inbox__conversation .realm-portrait__filigree { filter:var(--inbox-ring-filter,brightness(1.15) drop-shadow(0 0 .3px var(--chat-accent))); }
@media(min-width:660px) { .app.chat-inbox-app { padding-left:36px; padding-right:36px; } .chat-inbox__conversation { gap:24px; } }
@media(max-width:359px) { .app.chat-inbox-app { padding-left:20px; padding-right:20px; } .chat-inbox__conversation { grid-template-columns:62px minmax(0,1fr) 10px; gap:16px; } .chat-inbox__conversation .realm-portrait { --portrait-size:62px!important; } }
@media(prefers-reduced-motion:reduce) { .chat-inbox__conversation::before { transition:none; } }