/* Shared three-tab dock, matching the main page. */
.mpr-routine-nav.mode-toggle{--tab-unit:calc((100% - 22px)/3.3);position:relative;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px;padding:6px;border:1px solid #9bcfff55;border-radius:999px;background:linear-gradient(140deg,#91caff22,#06102455),#162c49;box-shadow:0 14px 35px #0007,inset 0 1px 3px #d6eaff33;isolation:isolate}
.mpr-routine-nav.mode-toggle.night-active{background-color:#171f45;border-color:#8797df66}
.mpr-routine-nav.mode-toggle.custom-active{background-color:#272051;border-color:#a49aff77}
.mpr-routine-nav.mode-toggle .mode-option{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:6px 4px;gap:5px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;transform:none;color:#c8d7ed;text-decoration:none;opacity:1;font-weight:650;white-space:nowrap}
.mpr-routine-nav.mode-toggle .mode-option.active{color:#fff;background:transparent;border-color:transparent;box-shadow:none}
.mpr-routine-nav.mode-toggle .mode-label{font-size:14px;line-height:1.2}
.mpr-routine-nav.mode-toggle .mode-icon{font-size:22px;line-height:1}
.mpr-routine-nav .mode-layer-icon{width:24px;height:24px;object-fit:contain;margin:0;flex-shrink:0;filter:drop-shadow(0 2px 5px #94c9ff55)}
.mpr-routine-nav .mode-toggle-highlight{position:absolute;z-index:0;display:block;top:6px;bottom:6px;left:6px;width:var(--tab-unit);border-radius:999px;transform:none;pointer-events:none;overflow:hidden;background:linear-gradient(130deg,#41c5ed,#287eff 70%,#2853e4);box-shadow:0 0 16px #359fff55,inset 0 1px 4px #d1f2ff88;transition:left .42s cubic-bezier(.22,.8,.25,1),width .42s cubic-bezier(.22,.8,.25,1)}
.mpr-routine-nav .mode-toggle-highlight::before,.mpr-routine-nav .mode-toggle-highlight::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .4s ease}
.mpr-routine-nav .mode-toggle-highlight::before{background:linear-gradient(130deg,#647fcd,#354c98 65%,#29346b)}
.mpr-routine-nav .mode-toggle-highlight::after{background:linear-gradient(115deg,#268cf5,#4b55f1 55%,#8236e3)}
.mpr-routine-nav.night-active .mode-toggle-highlight{left:calc(11px + var(--tab-unit))}
.mpr-routine-nav.night-active .mode-toggle-highlight::before{opacity:1}
.mpr-routine-nav.custom-active .mode-toggle-highlight{left:calc(16px + var(--tab-unit) + var(--tab-unit));width:calc(var(--tab-unit)*1.3);box-shadow:0 0 18px #8066ff66,inset 0 1px 4px #dcd2ff99}
.mpr-routine-nav.custom-active .mode-toggle-highlight::after{opacity:1}
.home-mode-nav.mpr-routine-nav{position:fixed;left:50%;transform:translateX(-50%);z-index:5;bottom:max(18px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:560px}
.mpr-routine-nav .mode-option:focus-visible{outline:2px solid #d2edff;outline-offset:2px}
@media(max-width:480px){.mpr-routine-nav.mode-toggle .mode-option{gap:4px}.mpr-routine-nav .mode-layer-icon{width:22px;height:22px}.mpr-routine-nav .custom-pro-badge{display:none}}
@media(prefers-reduced-motion:reduce){.mpr-routine-nav .mode-toggle-highlight,.mpr-routine-nav .mode-toggle-highlight::before,.mpr-routine-nav .mode-toggle-highlight::after{transition:none}}