.chc{cursor:pointer;text-align:left;width:158px;font:inherit;background:0 0;border:none;flex-direction:column;flex:none;gap:9px;padding:0;display:flex}.chc-art{aspect-ratio:3/4;isolation:isolate;border-radius:12px;transition:box-shadow .22s,transform .22s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden;box-shadow:0 1px #0000000a}.chc:hover .chc-art{transform:translateY(-2px);box-shadow:0 10px 26px -12px #00000059}.chc:active .chc-art{transition-duration:90ms;transform:translateY(0)scale(.985)}.chc:focus-visible{outline:none}.chc:focus-visible .chc-art{outline:2px solid var(--accent-ink);outline-offset:2px}.chc-word{text-align:center;letter-spacing:.02em;color:#fffffff0;text-shadow:0 1px 12px #0000002e;z-index:1;justify-content:center;align-items:center;padding:0 12px;font-size:15px;font-weight:800;display:flex;position:absolute;inset:0}.chc-ring{aspect-ratio:1;z-index:0;border:1.5px solid #ffffff29;border-radius:50%;width:128%;position:absolute;top:-20%;right:-34%}.chc-stack{z-index:2;font-family:var(--mono);letter-spacing:.04em;color:var(--ink);background:#ffffffeb;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:8.5px;display:inline-flex;position:absolute;top:7px;left:7px}.chc-stack svg{stroke:var(--ink)}.chc-ribbon{z-index:2;background:var(--accent);color:#fff;font-family:var(--mono);letter-spacing:.07em;border-radius:0 4px 4px 0;padding:3px 9px;font-size:8.5px;position:absolute;top:40px;left:0}.chc-days{z-index:2;color:#fff;font-family:var(--mono);letter-spacing:.03em;background:#141414d1;border-radius:4px;padding:2px 7px;font-size:9px;position:absolute;bottom:9px;right:7px}.chc-prog{z-index:2;background:#ffffff59;height:4px;position:absolute;bottom:0;left:0;right:0}.chc-prog i{background:var(--accent);height:100%;display:block}.chc-body{align-items:flex-start;gap:8px;display:flex}.chc-txt{flex:1;min-width:0}.chc-name{letter-spacing:-.01em;color:var(--ink);font-size:12.5px;font-weight:700;line-height:1.22}.chc-state{color:var(--ink-2);margin-top:3px;font-size:10.5px}.chc-state.done{color:var(--accent-2);font-weight:600}.chc-save{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:border-color .14s,background .14s,transform .12s;display:flex}.chc-save svg{stroke:var(--ink-2)}.chc-save:hover{border-color:var(--accent)}.chc-save:active{transform:scale(.88)}.chc-save.on{background:var(--accent);border-color:var(--accent)}.chc-save.on svg{stroke:#fff}.chc-save:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chc-art,.chc-save{transition:none}.chc:hover .chc-art,.chc:active .chc-art{transform:none}}