.preferences-panel{margin-bottom:28px}.preferences-panel>small{color:#c8ab78;font-size:9px;letter-spacing:1.5px}.preferences-panel h2{font-size:28px;margin:12px 0 25px}.preference-row{display:flex!important;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;border-top:1px solid #ffffff09;cursor:pointer;margin:0!important}.preference-row span{max-width:650px}.preference-row b{font-size:12px;font-weight:600}.preference-row small{display:block;color:#95879f;font-size:10px;line-height:1.8;margin-top:7px}.preference-row input{width:21px;height:21px;flex-shrink:0;accent-color:var(--gold);cursor:pointer}.skip-content{position:fixed;left:16px;top:-90px;z-index:1000;padding:14px 20px;background:#f3c16b;color:#21190e;border-radius:8px;font-weight:700}.skip-content:focus{top:12px}.hide-drop-feed body>aside{display:none}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .case:hover,.reduce-motion .case:hover .case-sprite,.reduce-motion .btn:hover,.reduce-motion .itemcard:hover{transform:none!important}#main:focus-visible{outline:2px solid #f3c16b;outline-offset:-3px}dialog h2:focus{outline:none}@media(max-width:560px){.preference-row{gap:16px}.preferences-panel h2{font-size:25px}.preference-row small{font-size:9px}}

:where(a,button,input,select,textarea):focus-visible{outline:2px solid #f0ce92;outline-offset:4px}
main[tabindex]:focus{outline:none}
dialog h2[tabindex]:focus{outline:none}

/* Package 25: native preference controls, scoped to their profile panel. */
.profile-page .preferences-panel{margin:22px 0 30px;padding:28px;border:1px solid #ffffff10;border-radius:18px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--profile-accent,#e6bc70) 6%,transparent),transparent 60%),#1b1721}
.profile-page .preferences-panel>small{color:var(--profile-accent,#e6bc70);font-size:9px;letter-spacing:.14em;line-height:1.6}
.profile-page .preferences-panel>h2{font-size:29px;line-height:1.2;margin:10px 0 24px;color:#eee4f2}
.preferences-panel .preference-row{position:relative;min-height:96px;padding:19px 20px;border:1px solid #ffffff0e;border-radius:12px;background:#141019;gap:22px;isolation:isolate}
.preferences-panel .preference-row+.preference-row{margin-top:10px!important}
.preferences-panel .preference-row>span{flex:1;min-width:0;max-width:700px}
.preferences-panel .preference-row b{display:block;color:#e4d7ed;font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.preferences-panel .preference-row small{font-size:11px;line-height:1.8;color:#af9cbe;margin-top:5px;overflow-wrap:anywhere}
.preferences-panel .preference-row input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;color-scheme:dark;accent-color:var(--profile-accent,#e6bc70);width:25px;height:25px;flex:0 0 25px;margin:0 3px;cursor:pointer;border-radius:5px;outline-offset:5px}
.preferences-panel .preference-row:has(input:checked){border-color:color-mix(in srgb,var(--profile-accent,#e6bc70) 30%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--profile-accent,#e6bc70) 7%,transparent),transparent),#17121c}
.preferences-panel .preference-row:has(input:checked) b{color:var(--profile-accent,#e6bc70)}
.preferences-panel .preference-row:has(input:focus-visible){border-color:var(--profile-accent,#e6bc70);box-shadow:0 0 0 3px color-mix(in srgb,var(--profile-accent,#e6bc70) 9%,transparent)}
.preferences-panel .preference-row input:focus-visible{outline:2px solid var(--profile-accent,#e6bc70);outline-offset:5px}
.preferences-panel .preference-row:has(input:disabled){cursor:not-allowed;opacity:.6}
.preferences-panel .preference-row input:disabled{cursor:not-allowed}
.preferences-panel #preference-status{margin:18px 0 0;padding:13px 15px;border:1px solid #ffffff09;border-radius:9px;background:#ffffff04;color:#b7a5c5;font-size:11px;line-height:1.8;overflow-wrap:anywhere;min-height:46px}
@media(hover:hover){.preferences-panel .preference-row:hover{border-color:#ffffff25}.preferences-panel .preference-row:has(input:checked):hover{border-color:color-mix(in srgb,var(--profile-accent,#e6bc70) 60%,transparent)}}
@media(max-width:650px){.profile-page .preferences-panel{padding:21px 18px;border-radius:15px;margin-top:18px}.profile-page .preferences-panel>h2{font-size:26px;margin-bottom:20px}.preferences-panel .preference-row{padding:16px 14px;gap:16px;min-height:100px;border-radius:10px}.preferences-panel .preference-row b{font-size:12px}.preferences-panel .preference-row small{font-size:10px;line-height:1.8}.preferences-panel .preference-row input[type=checkbox]{width:26px;height:26px;flex-basis:26px;margin:0 2px}.preferences-panel #preference-status{font-size:10px;padding:12px 13px}}
@media(max-width:380px){.preferences-panel .preference-row{padding:15px 12px;gap:13px}.profile-page .preferences-panel{padding:19px 14px}.preferences-panel .preference-row input[type=checkbox]{width:24px;height:24px;flex-basis:24px}}
@media(forced-colors:active){.preferences-panel .preference-row,.preferences-panel .preference-row:has(input:checked){background:Canvas;border:1px solid ButtonText}.preferences-panel .preference-row b,.preferences-panel .preference-row small,.preferences-panel .preference-row:has(input:checked) b{color:CanvasText}.preferences-panel .preference-row:has(input:focus-visible){border-color:Highlight;box-shadow:none}.preferences-panel .preference-row input:focus-visible{outline-color:Highlight}.preferences-panel #preference-status{background:Canvas;color:CanvasText;border-color:ButtonText}}