*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;color:#1a1a1a;background-color:#f5f5f5}#root{min-height:100vh}.app-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:24px}.app-content{max-width:600px;margin:0 auto}.app-header{text-align:center;margin-bottom:32px}.app-header h1{font-size:36px;font-weight:700;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.5px}.app-header p{font-size:16px;color:#64748b;font-weight:400}.loading{text-align:center;padding:48px;color:#64748b;font-size:18px}.all-checked-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 20px;border-radius:12px;text-align:center;font-weight:600;margin-bottom:24px;box-shadow:0 4px 12px #10b98140}.checklist{margin-bottom:24px}.checklist-item-wrapper{position:relative;margin-bottom:12px}.delete-btn{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:24px;line-height:1;cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef44444d}.checklist-item-wrapper:hover .delete-btn{opacity:1;right:-16px}.delete-btn:hover{background:#dc2626;transform:translateY(-50%) scale(1.1)}.delete-btn:active{transform:translateY(-50%) scale(.95)}.empty-state{text-align:center;padding:48px 24px;color:#94a3b8;font-size:16px}.add-item-form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.add-item-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;margin-bottom:12px;transition:border-color .2s ease}.add-item-input:focus{outline:none;border-color:#64748b}.add-item-actions{display:flex;gap:8px;justify-content:flex-end}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#475569,#334155);color:#fff;box-shadow:0 2px 8px #4755694d}.btn-primary:hover{box-shadow:0 4px 12px #47556966;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-add{width:100%;background:#fff;color:#64748b;border:2px dashed #cbd5e1;padding:14px;font-size:16px;margin-bottom:12px}.btn-add:hover{border-color:#64748b;background:#f8fafc}.btn-reset{width:100%;background:#f1f5f9;color:#475569;padding:12px;font-size:15px}.btn-reset:hover{background:#e2e8f0}@media (max-width: 640px){.app-container{padding:16px}.app-header h1{font-size:28px}.app-header p{font-size:14px}}.slide-switch{position:relative;width:56px;height:32px;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.slide-switch-track{position:relative;width:100%;height:100%;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-switch.unchecked .slide-switch-track{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.slide-switch.checked .slide-switch-track{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.slide-switch-thumb{position:absolute;top:3px;width:26px;height:26px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.slide-switch.unchecked .slide-switch-thumb{left:3px}.slide-switch.checked .slide-switch-thumb{left:27px}.slide-switch:hover .slide-switch-track{transform:scale(1.05)}.slide-switch:active .slide-switch-track{transform:scale(.98)}