/* The transparent, non-interactive layer changes rendered brightness without a
   body filter (which would change positioning of fixed navigation controls). */
#yb-shade{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:2147482000;background:rgba(0,0,0,var(--yb-dim,0))!important;border:0!important;box-shadow:none!important}
@supports ((backdrop-filter:brightness(1)) or (-webkit-backdrop-filter:brightness(1))){#yb-shade{background:transparent!important;backdrop-filter:brightness(var(--yb-level,1));-webkit-backdrop-filter:brightness(var(--yb-level,1))}}
#yb-shade[hidden],.yb-panel[hidden]{display:none!important}
.yb-brightness{direction:rtl;font:500 14px/1.6 Heebo,Tajawal,Arial,sans-serif}.yb-brightness *{box-sizing:border-box}
.yb-launcher{position:fixed;right:18px;top:calc(36% + 132px);z-index:2147482100;display:grid;place-items:center;width:54px;height:54px;padding:0;border:1px solid #cce6f2;border-radius:19px;color:#078bb7;background:linear-gradient(145deg,#fff,#edfaff);box-shadow:0 6px 24px #176b921a;cursor:pointer;transition:transform .2s,box-shadow .2s}.yb-launcher svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.yb-launcher:hover,.yb-launcher[aria-expanded=true]{transform:translateY(-2px);box-shadow:0 9px 28px #079bd22a}
.yb-panel{position:fixed;right:84px;z-index:2147482101;width:292px;max-width:calc(100% - 98px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:18px;border:1px solid #cddfe9;border-radius:20px;background:#fff;color:#173c52;box-shadow:0 16px 45px #173c5230;text-align:right}.yb-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.yb-panel h2{font:700 16px/1.5 Heebo,Arial,sans-serif;color:inherit;letter-spacing:0;margin:0}.yb-panel p{font:500 15px/1.5 Tajawal,Arial,sans-serif;color:#576f80;margin:2px 0 0}.yb-close{width:36px;height:36px;flex-shrink:0;padding:0;border:1px solid #cddfe9;border-radius:10px;background:#edf7fc;color:#173c52;font-size:23px;cursor:pointer}.yb-values{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.yb-values label{font:500 12px/1.6 Heebo,Tajawal,Arial,sans-serif;margin:0}.yb-values output{font:700 18px/1.5 Heebo,Arial,sans-serif;color:#08789f;white-space:nowrap;padding:0}
.yb-panel input.yb-range{display:block;width:100%;height:34px;padding:0;margin:0;border:0;accent-color:#08789f;cursor:pointer;box-shadow:none;direction:ltr;background:transparent}.yb-scale{display:flex;justify-content:space-between;font:400 11px/1.5 Arial,sans-serif;color:#576f80;margin:0 0 15px}.yb-reset{display:block;width:100%;padding:10px 8px;border:1px solid #cddfe9;border-radius:11px;background:#edf7fc;color:#173c52;font:500 12px/1.6 Heebo,Tajawal,Arial,sans-serif;cursor:pointer}.yb-brightness :is(button,input):focus-visible{outline:3px solid #cb7600;outline-offset:3px}
[data-theme=dark] .yb-launcher{color:#81dfff;background:linear-gradient(145deg,#20394b,#142433);border-color:#34576a}[data-theme=dark] .yb-panel{background:#142735;color:#eff8ff;border-color:#466477}[data-theme=dark] .yb-panel :is(p,.yb-scale){color:#b8ccd9}[data-theme=dark] .yb-values output{color:#8dd9f1}[data-theme=dark] :is(.yb-close,.yb-reset){background:#203b4c;color:#eff8ff;border-color:#466477}
@media(max-width:900px){body:has(#yb-brightness) .social-dock{bottom:calc(206px + env(safe-area-inset-bottom,0px))}body:has(#yb-brightness) .ya-launcher{bottom:calc(144px + env(safe-area-inset-bottom,0px))}.yb-launcher{right:14px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:50px;height:50px;border-radius:17px}.yb-panel{right:76px;max-width:calc(100% - 90px);padding:14px}body:has(#yb-brightness) .social-rail{max-height:calc(100dvh - 226px)}}
@media(max-height:580px) and (min-width:901px){.yb-launcher{top:212px}}
@media(prefers-reduced-motion:reduce){.yb-launcher{transition:none}}
@media print{#yb-shade,.yb-brightness{display:none!important}}