.mode-wrap{left:50%;bottom:max(env(safe-area-inset-bottom), clamp(1rem, .6rem + 1.4vw, 2rem));z-index:60;width:max-content;max-width:100%;margin-block:-1.75rem;padding:1.75rem 2.5rem;position:fixed;transform:translate(-50%)}.mode-shell{--tx:0px;--ty:0px;--mx:50%;--my:0%;isolation:isolate;transform:translate3d(var(--tx), var(--ty), 0);transition:transform .52s cubic-bezier(.16, 1, .3, 1), box-shadow .32s var(--ease-calm);background:color-mix(in oklch, var(--color-ground) 62%, transparent);-webkit-backdrop-filter:blur(22px)saturate(190%);backdrop-filter:blur(22px)saturate(190%);border:1px solid color-mix(in oklch, var(--color-ground) 88%, transparent);border-radius:100px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;padding:4.8px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 1px #271d160f,0 10px 24px -8px #271d1638,0 28px 60px -22px #271d1666,inset 0 1px #ffffffd9,inset 0 -1px #271d160d;box-shadow:0 1px 1px lab(11.7644% 4.17211 6.56376/.06),0 10px 24px -8px lab(11.7644% 4.17211 6.56376/.22),0 28px 60px -22px lab(11.7644% 4.17211 6.56376/.4),inset 0 1px lab(100% 0 0/.85),inset 0 -1px lab(11.7644% 4.17211 6.56376/.05)}.mode-shell:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;filter:blur(5px);background:linear-gradient(90deg,#0000,#ffffffa6,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.65),#0000);width:26%;animation:16.4s cubic-bezier(.4,0,.2,1) 1.6s infinite switch-sheen;position:absolute;top:-60%;bottom:-60%;left:-35%;transform:rotate(16deg)}@keyframes switch-sheen{0%{left:-35%}21%,to{left:125%}}.mode-wrap:hover .mode-shell:after{animation-duration:4.4s}.mode-shell:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(18rem 9rem at var(--mx) var(--my), #ffffff8c, transparent 62%);opacity:0;transition:opacity .32s var(--ease-calm);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.mode-shell:before{background:radial-gradient(18rem 9rem at var(--mx) var(--my), lab(100% 0 0/.55), transparent 62%)}}.mode-wrap:hover .mode-shell{box-shadow:0 1px 1px #271d160f,0 14px 30px -8px #271d1642,0 36px 72px -24px #271d1673,inset 0 1px #ffffffe6,inset 0 -1px #271d160d;box-shadow:0 1px 1px lab(11.7644% 4.17211 6.56376/.06),0 14px 30px -8px lab(11.7644% 4.17211 6.56376/.26),0 36px 72px -24px lab(11.7644% 4.17211 6.56376/.45),inset 0 1px lab(100% 0 0/.9),inset 0 -1px lab(11.7644% 4.17211 6.56376/.05)}.mode-wrap:hover .mode-shell:before{opacity:1}.mode-thumb{z-index:1;background:var(--color-ink);border-radius:100px;width:calc(50% - 4.8px);transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:4.8px;bottom:4.8px;left:4.8px;transform:translate(0);box-shadow:0 1px 2px #271d1633,0 6px 16px -6px #271d1673,inset 0 1px #ffffff29;box-shadow:0 1px 2px lab(11.7644% 4.17211 6.56376/.2),0 6px 16px -6px lab(11.7644% 4.17211 6.56376/.45),inset 0 1px lab(100% 0 0/.16)}[data-mode=full] .mode-thumb{transform:translate(100%)}.mode-opt{z-index:2;letter-spacing:-.014em;white-space:nowrap;min-width:7.6rem;color:var(--color-muted);transition:color .32s var(--ease-calm);border-radius:100px;place-items:center;padding:.76rem 1.28rem;font-size:clamp(.76rem,.72rem + .24vw,.88rem);font-weight:650;text-decoration:none;display:grid;position:relative}.mode-opt:hover{color:var(--color-ink)}[data-mode=quick] .mode-opt--quick,[data-mode=full] .mode-opt--full{color:var(--color-ground)}@media (max-width:520px){.mode-opt{min-width:6rem;padding:.68rem .88rem}}@media (prefers-reduced-motion:reduce){.mode-shell,.mode-thumb,.mode-shell:before{transition:none}.mode-shell:after{opacity:0;animation:none}.mode-shell{transform:none}}.mode-opt{cursor:pointer}.mode-opt:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}@media (max-width:520px){.mode-wrap{padding-inline:1rem}}@media print{.mode-wrap{display:none}}.mode-shell{width:calc(15.2rem + 11.6px);transition:width .52s cubic-bezier(.16,1,.3,1), transform .52s cubic-bezier(.16,1,.3,1), box-shadow .32s var(--ease-calm)}.mode-opt{min-width:0;min-height:48px;padding-inline:0}.mode-label{transition:opacity .18s ease, transform .35s var(--ease-calm)}.mode-icon{opacity:0;transition:opacity .18s ease, transform .35s var(--ease-calm);position:absolute;transform:translateY(5px)}.mode-wrap.is-compact .mode-shell{width:108px;transform:translate3d(var(--tx), var(--ty), 0) scale(.8);transform-origin:bottom}.mode-wrap.is-compact .mode-label{opacity:0;transform:translateY(-5px)}.mode-wrap.is-compact .mode-icon{opacity:1;transition-delay:.1s;transform:translateY(0)}@media (max-width:520px){.mode-shell{width:calc(12rem + 11.6px)}.mode-opt{min-width:0;padding-inline:0}}@media (prefers-reduced-motion:reduce){.mode-shell,.mode-label,.mode-icon{transition:none}.mode-wrap.is-compact .mode-shell{transform:scale(.8)}}.mode-back{display:none}.mode-shell{display:flex}.mode-choices{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid;position:relative}.mode-choices .mode-thumb{width:50%;inset:0 auto 0 0}@media (max-width:600px){.case-back{display:none}.mode-wrap{padding-inline:12px}.mode-shell{width:288px;max-width:calc(100vw - 24px)}.mode-back{z-index:2;border-right:1px solid var(--color-hairline);min-height:48px;color:var(--color-ink);text-underline-offset:4px;flex:0 0 68px;justify-content:center;align-items:center;gap:5px;margin-right:4px;font-size:12px;display:inline-flex;position:relative}.mode-back:hover{text-decoration:underline}.mode-back:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px;border-radius:999px}.mode-wrap.is-compact .mode-shell{width:180px;transform:translate3d(var(--tx), var(--ty), 0)}}@media (max-width:600px) and (prefers-reduced-motion:reduce){.mode-wrap.is-compact .mode-shell{transform:none}}.mode-ask{z-index:2;letter-spacing:-.014em;white-space:nowrap;min-height:48px;color:var(--color-muted);cursor:pointer;transition:color .32s var(--ease-calm), flex-basis .52s cubic-bezier(.16, 1, .3, 1);border-radius:100px;flex:0 0 5.6rem;place-items:center;padding-inline:0;font-size:clamp(.76rem,.72rem + .24vw,.88rem);font-weight:650;display:grid;position:relative}.mode-ask:before{content:"";background:var(--color-hairline);width:1px;transition:opacity .32s var(--ease-calm);position:absolute;top:12px;bottom:12px;left:0}.mode-shell--ask-only .mode-ask:before{opacity:0}.mode-ask:hover{color:var(--color-ink)}.mode-ask:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}.mode-shell{width:calc(20.8rem + 11.6px)}.mode-wrap.is-compact .mode-shell{width:160px}.mode-wrap.is-compact .mode-ask{flex-basis:52px}.mode-shell--ask-only{width:8.4rem}.mode-shell--ask-only .mode-ask{flex:1}.mode-wrap.is-compact .mode-shell--ask-only{width:72px}.mode-wrap.is-compact .mode-shell--ask-only .mode-ask{flex-basis:auto}@media (max-width:600px){.mode-shell{width:340px}.mode-ask{flex-basis:52px}.mode-ask .mode-label{display:none}.mode-ask .mode-icon{opacity:1;position:static;transform:none}.mode-wrap.is-compact .mode-shell{width:232px}.mode-shell--ask-only,.mode-wrap.is-compact .mode-shell--ask-only{width:120px}}@media (prefers-reduced-motion:reduce){.mode-ask,.mode-ask:before{transition:none}}.mode-nudge{background:var(--color-ink);color:var(--color-ground);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;margin:0;padding:7px 12px;font-size:12px;line-height:1.35;transition:opacity .22s,transform .42s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% - 1.75rem + 10px);left:50%;transform:translate(-50%,6px)}.mode-nudge:empty{padding:0}.mode-nudge.is-visible{opacity:1;transform:translate(-50%)}@media (max-width:420px){.mode-nudge{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){.mode-nudge{transition:opacity .12s;transform:translate(-50%)}}.mode-wrap.is-compact .mode-shell:not(.mode-shell--ask-only){width:264px}.mode-wrap.is-compact .mode-opt[aria-pressed=true]{justify-content:center;align-items:center;gap:4px;display:flex}.mode-wrap.is-compact .mode-opt[aria-pressed=true] .mode-label{opacity:1;letter-spacing:0;font-size:11px;transform:none}.mode-wrap.is-compact .mode-opt[aria-pressed=true] .mode-icon{flex:none;width:14px;height:14px;position:static}@media (max-width:600px){.mode-wrap.is-compact .mode-shell:not(.mode-shell--ask-only){width:320px}}.mode-wrap{transition:opacity .32s var(--ease-calm), translate .42s var(--ease-calm)}.mode-wrap.is-away{opacity:0;pointer-events:none;translate:0 24px}@media (prefers-reduced-motion:reduce){.mode-wrap{transition:opacity .12s}.mode-wrap.is-away{translate:none}}