.checkbox-root{border:2px solid var(--fg-3);background:0 0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.checkbox-root[data-state=checked]{background:var(--accent);border-color:var(--accent)}.checkbox-indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.check-icon{color:#fff;width:14px;height:14px}.list-group-container{flex-direction:column;display:flex}.list-group-container .group-header-container{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.list-group-container .group-header-container:hover .group-actions{opacity:1}.list-group-container .group-header{gap:var(--space-2);padding:var(--space-2) 0;color:var(--fg-3);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;flex:1;transition:color .2s;flex-direction:row!important;align-items:center!important;display:flex!important}.list-group-container .group-header:hover{color:var(--fg-1)}.list-group-container .group-header .chevron{flex-shrink:0;transition:transform .2s}.list-group-container .group-header .chevron.rotated{transform:rotate(90deg)}.list-group-container .group-header .count{opacity:.5;font-variant-numeric:tabular-nums}.list-group-container .group-actions{opacity:.7;transition:opacity .2s}.list-group-container .btn-icon-tiny{padding:var(--space-1);color:var(--fg-3);border-radius:var(--radius-sm);transition:all .2s}.list-group-container .btn-icon-tiny:hover{background:var(--bg-2);color:var(--fg-1)}.list-group-item-stack{padding:var(--space-2) 0;flex-direction:column;width:100%;min-height:20px;list-style:none;display:flex}.list-group-item-row{background:var(--bg-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);box-sizing:border-box;width:100%;display:flex;position:relative}.list-group-item-row.done .list-group-item-name{color:var(--fg-3);text-decoration:line-through}.list-group-item-row:hover{border-color:var(--border-hover)}.list-group-drag-handle{padding:var(--space-1);opacity:.3;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);color:var(--fg-3);touch-action:none;font-size:.7rem;transition:opacity .2s}.list-group-drag-handle:hover{opacity:1}.list-group-item-name{flex:1;font-size:1rem}.list-group-btn-delete{opacity:1;font-family:var(--font-mono);color:var(--danger);padding:var(--space-1);border-radius:var(--radius-sm);border:1px solid #0000;font-size:1.5rem;line-height:1.1;transition:all .2s}.list-group-btn-delete:hover{background:var(--danger-muted);border-color:var(--danger)}#dnd-action-dragged-el{z-index:2000!important;pointer-events:none!important;opacity:.95!important;box-shadow:var(--shadow-xl)!important;border-color:var(--accent)!important;align-items:center!important;gap:var(--space-4)!important;flex-direction:row!important;transition:none!important;display:flex!important}.list-deleted-state{background:var(--bg-0);z-index:1000;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.list-deleted-state .error-box{align-items:center;gap:var(--space-4);text-align:center;max-width:400px;padding:var(--space-12);border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.list-deleted-state h2{color:var(--danger);letter-spacing:.2em;font-size:1.5rem}.list-deleted-state .mt-4{margin-top:var(--space-4)}.list-page-container .list-controls{margin-bottom:var(--space-8)}.list-page-container .items-section{gap:var(--space-8);flex-direction:column;display:flex}.list-page-container .groups-container{gap:var(--space-6);flex-direction:column;display:flex}.share-dialog-wrapper{align-items:center;gap:var(--space-6);flex-direction:column;width:100%;display:flex}.share-options{background:var(--bg-2);border-radius:var(--radius-md);border:1px solid var(--border);width:100%;padding:2px;display:flex}.share-options .option-toggle{padding:var(--space-2) var(--space-4);color:var(--fg-3);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1;font-size:.7rem;transition:all .2s}.share-options .option-toggle.active{background:var(--bg-1);color:var(--fg-1);box-shadow:var(--shadow-sm)}.share-options .option-toggle:hover:not(.active){color:var(--fg-2)}.share-link-row{width:100%}.share-dialog-footer{opacity:.4;letter-spacing:.2em;text-align:center;font-size:.65rem}
