.message-center-page{background:var(--page);min-height:100vh}.message-center-page__hero{border-bottom:1px solid var(--line)}.message-center-shell{width:min(92rem,100%);padding:clamp(1rem, 2.5vw, 2.5rem) var(--page-gutter) clamp(5rem, 9vw, 8rem);margin:0 auto}.message-signin{border:1px solid var(--line);background:var(--surface-soft);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:10rem;padding:clamp(1rem,3vw,2rem);display:grid}.message-signin[hidden]{display:none}.message-signin>span{width:3.2rem;height:3.2rem;color:var(--blue);border:1px solid color-mix(in srgb, var(--blue) 35%, var(--line));border-radius:50%;place-items:center;display:grid}.message-signin h2,.message-signin p{margin:0}.message-signin h2{font-size:1.15rem}.message-signin p{color:var(--ink-muted);margin-top:.35rem;font-size:.78rem}.message-signin button,.message-center__actions>*,.message-dialog footer button{min-height:2.7rem;color:var(--ink);border:1px solid var(--line-strong);font:540 .69rem/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.message-signin button,.message-center__actions .is-primary,.message-dialog footer .is-primary{color:var(--page);background:var(--ink)}.message-center{border:1px solid var(--line);background:var(--surface);box-shadow:0 1.2rem 4rem color-mix(in srgb, var(--ink) 5%, transparent);border-radius:1.15rem;display:grid;overflow:hidden}.message-center[hidden]{display:none}.message-center__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding:clamp(1rem,2.4vw,1.7rem);display:flex}.message-center__header small{color:var(--blue);font:500 .52rem/1 var(--font-mono);letter-spacing:.13em}.message-center__header h2{letter-spacing:-.04em;margin:.35rem 0 .25rem;font-size:clamp(1.25rem,2vw,1.7rem)}.message-center__header p{max-width:38rem;color:var(--ink-muted);margin:0;font-size:.72rem;line-height:1.5}.message-center__actions{flex-wrap:wrap;justify-content:end;gap:.45rem;display:flex}.message-center__actions>*{min-height:2.35rem;padding:.55rem .8rem;font-size:.62rem}.message-filters{border-bottom:1px solid var(--line);scrollbar-width:none;gap:.3rem;padding:.65rem;display:flex;overflow-x:auto}.message-filters::-webkit-scrollbar{display:none}.message-filters button{min-height:2.15rem;color:var(--ink-muted);font:520 .61rem/1 var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:.42rem;padding:.48rem .7rem;display:inline-flex}.message-filters button:hover,.message-filters button.active{color:var(--ink);background:var(--surface-soft);border-color:var(--line)}.message-filters i{min-width:1.1rem;height:1.1rem;color:var(--ink-faint);background:color-mix(in srgb, var(--ink) 6%, transparent);font:normal 500 .45rem/1 var(--font-mono);border-radius:999px;place-items:center;padding:0 .2rem;display:grid}.message-workspace{grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr);min-height:36rem;display:grid}.message-list{border-right:1px solid var(--line);max-height:48rem;overflow-y:auto}.message-list__item{width:100%;min-height:7.15rem;color:var(--ink-muted);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;display:grid}.message-list__item:hover,.message-list__item.active{color:var(--ink);background:color-mix(in srgb, var(--blue) 4%, var(--surface-soft))}.message-list__item.is-unread{background:color-mix(in srgb, var(--blue) 7%, var(--surface))}.message-list__item.is-unread strong:after{background:var(--blue);vertical-align:middle;content:"";border-radius:50%;width:.38rem;height:.38rem;margin-left:.45rem;display:inline-block}.message-list__icon{width:2.45rem;height:2.45rem;color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, transparent);border:1px solid color-mix(in srgb, var(--blue) 28%, var(--line));font:560 .67rem/1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.message-list__icon.is-promotion{color:#7c5cff;border-color:color-mix(in srgb, #7c5cff 32%, var(--line))}.message-list__copy{gap:.3rem;min-width:0;display:grid}.message-list__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.message-list__top small{color:var(--blue);font:500 .47rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.message-list__top time{color:var(--ink-faint);font:400 .47rem/1 var(--font-mono);white-space:nowrap}.message-list__copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:610;overflow:hidden}.message-list__excerpt{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.4;display:-webkit-box;overflow:hidden}.message-list__person{color:var(--ink-faint);font:400 .49rem/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-list__item>i{color:var(--ink-faint);font:normal 300 1.25rem/1 var(--font-sans)}.message-state,.message-detail__empty{min-height:24rem;color:var(--ink-muted);text-align:center;align-content:center;place-items:center;gap:.65rem;padding:2rem;display:grid}.message-state>span,.message-detail__empty>span{width:3.4rem;height:3.4rem;color:var(--blue);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.message-state>span:before{background:var(--blue);content:"";border-radius:50%;width:.55rem;height:.55rem;animation:1.2s ease-in-out infinite pulse}.message-state h3,.message-state p,.message-detail__empty h2,.message-detail__empty p{margin:0}.message-state h3,.message-detail__empty h2{color:var(--ink);font-size:.95rem}.message-state p,.message-detail__empty p{max-width:22rem;font-size:.7rem;line-height:1.5}.message-state.is-error{color:#c94b52}.message-detail{background:color-mix(in srgb, var(--surface-soft) 45%, transparent);flex-direction:column;min-width:0;display:flex}.message-detail>header{border-bottom:1px solid var(--line);gap:.8rem;padding:clamp(1.2rem,2.5vw,2rem);display:grid}.message-detail>header small{color:var(--blue);font:500 .5rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.message-detail>header h2{color:var(--ink);letter-spacing:-.035em;margin:.45rem 0 .35rem;font-size:clamp(1.15rem,2vw,1.6rem)}.message-detail>header p{color:var(--ink-faint);font:400 .54rem/1.4 var(--font-mono);margin:0}.message-detail__back{color:var(--ink-muted);font:520 .62rem/1 var(--font-sans);background:0 0;border:0;justify-self:start;padding:0;display:none}.message-detail__body{flex:1;padding:clamp(1.2rem,2.5vw,2rem)}.message-detail__body p{max-width:48rem;color:var(--ink-muted);white-space:pre-wrap;margin:0 0 1em;font-size:.8rem;line-height:1.75}.message-detail>footer{border-top:1px solid var(--line);gap:.5rem;padding:1rem clamp(1.2rem,2.5vw,2rem);display:flex}.message-detail>footer>*{min-height:2.4rem;color:var(--ink);border:1px solid var(--line-strong);font:540 .65rem/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:.6rem .9rem;text-decoration:none;display:inline-flex}.message-detail>footer .is-primary{color:var(--page);background:var(--ink)}.message-center__status{min-height:1px;margin:0}.message-dialog{background:color-mix(in srgb, var(--ink) 30%, transparent);border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.message-dialog[open]{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));place-items:center;display:grid}.message-dialog::backdrop{backdrop-filter:blur(8px);background:#0000008a}.message-dialog__panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:1rem;width:min(39rem,100%);max-height:calc(100dvh - 2rem);display:grid;overflow:hidden;box-shadow:0 2rem 7rem #00000047}.message-dialog__panel>header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:1.2rem;display:grid}.message-dialog__panel>header>span{width:2.6rem;height:2.6rem;color:var(--blue);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.message-dialog__panel h2,.message-dialog__panel p{margin:0}.message-dialog__panel h2{font-size:1rem}.message-dialog__panel header p{color:var(--ink-muted);margin-top:.25rem;font-size:.67rem;line-height:1.45}.message-dialog__panel header button{width:2.2rem;height:2.2rem;color:var(--ink-muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.message-dialog__fields,.preference-groups{gap:.9rem;padding:1.2rem;display:grid;overflow-y:auto}.message-dialog__fields label{color:var(--ink-muted);gap:.38rem;font-size:.61rem;font-weight:560;display:grid}.message-dialog__fields input,.message-dialog__fields textarea{width:100%;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line-strong);font:400 .76rem/1.5 var(--font-sans);resize:vertical;border-radius:.65rem;padding:.8rem}.message-dialog__fields input:focus,.message-dialog__fields textarea:focus{outline:2px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:1px}.message-dialog__panel>footer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:1rem 1.2rem;display:grid}.message-dialog__panel>footer p{color:var(--ink-muted);font-size:.6rem}.preference-groups{grid-template-columns:1fr 1fr}.preference-groups fieldset{border:1px solid var(--line);border-radius:.75rem;gap:0;min-width:0;padding:0;display:grid}.preference-groups legend{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;padding:.8rem;display:grid}.preference-groups legend>svg{color:var(--blue)}.preference-groups legend>span{gap:.18rem;display:grid}.preference-groups b{color:var(--ink);font-size:.7rem}.preference-groups small{color:var(--ink-faint);font-size:.52rem;line-height:1.35}.preference-groups label{min-height:2.8rem;color:var(--ink-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.7rem .8rem;font-size:.61rem;display:grid}.preference-groups label+label{border-top:1px solid var(--line)}.preference-groups label>span{gap:.15rem;display:grid}.preference-groups input{width:2rem;height:1.15rem;accent-color:var(--blue)}.preference-groups .is-protected{background:color-mix(in srgb, var(--blue) 4%, transparent)}@keyframes pulse{50%{opacity:.25;transform:scale(.72)}}@media (width<=900px){.message-center__header{flex-direction:column;align-items:stretch}.message-center__actions{justify-content:start}.message-workspace{grid-template-columns:minmax(16rem,.9fr) minmax(0,1.1fr)}.preference-groups{grid-template-columns:1fr}}@media (width<=680px){.message-center-shell{padding-inline:max(.75rem, env(safe-area-inset-left))}.message-signin{grid-template-columns:auto minmax(0,1fr)}.message-signin button{grid-column:1/-1;width:100%}.message-signin button,.message-center__actions>*,.message-filters button,.message-detail>footer>*,.message-dialog__panel header button,.message-dialog__panel>footer button{min-height:2.75rem}.message-center{border-radius:.85rem}.message-center__actions{grid-template-columns:1fr 1fr;display:grid}.message-center__actions .is-primary{grid-area:1/1/auto/-1}.message-center__actions>*{width:100%}.message-workspace{min-height:32rem;display:block}.message-list{border-right:0;max-height:none}.message-detail{min-height:32rem;display:none}.message-workspace.has-selection .message-list{display:none}.message-workspace.has-selection .message-detail{display:flex}.message-detail__back{display:inline-flex}.message-list__item{min-height:7.6rem}.message-dialog[open]{padding:max(.5rem, env(safe-area-inset-top)) 0 0;align-items:end}.message-dialog__panel{width:100%;max-height:calc(100dvh - max(.5rem, env(safe-area-inset-top)));border-bottom:0;border-radius:1rem 1rem 0 0}.message-dialog__panel>footer{padding-bottom:max(1rem, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr}.message-dialog__panel>footer p{grid-column:1/-1}.message-dialog__panel>footer button{width:100%}}