.pad-ring{--pad-r: 16px;position:fixed;left:0;top:0;width:0;height:0;box-sizing:border-box;pointer-events:none;z-index:2147483000;display:none;border-radius:var(--pad-r);border:6px solid #9b7bff;box-shadow:0 0 0 3px #fff,0 0 0 7px #1d1b2e8c,0 6px 18px #1d1b2e59;transition:transform .14s cubic-bezier(.3,1.4,.5,1),width .14s ease,height .14s ease}html[data-pad=on] .pad-ring.show{display:block}.pad-ring-badge{position:absolute;right:-16px;bottom:-16px;line-height:0;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.pad-ring-badge:empty{display:none}html[data-pad] .pad-ring.press{animation:pad-press .22s ease}html[data-pad] .pad-ring.bump{animation:pad-bump .26s ease}@keyframes pad-press{40%{scale:.94}}@keyframes pad-bump{25%{translate:-4px 0}75%{translate:4px 0}}html[data-pad=on] .pad-focused{outline:none!important}html[data-band=early] .pad-ring{border:9px solid #ffc93c;box-shadow:0 0 0 3px #3b2a24,inset 0 0 0 3px #3b2a24,inset 0 4px 0 6px #ffffff73,0 8px #3b2a2447,0 10px 22px #3b2a2440;animation:pad-clay 1.6s ease-in-out infinite}@keyframes pad-clay{50%{scale:1.025}}html[data-band=developer] .pad-ring{--pad-r: 0px;border-radius:0;border:6px solid #ffcf3a;box-shadow:0 0 0 4px #1d1b2e,inset 0 0 0 3px #1d1b2e,6px 6px 0 4px #1d1b2e;transition-timing-function:steps(3,end)}html[data-band=developer] .pad-ring:before{content:"";position:absolute;inset:-16px;background:linear-gradient(#a6ff4d 0 0) 0 0 / 10px 10px no-repeat,linear-gradient(#a6ff4d 0 0) 100% 0 / 10px 10px no-repeat,linear-gradient(#a6ff4d 0 0) 0 100% / 10px 10px no-repeat,linear-gradient(#a6ff4d 0 0) 100% 100% / 10px 10px no-repeat;animation:pad-blink 1s steps(2,jump-none) infinite}@keyframes pad-blink{50%{opacity:0}}html[data-band=tween] .pad-ring{border:5px solid #ff2e88;box-shadow:0 0 0 3px #0c0c0e,0 0 14px 6px #ff2e888c,0 0 30px 12px #ffd40040}html[data-band=tween] .pad-ring:before{content:"";position:absolute;inset:-9px -7px -6px -10px;border:3px solid #ffd400;border-radius:calc(var(--pad-r) + 6px);rotate:-1.2deg;opacity:.9}.pad-home-meter{--k: 0;position:fixed;left:50%;bottom:22px;width:64px;height:64px;margin-left:-32px;border-radius:50%;pointer-events:none;z-index:2147483001;display:none;background:radial-gradient(closest-side,#fff 72%,transparent 73%),conic-gradient(#ff5a4e calc(var(--k) * 360deg),#1d1b2e33 0);box-shadow:0 4px 14px #00000040}.pad-home-meter:after{content:"";position:absolute;inset:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8 23 24 9l16 14' fill='none' stroke='%233b2a24' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 21.5V38a2 2 0 0 0 2 2h19a2 2 0 0 0 2-2V21.5L24 11.5z' fill='%23ff5a4e'/%3E%3C/svg%3E") center / contain no-repeat}.pad-home-meter.on{display:block}@media(prefers-reduced-motion:reduce){.pad-ring,html[data-band] .pad-ring{transition:none;animation:none}.pad-ring:before{animation:none!important}}.pad-kb{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));translate:-50% 0;width:min(760px,calc(100vw - 24px));box-sizing:border-box;z-index:2147482990;padding:14px;border-radius:22px;background:var(--white, #fff);color:var(--color-text, #1d1b2e);box-shadow:0 0 0 3px #1d1b2e1f,0 18px 48px #1d1b2e59;font-family:var(--font-heading, system-ui, sans-serif)}.pad-kb-preview{min-height:52px;margin-bottom:12px;padding:8px 16px;border-radius:14px;background:var(--purple-50, #f4f0ff);font-size:clamp(22px,5vw,32px);font-weight:700;line-height:36px;letter-spacing:.04em;overflow-wrap:anywhere}.pad-kb-preview:after{content:"▏";animation:pad-blink 1s steps(2,jump-none) infinite}.pad-kb-preview.empty{color:var(--slate-400, #9a98ab)}.pad-kb-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.pad-kb-key{min-height:52px;border:0;border-radius:12px;background:var(--slate-100, #eeedf4);color:inherit;font:inherit;font-size:24px;font-weight:700;box-shadow:0 3px #1d1b2e2e;cursor:pointer}.pad-kb-key.num{background:var(--yellow-100, #fff3c4)}.pad-kb-row{grid-column:1 / -1;display:flex;gap:8px}.pad-kb-key.wide{flex:1;font-size:20px}.pad-kb-key.done{background:var(--purple-500, #7a5cff);color:#fff}html[data-band=developer] .pad-kb,html[data-band=developer] .pad-kb-key,html[data-band=developer] .pad-kb-preview{border-radius:0}@media(max-width:480px){.pad-kb-keys{grid-template-columns:repeat(7,1fr);gap:6px}.pad-kb-key{min-height:46px;font-size:20px}}.pad-date{width:min(460px,calc(100vw - 24px))}.pad-date-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.pad-date-col{display:grid;gap:8px}.pad-date>.pad-kb-key.done{width:100%}