/* Isolated styles: all colors follow the user's existing theme. */
#listsNav{border:0}#listsNav:not(.active):not(:hover){background:transparent}
#view-lists{--lists-border:color-mix(in srgb,var(--text-main) 13%,transparent);--lists-soft:color-mix(in srgb,var(--text-main) 5%,var(--bg-card));min-width:0;overflow:hidden}
.lists-sidebar{width:280px;min-width:220px;flex-shrink:0;background:color-mix(in srgb,var(--bg-sidebar) 93%,transparent);border-right:1px solid var(--lists-border);display:flex;flex-direction:column;padding:28px 16px;gap:24px;overflow:auto}
.lists-sidebar-top{display:grid;gap:20px}.lists-sidebar-top h1{font-size:23px;margin:0 8px;letter-spacing:-.5px}
.lists-button{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--lists-border);border-radius:12px;padding:12px 16px;background:var(--bg-card);color:var(--text-main);cursor:pointer;min-height:44px}
.lists-button:hover{background:var(--lists-soft)}.lists-button:disabled{opacity:.45;cursor:default}.lists-new{text-align:left;background:transparent}
.lists-primary{background:var(--accent-color);color:var(--bg-main);border-color:transparent}.lists-primary:hover{background:var(--accent-color);filter:brightness(.94)}
.lists-nav{display:flex;flex-direction:column;gap:7px}.lists-side-empty{color:var(--text-secondary);font-size:13px;padding:12px 8px}
.lists-choice{display:flex;align-items:center;gap:12px;min-height:55px;padding:13px 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-main);text-align:left;font:inherit;cursor:pointer}
.lists-choice:hover{background:var(--lists-soft)}.lists-choice[aria-current="true"]{background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-card));border-color:color-mix(in srgb,var(--accent-color) 40%,transparent)}
.lists-choice-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:600}.lists-choice-count{color:var(--text-secondary);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.lists-main{flex:1;min-width:0;overflow:auto;padding:42px clamp(24px,4vw,64px) 22px;display:flex;flex-direction:column;gap:18px;background:color-mix(in srgb,var(--bg-main) 82%,transparent)}
.lists-content{width:100%;max-width:940px;margin:0 auto;flex:1}.lists-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.lists-heading>div{min-width:0}.lists-heading h2{font-size:30px;line-height:1.25;letter-spacing:-.8px;overflow-wrap:anywhere;margin:0}.lists-sub{font-size:14px;color:var(--text-secondary);margin:12px 0 0;line-height:1.6}
.lists-progress{display:block;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;appearance:none;margin:22px 0 30px;background:var(--lists-soft)}.lists-progress::-webkit-progress-bar{background:var(--lists-soft)}.lists-progress::-webkit-progress-value{background:var(--accent-color);border-radius:10px}.lists-progress::-moz-progress-bar{background:var(--accent-color)}
.lists-add-item{display:flex;gap:10px;margin-bottom:26px;align-items:stretch}.lists-add-item input{min-width:0;flex:1;font:inherit;font-size:15px;border:1px solid var(--lists-border);background:var(--bg-card);color:var(--text-main);border-radius:12px;padding:14px 16px}.lists-add-item input::placeholder{color:var(--text-secondary);opacity:.8}
.lists-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.lists-item{display:flex;align-items:center;border:1px solid var(--lists-border);border-radius:14px;background:var(--bg-card);min-height:62px;padding:5px 9px 5px 17px;gap:9px}
.lists-check{display:flex;align-items:center;gap:15px;flex:1;min-width:0;cursor:pointer;padding:12px 0}.lists-check input{appearance:none;flex-shrink:0;width:22px;height:22px;border:1.5px solid color-mix(in srgb,var(--text-secondary) 70%,transparent);border-radius:6px;display:grid;place-content:center;cursor:pointer;background:transparent;margin:0}.lists-check input:checked{background:var(--accent-color);border-color:var(--accent-color)}.lists-check input:checked::after{content:'✓';font-size:16px;font-weight:800;color:var(--bg-main)}
.lists-item-title{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.lists-item.is-complete .lists-item-title{text-decoration:line-through;text-decoration-thickness:1px;color:var(--text-secondary)}.lists-item.is-complete{background:color-mix(in srgb,var(--accent-color) 4%,var(--bg-card))}
.lists-options{position:relative;flex-shrink:0}.lists-options summary{list-style:none;width:42px;height:42px;display:grid;place-content:center;font-size:24px;border-radius:10px;cursor:pointer;color:var(--text-secondary)}.lists-options summary::-webkit-details-marker{display:none}.lists-options summary:hover{background:var(--lists-soft);color:var(--text-main)}
.lists-menu{position:absolute;right:0;top:44px;min-width:185px;max-width:calc(100vw - 56px);padding:6px;border:1px solid var(--lists-border);background:var(--bg-modal);border-radius:12px;box-shadow:0 12px 35px #0004;z-index:30}.lists-menu-action{display:block;width:100%;text-align:left;border:0;border-radius:8px;padding:12px;color:var(--text-main);font:inherit;font-size:14px;background:transparent;cursor:pointer}.lists-menu-action:hover{background:var(--lists-soft)}.lists-menu-action.lists-danger{color:var(--accent-danger)}
.lists-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 20px;color:var(--text-secondary)}.lists-empty-mark{font-size:38px;line-height:1;margin-bottom:20px;color:var(--accent-color);opacity:.7}.lists-empty h2{font-size:22px;color:var(--text-main);margin:0 0 12px}.lists-empty p{font-size:14px;line-height:1.8;max-width:370px;margin:0 0 22px}.lists-status{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:940px;width:100%;margin:auto auto 0;line-height:1.6;padding-top:16px}.lists-status-alert{color:var(--accent-danger)}.lists-text-button{border:0;background:transparent;color:var(--accent-color);padding:8px;cursor:pointer;font:inherit;text-decoration:underline}.lists-back{display:none}.lists-edit-form{display:grid;gap:12px}.lists-edit-form .modal-actions{margin-top:12px}.lists-edit-form label{font-size:13px;color:var(--text-secondary)}
#view-lists :is(button,input,summary):focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
.lists-drag-handle{flex-shrink:0;align-self:stretch;border:0;background:transparent;color:var(--text-secondary);font-size:23px;width:26px;padding:0;cursor:grab;opacity:.65;-webkit-touch-callout:none;user-select:none}.lists-drag-handle:hover{opacity:1}.lists-item[draggable]{-webkit-touch-callout:none}.lists-dragging,.lists-dragging *{user-select:none;-webkit-user-select:none;cursor:grabbing!important}.lists-drag-source{opacity:.45;border-color:var(--accent-color);border-style:dashed}.lists-drag-ghost{position:fixed;z-index:20000;pointer-events:none;transform:translate(-50%,-100%);max-width:calc(100vw - 32px);padding:14px 20px;background:var(--bg-card);color:var(--text-main);border:1px solid var(--accent-color);box-shadow:0 12px 36px #0006;border-radius:12px;font:600 15px/1.5 inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lists-item{gap:7px;padding-left:8px}.lists-check{gap:12px}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 #view-lists{flex-direction:column}#view-lists .lists-sidebar{width:100%;min-width:0;flex:1;border-right:0;padding:24px 16px}.lists-sidebar-top{grid-template-columns:1fr auto;align-items:center}.lists-sidebar-top h1{font-size:24px}.lists-choice{min-height:66px;border-color:var(--lists-border);background:var(--bg-card)}
 #view-lists:not(.lists-detail-open) .lists-main{display:none}#view-lists.lists-detail-open .lists-sidebar{display:none}.lists-main{padding:12px 16px 26px}.lists-back{display:block;align-self:flex-start;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;padding:10px 0;cursor:pointer;min-height:44px}.lists-heading h2{font-size:27px}.lists-add-item{gap:8px}.lists-add-item input{font-size:16px;padding:13px 12px}.lists-add-item .lists-button{padding:12px}.lists-item{padding-left:13px}.lists-empty{padding:32px 10px}.lists-progress{margin:18px 0 24px}
}

/* Title rows use the same grip and actions as their checklist items. */
.lists-group-row{display:flex;align-items:center;gap:2px;border:1px solid transparent;border-radius:12px;padding:3px;background:transparent;min-width:0;-webkit-touch-callout:none}
.lists-group-row.is-selected{background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-card));border-color:color-mix(in srgb,var(--accent-color) 40%,transparent)}
.lists-group-row .lists-choice{flex:1;min-width:0;padding:10px 3px;border:0;background:transparent;flex-wrap:wrap;gap:4px}.lists-group-row .lists-choice-title{flex-basis:100%}.lists-group-row .lists-choice-count{font-size:11px}
.lists-group-row .lists-drag-handle{width:22px;min-height:44px;font-size:21px}.lists-group-row .lists-options summary{width:32px}.lists-group-row .lists-menu{right:0}.lists-group-row:has(details[open]){position:relative;z-index:40}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){.lists-group-row{border-color:var(--lists-border);background:var(--bg-card);padding:4px 8px}.lists-group-row .lists-choice{padding:9px 7px}.lists-group-row .lists-options summary{width:42px}.lists-group-row .lists-drag-handle{width:30px}}