html.dm-open,html.dm-open body{overscroll-behavior:none;overflow:hidden}html.dm-open{scrollbar-gutter:auto}.dm-dialog{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.dm-dialog::backdrop{background:#e9e4e7}html body .dm-dialog:focus,html body .dm-dialog:focus-visible{outline:none}.dm-root{z-index:1000;color:var(--ink,#2f2328);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-text,system-ui, sans-serif);background:#e9e4e7;position:fixed;inset:0}.dm-root:fullscreen{width:100%;height:100%}html body .dm-root:focus,html body .dm-root:focus-visible{outline:none}.dm-root.dm-trace{background:#fff}.dm-stage{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.dm-stage:active{cursor:grabbing}.dm-locked .dm-stage{cursor:default}.dm-box{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.dm-box picture{width:100%;height:100%;display:block}.dm-img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;width:100%;max-width:none;height:100%;display:block;box-shadow:0 2px 14px #2f232824}.dm-trace .dm-img{box-shadow:none}.dm-pixel{image-rendering:pixelated}.dm-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dm-grid line,.dm-grid rect{vector-effect:non-scaling-stroke}.dm-grid-frame{fill:none;stroke:#a3337f;stroke-width:1.5px}.dm-grid-halo line{stroke:#fffffff2;stroke-width:3.5px}.dm-grid-line line{stroke:#a3337f;stroke-width:1.5px}.dm-root{--dm-pad:max(8px, env(safe-area-inset-bottom));--dm-bar-h:66px;--dm-rise:32px;--dm-cradle:72px;--dm-disc:60px;--dm-slot:64px}@media (max-height:500px){.dm-root{--dm-bar-h:58px;--dm-rise:28px;--dm-cradle:64px;--dm-disc:54px}}@media (max-width:359.98px){.dm-root{--dm-rise:28px;--dm-cradle:64px;--dm-disc:54px;--dm-slot:60px}}.dm-btn{border:1px solid var(--line,#ece4e8);min-width:44px;height:44px;color:var(--ink,#2f2328);font:700 14px/1 var(--font-ui,system-ui, sans-serif);cursor:pointer;pointer-events:auto;background:#fffffff5;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex;position:relative;box-shadow:0 2px 10px #2f23281f}.dm-btn:hover{color:var(--accent,#a3337f);background:#fff}.dm-btn .ico{width:22px;height:22px}.dm-btn-text{display:none}@media (min-width:400px){.dm-exit{padding:0 16px 0 12px}.dm-btn-text{display:inline}}.dm-top{left:8px;right:8px;top:max(8px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute}.dm-zoom{border:1px solid var(--line,#ece4e8);pointer-events:auto;background:#fffffff5;border-radius:999px;align-items:center;gap:2px;padding:0 2px;display:flex;box-shadow:0 2px 10px #2f23281f}.dm-zoom .dm-btn{box-shadow:none;background:0 0;border:0}.dm-zoom .dm-btn:hover{background:var(--accent-soft,#f8e8f2)}.dm-bar{left:50%;bottom:var(--dm-pad);pointer-events:none;z-index:2;width:min(100% - 16px,640px);position:absolute;transform:translate(-50%)}.dm-tools{grid-template-columns:minmax(0, 1fr) var(--dm-slot) minmax(0, 1fr);height:var(--dm-bar-h);box-sizing:border-box;border:1px solid var(--line,#ece4e8);pointer-events:auto;background:#fff;border-radius:20px;align-items:stretch;padding:4px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 4px 18px #2f232829}.dm-side{align-items:stretch;gap:2px;min-width:0;display:flex}.dm-tool{min-width:min-content;color:var(--ink-2,#6c5f66);cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:4px 2px;display:flex}.dm-tool,.dm-lock{font:700 10px/1.1 var(--font-ui,system-ui, sans-serif)}.dm-tool .ico{width:22px;height:22px}@media (hover:hover){.dm-tool:hover{background:var(--sunk,#f3eef0);color:var(--ink,#2f2328)}}.dm-tool[aria-pressed=true]{background:var(--accent-soft,#f8e8f2);color:var(--accent,#a3337f)}.dm-tool-text{white-space:nowrap;display:block}.dm-stack{justify-items:center;display:grid}.dm-stack>*{grid-area:1/1}.dm-off{visibility:hidden}.dm-time{font-variant-numeric:tabular-nums}@media (max-width:429.98px){.dm-side{gap:0}.dm-tool{flex:auto}}@media (min-width:360px) and (max-width:429.98px){.dm-tool .dm-tool-text{text-align:center;min-width:40px}}@media (max-width:389.98px){.dm-tool,.dm-lock{font-size:9px}}@media (max-width:359.98px){.dm-bar{width:calc(100% - 8px)}.dm-tools{padding:4px 2px}.dm-tool{padding:4px 1px}.dm-tool,.dm-lock{letter-spacing:-.01em;font-size:8.5px}}@media (min-width:600px){.dm-tool,.dm-lock{font-size:11.5px}}.dm-lock{color:var(--ink-2,#6c5f66);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 0;display:flex;position:relative}.dm-ico-space{width:22px;height:22px;display:block}.dm-lock .dm-tool-text{z-index:1;position:relative}.dm-cradle{left:50%;top:calc(-1 * (var(--dm-rise) + 5px));width:var(--dm-cradle);height:var(--dm-cradle);margin-left:calc(var(--dm-cradle) / -2);background:#fff;border-radius:50%;transition:box-shadow .2s;position:absolute;box-shadow:0 -5px 12px -6px #2f232842}.dm-cradle:before{content:"";border:1px solid var(--line,#ece4e8);clip-path:inset(0 0 calc(100% - var(--dm-rise) - 2px) 0);pointer-events:none;border-radius:50%;position:absolute;inset:-1px}.dm-disc{inset:calc((var(--dm-cradle) - var(--dm-disc)) / 2);background:var(--accent,#a3337f);color:#fff;border-radius:50%;place-items:center;transition:background-color .15s,transform .15s;display:grid;position:absolute;box-shadow:0 4px 12px #a3337f57,inset 0 1px #ffffff2e}.dm-disc .ico{width:26px;height:26px}@media (hover:hover){.dm-lock:hover .dm-disc{background:var(--accent-hover,#8e2a6e)}.dm-lock:hover{color:var(--ink,#2f2328)}}.dm-lock:active .dm-disc{transform:scale(.95)}.dm-lock[aria-pressed=true]{color:var(--accent,#a3337f)}html body .dm-lock:focus-visible{outline:none}html body .dm-lock:focus-visible .dm-cradle{outline:3px solid var(--focus,#7a4cc2);outline-offset:-4px}.dm-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.dm-ring circle,.dm-tring circle{fill:none;stroke:var(--accent,#a3337f);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0}.dm-locked .dm-tools{box-shadow:none;pointer-events:none;background:0 0;border-color:#0000}.dm-locked .dm-lock{pointer-events:none}.dm-locked .dm-lock .dm-tool-text{visibility:hidden}.dm-locked .dm-cradle{pointer-events:auto;cursor:pointer;box-shadow:0 4px 16px #2f232833}.dm-locked .dm-cradle:before{display:none}.dm-ico-wrap{width:22px;height:22px;display:block;position:relative}.dm-ico-wrap .ico{display:block}.dm-badge{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-4px}.dm-timer-run .dm-badge{background:var(--accent,#a3337f);border-color:var(--accent-soft,#f8e8f2);animation:1.4s ease-in-out infinite dm-pulse}.dm-timer-paused .dm-badge{background:var(--ink-2,#6c5f66);width:12px;height:12px;top:-3px;right:-5px}.dm-timer-paused .dm-badge:before{content:"";border-left:1.6px solid #fff;border-right:1.6px solid #fff;position:absolute;inset:2px}.dm-timer-paused .dm-tool-text{color:var(--ink,#2f2328)}.dm-tring{pointer-events:none;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%;overflow:visible;transform:rotate(-90deg)}.dm-tring circle{stroke-width:2.6px}.dm-timer.dm-holding .dm-badge{opacity:0}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.dm-timer-run .dm-badge,.dm-time-pill-run .dm-pill-dot{animation:none}}.dm-time-pill{height:30px;margin:calc(-1 * (var(--dm-rise) + 5px) + (var(--dm-cradle) - 30px) / 2) 0 0 6px;font:700 13px/1 var(--font-ui,system-ui, sans-serif);color:var(--ink-2,#6c5f66);pointer-events:none;white-space:nowrap;background:#fffffff0;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:0 12px 0 10px;display:inline-flex;box-shadow:0 2px 10px #2f232824}.dm-pill-dot{background:var(--ink-3,#8c7f87);border-radius:50%;width:8px;height:8px}.dm-time-pill-run{color:var(--ink,#2f2328)}.dm-time-pill-run .dm-pill-dot{background:var(--accent,#a3337f);animation:1.4s ease-in-out infinite dm-pulse}.dm-opacity{left:50%;bottom:calc(var(--dm-pad) + var(--dm-bar-h) + var(--dm-rise) + 10px);z-index:2;box-sizing:border-box;border:1px solid var(--line,#ece4e8);max-width:calc(100% - 16px);min-height:44px;font:700 12px var(--font-ui,system-ui, sans-serif);color:var(--ink-2,#6c5f66);pointer-events:auto;background:#fffffff7;border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 10px #2f23281f}.dm-opacity span{white-space:nowrap}.dm-opacity input{width:min(46vw,180px);min-width:80px;accent-color:var(--accent,#a3337f);flex:auto;height:32px;margin:0}@media (min-width:760px),(max-height:500px) and (min-width:640px){.dm-opacity{bottom:auto;top:max(8px, env(safe-area-inset-top))}}@media (max-height:500px) and (min-width:640px) and (max-width:759.98px){.dm-opacity input{width:min(22vw,140px)}}.dm-hint{left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 54px);color:#fff;text-align:center;opacity:0;pointer-events:none;z-index:3;background:#2f2328eb;border-radius:14px;width:max-content;max-width:min(100% - 24px,520px);padding:10px 16px;font-size:14px;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,-6px)}.dm-hint-show{opacity:1;transform:translate(-50%)}.dm-hint:empty{padding:0}.dm-hint-bar{top:auto;bottom:calc(var(--dm-pad) + var(--dm-bar-h) + var(--dm-rise) + 12px);transform:translate(-50%,6px)}.dm-hint-bar.dm-hint-show{transform:translate(-50%)}.dm-grid-on .dm-hint-bar{bottom:calc(var(--dm-pad) + var(--dm-bar-h) + var(--dm-rise) + 10px + 44px + 10px)}@media (min-width:760px),(max-height:500px) and (min-width:640px){.dm-grid-on .dm-hint-bar{bottom:calc(var(--dm-pad) + var(--dm-bar-h) + var(--dm-rise) + 12px)}}.dm-locked .dm-hint{top:auto;bottom:calc(var(--dm-pad) + var(--dm-bar-h) + var(--dm-rise) + 12px);padding:8px 14px;font-size:13px;line-height:1.35;transform:translate(-50%,6px)}.dm-locked .dm-hint-show{transform:translate(-50%)}