/* CrewPad iOS motion-style brightness control */
#settings-app .tk-brightness-setting { padding: 22px 24px 24px; }
#settings-app .tk-brightness-heading { display:flex; align-items:start; justify-content:space-between; gap:16px; font-size:18px; }
#settings-app .tk-brightness-heading strong { display:block; font-weight:650; }
#settings-app .tk-brightness-heading small { display:block; margin-top:5px; color:var(--set-muted); font-size:13px; }
#settings-app .tk-brightness-heading output { color:var(--set-muted); font-size:16px; font-variant-numeric:tabular-nums; }
#settings-app .tk-brightness-stage { display:flex; align-items:center; justify-content:center; gap:40px; padding:26px 10px 10px; }
#settings-app .tk-brightness-stage p { color:var(--set-muted); max-width:215px; font-size:14px; line-height:1.55; }
#settings-app .tk-ios-brightness-slider { --fill:100%; --squish:1; --stretch:1; position:relative; width:94px; height:214px; border-radius:28px; flex:none; overflow:hidden; background:#404047; touch-action:none; cursor:ns-resize; outline:none; transform:scaleX(var(--squish)) scaleY(var(--stretch)); transition:transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .15s; box-shadow:inset 0 1px 1px rgba(255,255,255,.15),0 16px 36px rgba(0,0,0,.20); }
#settings-app .tk-ios-brightness-slider.dragging {transition:box-shadow .15s;}
#settings-app .tk-ios-brightness-slider:focus-visible {box-shadow:0 0 0 4px #0a84ff,0 16px 36px rgba(0,0,0,.20);}
#settings-app .tk-ios-brightness-track {position:absolute;inset:0;border-radius:inherit;overflow:hidden;}
#settings-app .tk-ios-brightness-fill {position:absolute;inset:0;background:linear-gradient(180deg,#f6f6f9,#fdfdff);transform-origin:center bottom;transform:scaleY(var(--fill-ratio,1));will-change:transform;}
#settings-app .tk-ios-brightness-icon {position:absolute;bottom:18px;left:50%;transform:translateX(-50%);height:40px;width:40px;fill:none;stroke:#202128;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
#settings-app[data-mode="light"] .tk-ios-brightness-slider {background:#c3c3ca;}
@media(max-width:820px){#settings-app .tk-brightness-stage {gap:18px;}#settings-app .tk-brightness-stage p{font-size:12px;}#settings-app .tk-ios-brightness-slider{width:75px;height:178px;border-radius:22px;}#settings-app .tk-brightness-setting{padding:15px;}}
@media(prefers-reduced-motion:reduce){#settings-app .tk-ios-brightness-slider{transition:none;}}