.site-tone-control{position:fixed;right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:45;box-sizing:border-box;width:96px;max-width:100%;margin:0;padding:14px 10px 10px;border:1px solid #d5e7ef55;border-radius:18px;background:#263b47e8;backdrop-filter:blur(14px);color:#f3f6f5;box-shadow:0 4px 20px #13263118;font-family:Manrope,Arial,sans-serif}
.site-tone-heading{display:grid;justify-items:center;gap:5px;text-align:center;font-size:11px;line-height:1.35}.site-tone-heading label{max-width:65px;font-weight:550;cursor:pointer}.site-tone-heading output{color:#d5e4eb;font-size:9px}
.site-tone-track{display:grid;grid-template-columns:26px 1fr;gap:3px;height:164px;margin:14px 0 9px;align-items:stretch}
.site-tone-control input{display:block;appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:ltr;width:26px;height:100%;padding:0;margin:0;background:transparent;cursor:ns-resize;touch-action:none;accent-color:#f3f6f5}
.site-tone-control input::-webkit-slider-runnable-track{width:6px;border-radius:6px;background:linear-gradient(180deg,#dbc5a9,#bbd3c2 25%,#bcd9e9 50%,#cfc1e0 75%,#dfbfcc)}
.site-tone-control input::-moz-range-track{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#dbc5a9,#bbd3c2 25%,#bcd9e9 50%,#cfc1e0 75%,#dfbfcc)}
.site-tone-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-left:-6px;background:#f5f7f6;border:2px solid #ffffff;border-radius:50%;box-shadow:0 1px 6px #0c1b2859}
.site-tone-control input::-moz-range-thumb{width:14px;height:14px;background:#f5f7f6;border:2px solid #ffffff;border-radius:50%;box-shadow:0 1px 6px #0c1b2859}
.site-tone-labels{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0;font-size:8px;letter-spacing:.01em;color:#e1edf1}
.site-tone-control [data-tone-reset]{display:block;margin:0 auto;appearance:none;padding:5px 8px;border:0;background:transparent;color:#e1edf1;font:inherit;font-size:9px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.site-tone-control [data-tone-reset]:disabled{opacity:.4;cursor:default}.site-tone-control :is(input,button):focus-visible{outline:2px solid #e3eef6;outline-offset:3px;border-radius:8px}
.site-tone-control .site-tone-toggle{display:none}
html[data-theme=dark] body .site-tone-control button{background:transparent!important;color:#e1edf1!important;border:0!important}html[data-theme=dark] body .site-tone-control input{background:transparent!important}
@media(max-width:760px){.site-tone-control{display:flex;flex-direction:column-reverse;align-items:stretch;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));right:max(8px,env(safe-area-inset-right));transform:none;width:48px;padding:5px;border-radius:14px}.site-tone-control .site-tone-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:70px;padding:8px 0;margin:0;border:0;background:transparent;color:#f3f6f5;font:500 10px/1.2 Manrope,Arial,sans-serif;cursor:pointer}.site-tone-toggle i{width:15px;height:15px;border:1px solid #ffffff80;border-radius:50%;background:linear-gradient(135deg,#dbc5a9,#bcd9e9 50%,#dfbfcc)}.site-tone-toggle span{writing-mode:vertical-rl}.site-tone-control .site-tone-panel{display:none}.site-tone-control.is-open{width:102px;padding:10px}.site-tone-control.is-open .site-tone-panel{display:block}.site-tone-control.is-open .site-tone-toggle{flex-direction:row;min-height:36px;padding:6px 0 0;border-top:1px solid #d5e7ef33}.site-tone-control.is-open .site-tone-toggle span{writing-mode:horizontal-tb}.site-tone-control [data-tone-reset]{min-height:36px}.site-tone-track{height:144px}}
@media(max-height:500px) and (min-width:761px){.site-tone-control{padding-block:8px}.site-tone-track{height:100px;margin-block:8px}}
@media print{.site-tone-control{display:none!important}}

/* Keep the fixed desktop tab in the page margin; expand only while adjusting. */
@media(min-width:761px){.site-tone-control{right:0;width:44px;padding:5px;border-radius:14px 0 0 14px}.site-tone-control .site-tone-panel{display:none}.site-tone-control .site-tone-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:126px;margin:0;padding:8px 0;border:0;background:transparent;color:#f3f6f5;font:500 10px/1.2 Manrope,Arial,sans-serif;cursor:pointer}.site-tone-toggle i{width:15px;height:15px;border:1px solid #ffffff80;border-radius:50%;background:linear-gradient(135deg,#dbc5a9,#bcd9e9 50%,#dfbfcc)}.site-tone-toggle span{writing-mode:vertical-rl}.site-tone-control.is-open{width:102px;padding:12px 10px}.site-tone-control.is-open .site-tone-panel{display:block}.site-tone-control.is-open .site-tone-toggle{min-height:30px;flex-direction:row;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid #d5e7ef33}.site-tone-control.is-open .site-tone-toggle span{writing-mode:horizontal-tb}.site-tone-control.is-open .site-tone-toggle i{width:10px;height:10px;flex-shrink:0}}