.react-todo-full-wrapper{border:1px solid var(--demo-border, rgba(255,255,255,.08));border-radius:.75rem;overflow:hidden;margin:1.5rem 0;background:var(--demo-bg, #0c0c0f)}.react-todo-full-chrome{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--demo-chrome-bg, #18181b);border-bottom:1px solid var(--demo-border, rgba(255,255,255,.08))}.react-todo-full-dots{display:flex;gap:.375rem}.rtf-dot{width:.5rem;height:.5rem;border-radius:50%}.rtf-red{background:#ef444499}.rtf-yellow{background:#eab30899}.rtf-green{background:#22c55e99}.react-todo-full-filename{font-size:.6875rem;font-family:Geist Mono,monospace;color:var(--demo-text-muted, #71717a);margin-right:auto}.react-todo-full-label{font-size:.5625rem;font-weight:700;color:var(--demo-text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.05em}.react-todo-full-badge{font-size:.5625rem;font-weight:700;color:#f472b6;background:#ec48991a;padding:.125rem .5rem;border-radius:9999px}.react-todo-full-app{padding:1.5rem}.react-todo-full-inner{max-width:420px;margin:0 auto}.react-todo-full-header{margin-bottom:1rem}.react-todo-full-title{font-size:1.25rem;font-weight:700;color:var(--demo-text, #fafafa);margin:0}.react-todo-full-subtitle{font-size:.75rem;color:var(--demo-text-muted, #71717a);margin:.25rem 0 0}.react-todo-full-form{display:flex;gap:.5rem;margin-bottom:.75rem}.react-todo-full-input{flex:1;padding:.625rem .875rem;border-radius:.5rem;border:1.5px solid rgba(255,255,255,.1);background:var(--demo-bg-surface, rgba(255,255,255,.02));color:var(--demo-text, #fafafa);font-size:.875rem;outline:none;font-family:inherit;transition:border-color .15s ease}.react-todo-full-input:focus{border-color:#ec4899}.react-todo-full-input::placeholder{color:var(--demo-text-faint, #52525b)}.react-todo-full-add-btn{padding:.625rem 1.25rem;border-radius:.5rem;border:none;font-weight:600;font-size:.875rem;cursor:pointer;font-family:inherit;background:#ec4899;color:#fff;transition:background .15s ease}.react-todo-full-add-btn:hover{background:#db2777}.react-todo-full-filters{display:flex;gap:.25rem;margin-bottom:.75rem}.rtf-filter-btn{padding:.5rem .75rem;border-radius:9999px;border:1px solid var(--demo-border, rgba(255,255,255,.08));background:none;color:var(--demo-text-muted, #71717a);font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s ease,background .15s ease,border-color .15s ease}.rtf-filter-btn:hover{color:var(--demo-text-secondary, #a1a1aa);border-color:var(--demo-border-hover, rgba(255,255,255,.15))}.rtf-filter-btn.active{color:#f472b6;background:#ec48991a;border-color:#ec489933}.react-todo-full-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem;max-height:220px;overflow-y:auto}.rtf-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;background:var(--demo-bg-surface, rgba(255,255,255,.02));border:1px solid var(--demo-border, rgba(255,255,255,.08));transition:background .15s ease;animation:rtf-slide-in .2s ease-out}@keyframes rtf-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rtf-item:hover{background:var(--demo-bg-hover, rgba(255,255,255,.05))}.rtf-checkbox{width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.rtf-checkbox.checked{border-color:#34d399;background:#34d399}.rtf-checkbox svg{width:.625rem;height:.625rem;color:#0c0c0f;display:none}.rtf-checkbox.checked svg{display:block}.rtf-text{flex:1;font-size:.875rem;color:#d4d4d8;transition:color .15s ease}.rtf-text.completed{text-decoration:line-through;color:var(--demo-text-faint, #52525b)}.rtf-delete{width:1.75rem;height:1.75rem;border-radius:.375rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;background:transparent;color:#f87171;transition:opacity .15s ease,background .15s ease}.rtf-item:hover .rtf-delete{opacity:1}.rtf-delete:hover{background:#f871711a}.rtf-delete svg{width:.875rem;height:.875rem}.react-todo-full-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--demo-border, rgba(255,255,255,.08));font-size:.75rem;color:var(--demo-text-faint, #52525b)}.rtf-clear-btn{background:none;border:none;color:var(--demo-text-muted, #71717a);font-size:.75rem;cursor:pointer;font-family:inherit;text-decoration:underline;transition:color .15s ease}.rtf-clear-btn:hover{color:#f87171}.react-todo-full-empty{text-align:center;padding:2rem 1rem;color:var(--demo-text-faint, #52525b);font-size:.875rem}@media(max-width:480px){.react-todo-full-filters{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.react-todo-full-wrapper *{animation-duration:.01ms!important;transition-duration:.01ms!important}}