.hidden-library-tab{display:inline-flex;align-items:center;gap:8px}
.hidden-library-tab svg{opacity:.7}
.collection-private-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;border:0;border-top:1px solid #ffffff16;background:none;color:#ddd;font:inherit;font-size:14px;cursor:pointer;text-align:left;margin-top:14px}
.collection-private-toggle:hover{color:#fff}
[data-hidden-lock]{display:inline-flex;align-items:center;gap:8px}
.hidden-pin-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 32px));padding:28px;border:1px solid #ffffff25;border-radius:24px;background:#1b1c1d;color:#eee;box-shadow:0 24px 90px #0009}
.hidden-pin-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.hidden-pin-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff08;border:1px solid #ffffff15;margin:0 auto 18px}
.hidden-pin-icon svg{width:24px;height:24px}
.hidden-pin-dialog h2{text-align:center;font-size:24px;margin:0 0 8px}
.hidden-pin-dialog p{text-align:center;font-size:14px;color:#aaa;line-height:1.5}
.hidden-pin-dialog .hidden-pin-input{display:block;box-sizing:border-box;width:190px;margin:24px auto 12px;padding:14px 20px;border:1px solid #ffffff38;border-radius:14px;background:#101112;color:#fff;text-align:center;font-size:28px;letter-spacing:14px}
.hidden-pin-error{min-height:22px;color:#e1b5ad!important}
.hidden-pin-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}
.hidden-pin-actions button{border:1px solid #ffffff25;border-radius:12px;background:#ffffff08;color:#ddd;padding:11px 16px;font:inherit;font-size:14px;cursor:pointer}
.hidden-pin-actions [type=submit]{background:#eee;color:#171818;border-color:transparent;font-weight:600}
.hidden-pin-actions button:disabled{opacity:.5;cursor:wait}
#hidden-pin-settings{margin-top:16px}
#hidden-pin-settings p{font-size:14px;line-height:1.55;color:#aaa;max-width:540px}
#hidden-pin-form{display:grid;gap:14px;max-width:370px}
#hidden-pin-form label{display:grid;gap:8px;font-size:14px;color:#ccc}
#hidden-pin-form input{width:100%;box-sizing:border-box;border:1px solid #ffffff25;border-radius:12px;background:#151616;color:#eee;padding:12px;font-size:18px;letter-spacing:5px}
#hidden-pin-form [role=status]{margin:0;color:#dfb4ae;min-height:20px}

/* A separate visibility mode keeps the ordinary status filters usable. */
:root body .library-filter-row{display:flex;align-items:center;gap:18px;min-width:0;max-width:100%;padding-bottom:16px;border-bottom:1px solid #ffffff12}
:root body .library-filter-row>.library-tabs{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;padding:0;border:0}
:root body .hidden-library-toggle{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;margin-left:auto;min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:#b8babb;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
:root body .hidden-library-toggle:hover,:root body .hidden-library-toggle.is-on{color:#f1f1ee}
.hidden-toggle-track{display:block;position:relative;width:38px;height:24px;flex-shrink:0;border-radius:99px;background:#ffffff12;border:1px solid #ffffff25;transition:background .16s,border-color .16s}
.hidden-toggle-track:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#aaa;transition:transform .16s,background .16s}
.is-on .hidden-toggle-track{background:#eeefea;border-color:#eeefea}
.is-on .hidden-toggle-track:before{background:#252727;transform:translateX(14px)}
:root body .hidden-library-toggle:disabled{opacity:.6;cursor:wait}
@media(max-width:620px){:root body .library-filter-row{gap:10px}:root body .hidden-library-toggle{gap:8px;padding-left:4px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.hidden-toggle-track,.hidden-toggle-track:before{transition:none}}

.hidden-pin-setup label{display:grid;gap:8px;margin-top:16px;font-size:14px;color:#ccc}
.hidden-pin-setup input{box-sizing:border-box;width:100%;min-width:0;padding:13px 14px;border:1px solid #ffffff28;border-radius:12px;background:#111213;color:#eee;font:inherit;font-size:18px}
.hidden-pin-setup input[inputmode=numeric]{text-align:center;font-size:24px;letter-spacing:12px}
.hidden-pin-actions .hidden-pin-primary{background:#eee;color:#171818;border-color:transparent;font-weight:600}
.hidden-pin-setup [role=status]{overflow-wrap:anywhere}

/* unskip switches: graphite housing and a small sliding key */
:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]){appearance:none;-webkit-appearance:none;display:inline-block;position:relative;box-sizing:border-box;flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:28px;min-height:28px;margin:0;padding:0;border:1px solid #ffffff29;border-radius:9px;background:#101212;background-image:none;box-shadow:inset 0 1px 3px #0006;vertical-align:middle;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before{content:"";position:absolute;box-sizing:border-box;left:3px;top:3px;width:20px;height:20px;border:1px solid #ffffff1c;border-radius:6px;background:linear-gradient(145deg,#555857,#393c3b);box-shadow:0 1px 3px #0005;transform:translateX(0);transition:transform .2s cubic-bezier(.22,.8,.25,1),background .18s,border-color .18s}
:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{content:"";position:absolute;box-sizing:border-box;left:10px;top:12px;width:6px;height:0;border:0;border-bottom:2px solid #bfc2bf;transform:translateX(0);transition:transform .2s cubic-bezier(.22,.8,.25,1),border-color .18s;pointer-events:none}
:root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked){background:#282b29;border-color:#ffffff50;box-shadow:inset 0 1px 3px #0004}
:root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::before{background:linear-gradient(145deg,#fafaf5,#d8dbd5);border-color:#fff9;transform:translateX(18px)}
:root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::after{left:10px;top:8px;width:5px;height:9px;border-bottom:2px solid #343a35;border-right:2px solid #343a35;transform:translateX(19px) rotate(45deg)}
:root body .hidden-library-toggle{gap:10px}
:root body :is(.setting-toggle,.room-comment-controls label){cursor:pointer;min-height:44px}
@media(hover:hover){
 :root body .hidden-library-toggle:hover .hidden-toggle-track,:root body .profile-settings-page :is(.setting-toggle,.room-comment-controls label):hover input[type=checkbox],:root body :is(.setting-toggle,.room-comment-controls label):hover input[type=checkbox]{border-color:#ffffff70}
}
:root body :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
:root[data-motion=reduced] body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]),:root[data-motion=reduced] body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before,:root[data-motion=reduced] body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{transition:none}
@media(prefers-reduced-motion:reduce){
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]),:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before,:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{transition:none}
}
@media(forced-colors:active){
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]){border-color:ButtonText;background:Canvas}
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before{background:ButtonText;border-color:ButtonText}
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{border-color:Canvas}
 :root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked){border-color:Highlight}
 :root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::before{background:Highlight;border-color:Highlight}
 :root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::after{border-color:HighlightText}
}