/* CrewPad tactile UI; additive and scoped to settings where possible. */
#settings-app .tk-ux-native-select {position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);}
#settings-app .tk-ux-select-trigger {
 display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:120px;max-width:58%;
 padding:10px 12px;border:1px solid rgba(158,158,169,.22);border-radius:13px;
 color:inherit;background:rgba(125,125,135,.10);font:inherit;font-size:14px;
 cursor:pointer;text-align:right;transition:background .18s ease,transform .18s ease,border-color .18s ease;
}
#settings-app .tk-ux-select-trigger:hover {background:rgba(125,125,135,.22);border-color:rgba(160,160,180,.4);}
#settings-app .tk-ux-select-trigger:active {transform:scale(.975)}
#settings-app .tk-ux-select-trigger:focus-visible {outline:2px solid #0a84ff;outline-offset:2px;}
#settings-app .tk-ux-select-value {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#settings-app .tk-ux-select-caret {font-size:18px;color:#9a9aa1;line-height:1;transition:transform .2s ease}
#settings-app .tk-ux-select-trigger[aria-expanded="true"] .tk-ux-select-caret {transform:rotate(180deg)}
.tk-ux-dropdown {position:absolute;z-index:999999;overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid rgba(175,175,190,.23);border-radius:17px;background:rgba(35,35,40,.97);color:#f8f8fa;box-shadow:0 20px 52px rgba(0,0,0,.48),0 2px 8px rgba(0,0,0,.22);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:tkUxMenuIn .18s cubic-bezier(.2,.8,.2,1)}
.tk-ux-dropdown-option {display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:43px;padding:10px 13px;width:100%;border:0;border-radius:11px;background:transparent;color:inherit;font:500 14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;cursor:pointer}
.tk-ux-dropdown-option:hover,.tk-ux-dropdown-option:focus-visible {background:rgba(135,135,145,.25);outline:0}
.tk-ux-dropdown-option:disabled {opacity:.4;cursor:not-allowed}
.tk-ux-dropdown-option[aria-selected="true"] {color:#77bbff}
.tk-ux-option-check {font-weight:800;color:#0a84ff}
#settings-app .tk-settings-nav-item, #settings-app .tk-wallpaper-card, #settings-app .tk-settings-mode {transition:background-color .17s ease,transform .17s ease,box-shadow .2s ease,border-color .2s ease}
#settings-app .tk-settings-nav-item:active,#settings-app .tk-wallpaper-card:active,#settings-app .tk-settings-mode:active {transform:scale(.985)}
#settings-app .tk-settings-panel:not(.hidden) {animation:tkUxPageIn .26s cubic-bezier(.22,.8,.24,1) both}
#settings-app .tk-settings-switch {transition:background .2s ease,box-shadow .2s ease}
#settings-app .tk-settings-switch:active {box-shadow:0 0 0 5px rgba(10,132,255,.10)}
@keyframes tkUxMenuIn {from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
@keyframes tkUxPageIn {from{opacity:.45;transform:translateY(9px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce) {.tk-ux-dropdown,#settings-app .tk-settings-panel:not(.hidden){animation:none!important}#settings-app .tk-ux-select-trigger,#settings-app .tk-settings-nav-item{transition:none!important}}
:root[data-tk-reduced-motion="true"] .tk-ux-dropdown,:root[data-tk-reduced-motion="true"] #settings-app .tk-settings-panel:not(.hidden){animation:none!important}