/* Digital Moonlight task completion follows the printed Done box and rests until the next configured morning. */
.lc-task-face{appearance:none;-webkit-appearance:none;position:absolute;z-index:3;margin:0;padding:0;border:0;border-radius:17% / 20%;color:#F7E9A8;background:transparent;cursor:pointer;touch-action:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lc-task-face .bt-tick{position:absolute;display:grid;place-items:center;width:66%;height:67%;left:17%;top:0;opacity:0;font:900 clamp(15px,6vw,37px)/1 var(--sans);text-shadow:0 1px 7px rgba(0,0,0,.3)}
.lc-task-face.done{background:rgba(242,193,78,.12);box-shadow:inset 0 0 0 1px rgba(247,233,168,.6)}.lc-task-face.done .bt-tick{opacity:1}.lc-task-face:disabled{cursor:default}
.lc-task-toggle{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;max-width:100%;margin:8px auto 2px;padding:10px 18px;border:1px solid rgba(198,194,230,.4);border-radius:16px;color:var(--moon);background:rgba(17,21,59,.9);font:800 1rem/1.25 var(--sans);text-align:left;cursor:pointer;touch-action:manipulation}
.lc-task-toggle .bt-tick{flex:none;display:grid;place-items:center;width:27px;height:27px;border:2px solid var(--moon-soft);border-radius:7px;color:var(--gold-ink);font:900 1.25rem/1 var(--sans)}
.lc-task-toggle .bt-tick > span{visibility:hidden}.lc-task-toggle.done{border-color:rgba(242,193,78,.6);color:var(--gold)}.lc-task-toggle.done .bt-tick{background:var(--gold);border-color:var(--gold)}.lc-task-toggle.done .bt-tick > span{visibility:visible}.lc-task-toggle:disabled{opacity:.45;cursor:default}
.lc-task-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:380px){.lc-task-toggle{font-size:.92rem;padding:10px 12px}}