:root{--cs-cl-bg:#f5f7fb;--cs-cl-border:#d0d7e1;--cs-cl-bg-dark:#1f2430;--cs-cl-border-dark:#3a4150;--cs-cl-accent:#646cff;--cs-cl-accent-2:#565ef0;--cs-cl-btn-bg:#ffffff;--cs-cl-btn-bg-dark:rgba(255,255,255,0.10);--cs-cl-btn-border:#c8ced8;--cs-cl-btn-border-dark:rgba(255,255,255,0.25)}.cs-checklist{box-sizing:border-box;border:1px solid var(--cs-cl-border,#d0d7e1);border-radius:12px;padding:16px 18px;margin:1.25rem 0;background:var(--cs-cl-bg,#f5f7fb);backdrop-filter:saturate(120%)}.dark .cs-checklist{border-color:var(--cs-cl-border-dark,#3a4150);background:var(--cs-cl-bg-dark,#1f2430)}.cs-checklist__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.cs-checklist__title{font-weight:700;font-size:1rem;line-height:1.25}.cs-checklist__toggle{appearance:none;border:1px solid var(--cs-cl-btn-border);border-radius:8px;background:0 0;padding:.35rem .6rem;font-size:.85rem;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.cs-checklist__toggle:hover{transform:translateY(-1px)}.dark .cs-checklist__toggle{border-color:var(--cs-cl-btn-border-dark);color:#e6e6e6}.cs-checklist__list{list-style:none;margin:.35rem 0 .85rem;padding:0;display:grid;gap:.5rem .7rem}.cs-checklist__item{display:flex;align-items:center}.cs-checklist__cb{position:absolute;opacity:0;pointer-events:none}.cs-checklist__label{display:grid;grid-template-columns:1.3rem auto;gap:.65rem;align-items:start;cursor:pointer;user-select:none}.cs-checklist__box{width:1.2rem;height:1.2rem;border-radius:6px;border:1.5px solid rgba(0,0,0,.35);background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:inset 0 0 0 2px transparent}.dark .cs-checklist__box{background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.45)}.cs-checklist__cb:focus+.cs-checklist__label .cs-checklist__box,.cs-checklist__label:focus-visible .cs-checklist__box{outline:2px solid color-mix(in srgb,var(--cs-cl-accent) 70%,transparent);outline-offset:2px}.cs-checklist__cb:checked+.cs-checklist__label .cs-checklist__box{background:linear-gradient(180deg,var(--cs-cl-accent),var(--cs-cl-accent-2));border-color:transparent;box-shadow:0 2px 8px color-mix(in srgb,var(--cs-cl-accent) 35%,transparent)}.cs-checklist__cb:checked+.cs-checklist__label .cs-checklist__box::after{content:"✓";font-size:1rem;line-height:1;color:#fff;transform:scale(1)}.cs-checklist__text{line-height:1.5}.cs-checklist__actions{display:flex;gap:.55rem;flex-wrap:wrap}.cs-checklist__btn{appearance:none;border:1px solid var(--cs-cl-btn-border);background:var(--cs-cl-btn-bg);color:inherit;padding:.45rem .7rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.cs-checklist__btn:hover{transform:translateY(-1px)}.cs-checklist__btn:focus-visible{outline:2px solid color-mix(in srgb,var(--cs-cl-accent) 55%,transparent);outline-offset:2px}.dark .cs-checklist__btn{border-color:var(--cs-cl-btn-border-dark);background:var(--cs-cl-btn-bg-dark);color:#e7e7e7}.cs-checklist__btn--mark{border-color:color-mix(in srgb,#00a35a 35%,var(--cs-cl-btn-border))}.dark .cs-checklist__btn--mark{border-color:color-mix(in srgb,#00ff88 35%,var(--cs-cl-btn-border-dark))}