:root{--mhud-acc:oklch(74% .13 195);--mhud-acc-hi:oklch(86% .11 193);--mhud-acc-dim:oklch(74% .13 195/.5);--mhud-acc-soft:oklch(74% .13 195/.14);--mhud-acc-glow:oklch(78% .14 195/.42);--mhud-text:oklch(96% .008 235);--mhud-dim:oklch(66% .012 235);--mhud-dim-up:oklch(74% .01 235);--mhud-faint:oklch(48% .012 235);--mhud-hair:oklch(100% 0 0/.08);--mhud-hair-3:oklch(100% 0 0/.11);--mhud-danger:oklch(70% .2 25);--mhud-danger-hi:oklch(96% .06 25);--mhud-cond:"Saira Condensed", system-ui, sans-serif;--mhud-panel:linear-gradient(180deg, oklch(17% .022 235/.96), oklch(12.5% .018 235/.94));--mhud-btn:linear-gradient(180deg, oklch(20.5% .022 235/.88), oklch(13.5% .018 235/.88))}.mhud-bar{z-index:1200;padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));font-family:var(--mhud-cond);color:var(--mhud-text);background:var(--mhud-panel);border-top:1px solid var(--mhud-hair);-webkit-backdrop-filter:blur(20px)saturate(1.15);touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 28px oklch(0% 0 0/.45)}.mhud-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 3%,oklch(74% .13 195/.18) 22%,oklch(74% .13 195/.52) 50%,oklch(74% .13 195/.18) 78%,#0000 97%);height:1px;position:absolute;top:-1px;left:0;right:0}.mhud-bar *{box-sizing:border-box}.mhud-bar button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}.mhud-readout{flex-direction:column;justify-content:center;gap:2px;min-width:0;max-width:38vw;padding-right:4px;line-height:1;display:inline-flex}.mhud-readout-l{letter-spacing:.26em;text-transform:uppercase;color:var(--mhud-faint);font-size:8px;font-weight:700}.mhud-readout-v{letter-spacing:.03em;text-transform:uppercase;color:var(--mhud-acc-hi);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 10px oklch(78% .14 195/.35);font-size:14px;font-weight:700;overflow:hidden}.mhud-spacer{flex:auto;min-width:0}.mhud-cluster{flex:none;align-items:center;gap:7px;display:inline-flex}.mhud-cluster .mhud-act-primary{margin:0 3px}.mhud-act{min-width:64px;height:48px;min-height:44px;font-family:var(--mhud-cond);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--mhud-text);border:1px solid var(--mhud-hair);background:var(--mhud-btn);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 14px;font-size:11px;font-weight:700;transition:transform .1s cubic-bezier(.2,.7,.3,1),box-shadow .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.mhud-act .mhud-i{width:18px;height:18px;color:var(--mhud-dim-up);flex:none;transition:color .16s}.mhud-act:hover{border-color:var(--mhud-acc-dim);color:var(--mhud-text)}.mhud-act:hover .mhud-i{color:var(--mhud-acc-hi)}.mhud-act:active{transform:scale(.95)}.mhud-act:focus-visible{outline:2px solid var(--mhud-acc-hi);outline-offset:2px}.mhud-act:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.4)}.mhud-act:disabled:active{transform:none}.mhud-act[data-on=true]{color:var(--mhud-acc-hi);border-color:var(--mhud-acc-dim);background:linear-gradient(oklch(74% .13 195/.22),oklch(74% .13 195/.1));box-shadow:inset 0 0 0 1px oklch(74% .13 195/.25),0 0 14px oklch(78% .14 195/.28)}.mhud-act[data-on=true] .mhud-i{color:var(--mhud-acc-hi)}.mhud-act[data-on=true]:after{content:"";background:var(--mhud-acc-hi);width:5px;height:5px;box-shadow:0 0 6px var(--mhud-acc-hi);border-radius:50%;position:absolute;top:6px;right:8px}.mhud-act-primary{color:oklch(9% .04 225);box-shadow:0 0 16px var(--mhud-acc-glow), inset 0 1px 0 oklch(100% 0 0/.26), inset 0 0 20px oklch(72% .14 195/.16);background:linear-gradient(175deg,oklch(87% .105 191),oklch(71% .145 197));border-color:#0000;animation:3.4s ease-in-out infinite mhud-breathe}.mhud-act-primary .mhud-i{color:oklch(12% .04 225)}.mhud-act-primary:hover{color:oklch(9% .04 225)}.mhud-act-primary:hover .mhud-i{color:oklch(10% .04 225)}.mhud-act-primary:active{transform:scale(.96)}.mhud-act-primary:disabled{box-shadow:none;animation:none}.mhud-act-menu .mhud-i{color:var(--mhud-acc-hi)}.mhud-drawer.mhud-drawer{z-index:100001;border:none;border-top:1px solid var(--mhud-hair-3);background:var(--mhud-panel);-webkit-backdrop-filter:blur(24px)saturate(1.15);color:var(--mhud-text);font-family:var(--mhud-cond);border-radius:16px 16px 0 0;max-height:82vh;margin-top:0;box-shadow:0 -10px 40px oklch(0% 0 0/.55)}body:has(.mhud-drawer) [data-vaul-overlay]{z-index:100000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklch(0% 0 0/.62)}.mhud-drawer.mhud-drawer>div[class*=bg-muted]{background:var(--mhud-hair-3)}.mhud-sheet{padding:6px 16px max(18px, env(safe-area-inset-bottom)) 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.mhud-sheet-title{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 12px;display:flex}.mhud-sheet-title h2{font-family:var(--mhud-cond);letter-spacing:.2em;text-transform:uppercase;color:var(--mhud-dim);margin:0;font-size:13px;font-weight:700}.mhud-sheet-close{width:36px;height:36px;color:var(--mhud-dim);border:1px solid var(--mhud-hair);background:oklch(13.5% .018 235/.62);border-radius:9px;place-items:center;transition:color .14s,border-color .14s,transform .1s;display:inline-grid}.mhud-sheet-close .mhud-i{width:18px;height:18px}.mhud-sheet-close:hover{color:var(--mhud-acc-hi);border-color:var(--mhud-acc-dim)}.mhud-sheet-close:active{transform:scale(.92)}.mhud-sheet-close:focus-visible{outline:2px solid var(--mhud-acc-hi);outline-offset:2px}.mhud-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.mhud-tile{min-height:64px;font-family:var(--mhud-cond);letter-spacing:.07em;text-transform:uppercase;text-align:center;color:var(--mhud-dim-up);border:1px solid var(--mhud-hair);background:var(--mhud-btn);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px 8px;font-size:11px;font-weight:700;transition:color .14s,border-color .14s,background .14s,transform .1s;display:flex}.mhud-tile .mhud-i{width:20px;height:20px;color:var(--mhud-dim);transition:color .14s}.mhud-tile:hover{color:var(--mhud-text);border-color:var(--mhud-acc-dim);background:oklch(16.5% .022 235/.72)}.mhud-tile:hover .mhud-i{color:var(--mhud-acc-hi)}.mhud-tile[data-on=true]{color:var(--mhud-acc-hi);border-color:var(--mhud-acc-dim);background:var(--mhud-acc-soft)}.mhud-tile[data-on=true] .mhud-i{color:var(--mhud-acc-hi)}.mhud-tile:active{transform:scale(.95)}.mhud-tile:focus-visible{outline:2px solid var(--mhud-acc-hi);outline-offset:2px}.mhud-tile-danger{color:var(--mhud-danger-hi);background:oklch(21% .065 25/.28);border-color:oklch(68% .2 25/.4)}.mhud-tile-danger .mhud-i{color:var(--mhud-danger-hi)}.mhud-tile-danger:hover{color:var(--mhud-danger-hi);background:oklch(24% .075 25/.45);border-color:oklch(68% .2 25/.7)}.mhud-tile-danger:hover .mhud-i{color:var(--mhud-danger-hi)}.mhud-tile-danger:focus-visible{outline-color:var(--mhud-danger-hi)}.mhud-danger-row{grid-column:1/-1;gap:8px;display:flex}.mhud-danger-row .mhud-tile{flex-direction:row;flex:1 1 0;min-height:48px}.mhud-radial-root{z-index:1300;font-family:var(--mhud-cond);-webkit-user-select:none;user-select:none;position:fixed;inset:0}.mhud-radial-scrim{touch-action:none;background:oklch(4% .01 235/.28);position:absolute;inset:0}.mhud-radial{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.mhud-radial-in{animation:.16s cubic-bezier(.2,.82,.25,1) mhud-radial-pop}.mhud-hub{pointer-events:auto;width:46px;height:46px;color:var(--mhud-dim);border:1px solid var(--mhud-hair-3);background:var(--mhud-panel);border-radius:50%;place-items:center;transition:color .14s,border-color .14s,transform .1s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 22px oklch(0% 0 0/.5),inset 0 1px oklch(100% 0 0/.06)}.mhud-hub .mhud-i{width:20px;height:20px}.mhud-hub:hover{color:var(--mhud-danger-hi);border-color:oklch(68% .2 25/.6)}.mhud-hub:active{transform:translate(-50%,-50%)scale(.92)}.mhud-hub:focus-visible{outline:2px solid var(--mhud-acc-hi);outline-offset:2px}.mhud-ring{pointer-events:auto;width:56px;height:56px;font-family:var(--mhud-cond);letter-spacing:.05em;text-transform:uppercase;color:var(--mhud-dim-up);border:1px solid var(--mhud-hair);background:var(--mhud-panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:8.5px;font-weight:700;transition:color .14s,border-color .14s,background .14s,transform .1s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 18px oklch(0% 0 0/.46),inset 0 1px oklch(100% 0 0/.06)}.mhud-ring .mhud-i{width:19px;height:19px;color:var(--mhud-dim);transition:color .14s}.mhud-ring span{line-height:1}.mhud-ring:hover{color:var(--mhud-text);border-color:var(--mhud-acc-dim);background:oklch(18% .022 235/.96)}.mhud-ring:hover .mhud-i{color:var(--mhud-acc-hi)}.mhud-ring:active{transform:translate(-50%,-50%)scale(.9)}.mhud-ring:focus-visible{outline:2px solid var(--mhud-acc-hi);outline-offset:2px}.mhud-ring[data-on=true]{color:var(--mhud-acc-hi);border-color:var(--mhud-acc-dim);background:var(--mhud-acc-soft)}.mhud-ring[data-on=true] .mhud-i{color:var(--mhud-acc-hi)}.mhud-ring-danger:hover{color:var(--mhud-danger-hi);background:oklch(20% .06 25/.5);border-color:oklch(68% .2 25/.6)}.mhud-ring-danger:hover .mhud-i{color:var(--mhud-danger-hi)}.mhud-ring-danger:focus-visible{outline-color:var(--mhud-danger-hi)}@keyframes mhud-breathe{0%,to{box-shadow:0 0 14px var(--mhud-acc-glow), inset 0 1px 0 oklch(100% 0 0/.22), inset 0 0 18px oklch(72% .14 195/.16)}50%{box-shadow:0 0 26px var(--mhud-acc-glow), inset 0 1px 0 oklch(100% 0 0/.26), inset 0 0 24px oklch(72% .14 195/.26)}}@keyframes mhud-radial-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.mhud-act-primary{animation:none!important}.mhud-act,.mhud-tile,.mhud-ring,.mhud-hub,.mhud-sheet-close{transition:none!important}.mhud-radial-in{animation:none!important}}.qr-rotate-nudge{z-index:100000;text-align:center;color:oklch(96% .008 235);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 80% at 50% 38%,oklch(18% .05 210/.55),#0000 60%),linear-gradient(oklch(12% .018 235),oklch(9% .015 235));flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.qr-rotate-icon{color:oklch(86% .11 193);box-sizing:content-box;transform-origin:50%;background:oklch(74% .13 195/.12);border:1px solid oklch(74% .13 195/.5);border-radius:18px;width:40px;height:40px;padding:14px;animation:2.6s ease-in-out infinite qr-rotate-hint;box-shadow:inset 0 0 22px oklch(74% .13 195/.14),0 0 30px oklch(74% .13 195/.2)}@keyframes qr-rotate-hint{0%,34%{transform:rotate(0)}56%,to{transform:rotate(-90deg)}}.qr-rotate-title{letter-spacing:.06em;text-transform:uppercase;color:oklch(97% .015 200);text-shadow:0 0 30px oklch(74% .13 195/.3);font-family:Saira Condensed,system-ui,sans-serif;font-size:26px;font-weight:800}.qr-rotate-sub{color:oklch(66% .012 235);max-width:32ch;margin-top:-4px;font-family:Saira,system-ui,sans-serif;font-size:13.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.qr-rotate-icon{animation:none}}@media (orientation:portrait) and (pointer:coarse){html[data-mobile-board="1"] [data-play-mode="1"]{pointer-events:none}}