.esi-preferences{width:min(100%,94rem);margin:0 auto;padding:1.4rem 1.7rem 3rem;color:var(--ink);font-family:"Bahnschrift SemiCondensed","Arial Narrow",sans-serif}
.esi-preferences-heading{border:1px solid rgba(var(--theme-rgb),.36);background:rgba(1,13,13,.88);padding:1.1rem 1.3rem}
.esi-preferences-heading>span,.esi-preferences-channel small,.esi-preferences-meta,.esi-preferences-state>span{font:600 .62rem/1.3 "Consolas",monospace;letter-spacing:.1em;color:rgba(var(--theme-rgb),.8)}
.esi-preferences-heading h2{font:400 2rem/1.1 "Bahnschrift SemiCondensed","Arial Narrow",sans-serif;letter-spacing:.09em;margin:.3rem 0;color:var(--ink)}
.esi-preferences-heading p{margin:.3rem 0 0;max-width:48rem;color:rgba(225,243,238,.78);font-size:.9rem}
.esi-preferences-meta{display:flex;gap:.8rem 1.5rem;flex-wrap:wrap;border:1px solid rgba(var(--theme-rgb),.25);border-top:0;background:rgba(1,18,18,.9);padding:.7rem 1.2rem}
.esi-preferences-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.75rem}
.esi-preferences-channel{display:flex;justify-content:space-between;gap:1rem;min-width:0;border:1px solid rgba(var(--theme-rgb),.28);background:rgba(2,18,17,.89);padding:1rem 1.1rem}
.esi-preferences-copy{min-width:0;flex:1}
.esi-preferences-copy h3{font:500 1rem/1.2 "Bahnschrift SemiCondensed","Arial Narrow",sans-serif;letter-spacing:.04em;margin:.3rem 0;color:var(--ink)}
.esi-preferences-copy p{font-size:.78rem;line-height:1.4;margin:.3rem 0;color:rgba(224,243,236,.7)}
.esi-preferences-copy code{font:400 .6rem/1.4 "Consolas",monospace;color:rgba(var(--theme-rgb),.65);overflow-wrap:anywhere}
.esi-preferences-state{width:10.8rem;flex:none;border-left:1px solid rgba(var(--theme-rgb),.2);padding-left:.75rem;display:flex;flex-direction:column;gap:.35rem}
.esi-preferences-state strong{font:600 .68rem/1.25 "Consolas",monospace;letter-spacing:.06em;color:rgba(var(--theme-rgb),.95)}
.esi-preferences-state small{font:400 .66rem/1.4 "Segoe UI",sans-serif;letter-spacing:0;color:rgba(225,240,236,.65)}
.esi-state-reconnect .esi-preferences-state strong{color:#ff8b8b}
.esi-state-deferred .esi-preferences-state strong,.esi-state-paused .esi-preferences-state strong,.esi-state-role-unverified .esi-preferences-state strong,.esi-state-restricted .esi-preferences-state strong{color:#e7ba78}
.esi-state-legacy .esi-preferences-state strong{color:#a5c4ba}
.esi-preferences-alert{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;border:1px solid #d75f65;background:rgba(80,15,18,.85);padding:.8rem 1rem;margin-top:.7rem;font-size:.75rem}
.esi-preferences-alert[hidden]{display:none}
.esi-preferences-check-progress{font:600 .67rem/1.35 "Consolas",monospace!important;letter-spacing:.06em;color:rgba(var(--theme-rgb),.9)!important}
.esi-preferences-check-progress.is-checking::before{content:"◌";display:inline-block;margin-right:.5rem;animation:esi-check-spin 1.1s linear infinite}
.esi-preferences-state.is-checking strong{color:rgba(var(--theme-rgb),.9);animation:esi-check-pulse 1.4s ease-in-out infinite}
@keyframes esi-check-spin{to{transform:rotate(360deg)}}
@keyframes esi-check-pulse{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.esi-preferences-check-progress.is-checking::before,.esi-preferences-state.is-checking strong{animation:none}}
.esi-preferences-alert strong{color:#ff989c;letter-spacing:.08em}.esi-preferences-alert span{flex:1}
.esi-preferences-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.esi-preferences-actions form{margin:0}
.esi-preferences-actions button,.esi-preferences-alert button{min-height:2.4rem;border:1px solid rgba(var(--theme-rgb),.62);background:rgba(var(--theme-rgb),.11);color:var(--ink);padding:.4rem .8rem;font:600 .66rem/1.2 "Consolas",monospace;letter-spacing:.05em;cursor:url("/assets/icons/pandora-action-04.svg") 12 5,pointer}
.esi-preferences-actions button:hover,.esi-preferences-actions button:focus-visible,.esi-preferences-alert button:hover,.esi-preferences-alert button:focus-visible{background:rgba(var(--theme-rgb),.22);box-shadow:0 0 14px rgba(var(--theme-rgb),.25)}
.esi-preferences-actions button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.esi-preferences-note{margin:1rem 0 0;max-width:62rem;color:rgba(220,239,233,.66);font-size:.76rem;line-height:1.45}
.esi-reward-mail{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.3rem;padding:1rem 1.2rem;border:1px solid rgba(var(--theme-rgb),.36);background:rgba(2,18,17,.89);scroll-margin-top:8rem}
.esi-reward-mail small{color:var(--cyan);font:600 .62rem Consolas,monospace;letter-spacing:.1em}.esi-reward-mail h3{margin:.35rem 0;color:var(--ink);font-size:1rem;letter-spacing:.05em}.esi-reward-mail p{margin:.3rem 0;color:rgba(224,243,236,.72);font-size:.78rem;line-height:1.45}.esi-reward-mail form{display:grid;gap:.5rem;flex:none}.esi-reward-mail form strong{color:var(--cyan);font:600 .65rem Consolas,monospace}.esi-reward-mail button{min-height:2.3rem;border:1px solid var(--cyan);background:rgba(var(--theme-rgb),.1);color:var(--ink);padding:.4rem .7rem;font:600 .64rem Consolas,monospace;cursor:pointer}
@media(max-width:1050px){.esi-preferences-list{grid-template-columns:1fr}}
@media(max-width:600px){.esi-preferences{padding:.7rem}.esi-preferences-channel,.esi-reward-mail{flex-direction:column;align-items:stretch}.esi-preferences-state{width:auto;border-left:0;border-top:1px solid rgba(var(--theme-rgb),.2);padding:.65rem 0 0}}