@import "https://cdn.jsdelivr.net/npm/@fontsource/silkscreen@5/index.min.css";
.pockit-milady-studio{--shell1:#cfb2ec;--shell2:#a985d1;--shell-edge:#7e5ba6;--shell-hi:#eadcf9;--ink:#41295e;--tray1:#98a394;--tray2:#79857a;--tray-edge:#59645c;--grn1:#b5c99b;--grn2:#94ab77;--grn-ink:#3f4d28;--tan1:#d2bd94;--tan2:#b39c73;--tan-ink:#584a2c;--lcd1:#9fae92;--lcd2:#a9b79b;--lcd-ink:#2f3d26;z-index:50;overscroll-behavior:none;background:0 0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pockit-milady-studio>canvas{touch-action:none;position:absolute;inset:0}.pockit-milady-studio.green{background:#0f0}.pockit-milady-studio.magenta{background:#f0f}.pockit-milady-studio.white{background:#fff}.pockit-milady-studio.black{background:#000}.pockit-milady-studio.bgimg{background-position:50%;background-repeat:no-repeat;background-size:cover}.pockit-milady-studio.checker{background:conic-gradient(#d9d9d9 25%,#f1f1f1 0 50%,#d9d9d9 0 75%,#f1f1f1 0)0 0/18px 18px}#ui,#bigbar,#peek,button,input,select{touch-action:manipulation;font-family:Silkscreen,Courier New,monospace}#ui{z-index:10;width:232px;top:calc(10px + var(--vvt,0px) + env(safe-area-inset-top,0px));left:calc(10px + var(--vvl,0px) + env(safe-area-inset-left,0px));box-sizing:border-box;background:linear-gradient(180deg,var(--shell1),var(--shell2));border:2px solid var(--shell-edge);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);box-shadow:inset 0 2px 0 var(--shell-hi),inset 0 -3px 0 #0000002e,0 4px 14px #00000059;color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:16px;padding:36px 12px 10px;font-size:10px;line-height:2.1;position:fixed;overflow-y:auto}#ui:before{content:"MILADY TRACKER";letter-spacing:2px;height:22px;color:var(--ink);background:radial-gradient(circle,#41295e29 1.2px,#0000 1.7px) 0 0/7px 7px,linear-gradient(#bb9adf,#a583cd);border-radius:8px;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;top:7px;left:10px;right:10px;box-shadow:inset 0 1px 3px #00000047,inset 0 -1px #ffffff40}#ui #uiClose{z-index:1;border-radius:7px;width:20px;height:20px;margin:0;padding:0;font-size:9px;line-height:1;position:absolute;top:8px;right:12px}#ui label{cursor:pointer;display:block}#ui .fxrow label{margin-right:6px;display:inline}#ui button{margin:4px 4px 0 0}#ui input[type=checkbox]{accent-color:var(--shell-edge)}#ui input[type=text],#ui select{border:1px solid var(--shell-edge);color:var(--ink);background:#eee6f7;border-radius:6px;padding:1px 5px;font-size:10px;box-shadow:inset 0 1px 2px #0003}#status{background:linear-gradient(180deg,var(--lcd1),var(--lcd2));color:var(--lcd-ink);border-radius:6px;min-height:14px;margin-bottom:6px;padding:4px 7px;font-size:9px;line-height:1.6;box-shadow:inset 0 2px 3px #00000059,inset 0 -1px #ffffff59}#ui.hidden{display:none}button{cursor:pointer;color:var(--grn-ink);background:linear-gradient(180deg,var(--grn1),var(--grn2));text-transform:uppercase;letter-spacing:.5px;border:2px solid #00000047;border-radius:9px;padding:2px 10px;font-size:9px;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #0000002e,0 2px 3px #00000040}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000059}#rezero{background:linear-gradient(180deg,var(--tan1),var(--tan2));color:var(--tan-ink)}#bigbar{bottom:calc(14px + var(--vvb,0px));box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:20;background:linear-gradient(180deg,var(--tray1),var(--tray2));border:2px solid var(--tray-edge);border-radius:18px;flex-wrap:wrap;justify-content:center;gap:10px;width:max-content;max-width:calc(100vw - 16px);padding:12px 14px;transition:opacity .5s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 2px #ffffff59,inset 0 -4px #00000038,0 6px 16px #0006}#bigbar button{border-radius:12px;min-width:92px;padding:14px;font-size:13px}#bigbar button.on{background:linear-gradient(#cde6a8,#a8c87e);box-shadow:inset 0 3px 5px #0000004d}#bigbar [data-act=milady]{background:linear-gradient(180deg,var(--shell1),var(--shell2));color:var(--ink)}#bigbar [data-act=rezero]{background:linear-gradient(180deg,var(--tan1),var(--tan2));color:var(--tan-ink)}#bigbar [data-act=fx]{color:#5e2846;background:linear-gradient(#eab0cd,#d18cb0)}#bigbar [data-act=fx].on{background:linear-gradient(#f7c7de,#de9bc0);box-shadow:inset 0 3px 5px #0000004d}#bigbar [data-act=hide]{color:#363b41;background:linear-gradient(#b9bec4,#969ca3)}#bigbar [data-act=record],#recordBtn{color:#4a2020;background:linear-gradient(#d89090,#b96a6a)}button.rec{animation:1.2s ease-in-out infinite recPulse;box-shadow:inset 0 3px 5px #0000004d,0 0 8px #ff3c3cb3}@keyframes recPulse{50%{filter:brightness(1.2)}}#bigbar.hidden{display:none}#bigbar.faded{opacity:0;pointer-events:none}#peek{z-index:20;bottom:calc(10px + var(--vvb,0px) + env(safe-area-inset-bottom,0px));right:calc(10px + var(--vvr,0px) + env(safe-area-inset-right,0px));width:46px;height:46px;box-shadow:none;color:#ffffffeb;text-shadow:0 1px 4px #0000008c;opacity:0;background:0 0;border:none;border-radius:50%;padding:0;font-size:28px;line-height:1;transition:opacity .3s;position:fixed}#peek:hover{opacity:1}#peek:active{box-shadow:none}#peek.hidden{display:none}#miladyDlg{z-index:30;background:#140a1e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#miladyDlg.hidden{display:none}.dlgbox{text-align:center;background:linear-gradient(180deg,var(--shell1),var(--shell2));border:2px solid var(--shell-edge);width:280px;box-shadow:inset 0 2px 0 var(--shell-hi),inset 0 -3px 0 #0000002e,0 8px 24px #00000080;color:var(--ink);border-radius:16px;padding:14px 16px 16px}.dlgtitle{letter-spacing:2px;margin-bottom:8px;font-size:11px}.dlglabel{opacity:.8;margin-bottom:8px;font-size:8px}#dlgId{text-align:center;background:linear-gradient(180deg,var(--lcd1),var(--lcd2));width:120px;color:var(--lcd-ink);border:1px solid var(--shell-edge);border-radius:6px;padding:4px 6px;font-size:14px;box-shadow:inset 0 2px 3px #00000059}.linksrow{letter-spacing:1px;margin-top:4px;font-size:8px}.linksrow a{color:var(--ink)}.kbtoggle{box-shadow:none;color:var(--ink);opacity:.45;background:0 0;border:none;padding:2px 4px;font-size:12px;line-height:1}.kbtoggle:hover{opacity:.8;filter:none}.kbtoggle:active{box-shadow:none;transform:none}.dlgrow{justify-content:center;gap:8px;margin-top:12px;display:flex}.dlgrow button{padding:8px 10px;font-size:10px}#dlgRandom{color:#5e2846;background:linear-gradient(#eab0cd,#d18cb0)}#dlgCancel{color:#363b41;background:linear-gradient(#b9bec4,#969ca3)}#scan{z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,#0003 0 2px,#0000 2px 4px);display:none;position:fixed;inset:0}canvas.rainbow{animation:6s linear infinite hueSpin}@keyframes hueSpin{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@media (max-width:760px){#bigbar{bottom:calc(8px + var(--vvb,0px) + env(safe-area-inset-bottom,0px));gap:5px;padding:7px}#bigbar button{flex:1 0 auto;min-width:0;padding:9px 6px;font-size:9px}#miladyDlg .dlgbox{max-width:calc(100vw - 32px)}}@media (orientation:landscape) and (max-height:500px){#bigbar{left:calc(8px + var(--vvl,0px) + env(safe-area-inset-left,0px));flex-flow:column;justify-content:flex-start;gap:5px;width:auto;max-width:none;max-height:calc(100dvh - 16px);padding:7px;top:50%;bottom:auto;overflow-y:auto;transform:translateY(-50%)}#bigbar button{flex:none;min-width:0;padding:8px 7px;font-size:9px}#ui{left:auto;right:calc(10px + var(--vvr,0px))}#miladyDlg .dlgbox{max-width:calc(100vw - 32px)}}