*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:1rem}.lists{margin-top:2rem}.list{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}form{display:flex;gap:.5rem;margin:1rem 0}input{border:1px solid #ddd;border-radius:4px;flex-grow:1;padding:.5rem}button{background:#007bff;padding:.5rem 1rem}button:hover{background:#0056b3}ul{list-style:none;margin-top:1rem}li{cursor:pointer;padding:.5rem}li:hover{background:#f8f9fa}h1{margin-bottom:1rem}h2{margin-bottom:.5rem}.tabs{border-bottom:1px solid #ddd;margin:2rem 0;padding-bottom:1px}.tab,.tabs{display:flex;gap:.5rem}.tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:inherit;margin-bottom:-2px;padding:.75rem 1.25rem;position:relative;touch-action:none;transition:all .2s ease}.tab .drag-handle{color:#aaa;cursor:grab;margin-left:-.5rem;margin-right:.25rem;padding:.25rem;touch-action:none}.tab .drag-handle:active{cursor:grabbing}.tab.dragging{background:#f8f9fa;box-shadow:0 2px 8px #0000001a;opacity:.8;z-index:1}.tab.active{background:#007bff;border-color:#007bff;color:#fff}.tab-content{padding:1rem 0}.new-list-form{margin-bottom:2rem}.items-list{list-style:none;margin:0;min-height:100%;padding:0;position:relative}.list-item{background:#fff;border:1px solid #eee;border-radius:4px;cursor:grab;margin-bottom:.5rem;padding:0;touch-action:none}.item-content{align-items:stretch;cursor:pointer;display:flex;min-height:24px;padding:.75rem;width:100%}.item-content-inner{align-items:center;display:flex;justify-content:space-between;width:100%}.item-name{flex:1 1;line-height:24px}.list-item:active{cursor:grabbing}.list-item.dragging{background:#f8f9fa;box-shadow:0 2px 8px #0000001a;opacity:.9;z-index:1}.action-buttons{height:100%;padding-right:.5rem;position:absolute;right:0;top:0}.action-buttons,.delete-button{align-items:center;display:flex}.delete-button{background:#f44;border:none;color:#fff;cursor:pointer;font-size:.9rem;height:calc(100% + 1.5rem);justify-content:center;margin:-.75rem -.75rem -.75rem 0;padding:0 1.5rem}.delete-button:hover{background:#c00}.delete-confirm-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;left:50%;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.delete-confirm-modal p{color:#333;margin:0 0 1rem}.delete-confirm-actions{display:flex;gap:1rem;justify-content:center}.delete-confirm-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1.5rem}.delete-confirm-actions button:first-child{background:#f44;color:#fff}.delete-confirm-actions button:last-child{background:#f8f9fa;border:1px solid #dee2e6}.item-hint{color:#999;font-size:.8em;margin-left:auto}.list-item:hover{background:#f8f9fa}.list-item.selected{background:#e3f2fd;border-color:#90caf9}.list-item.delete-confirm{background:#fee;border-color:#fcc}.delete-hint{color:#e33;font-size:.8em;font-weight:500;margin-left:auto}@media (hover:none){.list-item{user-select:none;-webkit-user-select:none}}.delete-confirm p{margin-bottom:1rem}.delete-actions{display:flex;gap:1rem;justify-content:center}.delete-actions button{min-width:80px}.delete-actions button:last-child{background:#dc3545}.delete-actions button:last-child:hover{background:#c82333}.list-item.editing{background:#fff;border-color:#90caf9;box-shadow:0 0 0 2px #90caf9}.edit-form{background:#1976d20d;border-radius:4px;flex:1 1;margin:-.75rem;padding:.75rem}.delete-item{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;opacity:0;padding:0;transition:opacity .2s ease;width:24px}.selected .delete-item{opacity:1}.delete-item:hover{background:#0000000d;color:#666}.edit-input{background:#0000;border:none;border-bottom:2px solid #1976d2;color:inherit;font-family:inherit;font-size:inherit;height:24px;line-height:24px;margin:0;padding:0;transition:border-color .2s ease;width:100%}.edit-input:focus{border-bottom-color:#2196f3;outline:none}.list-item.dragging .edit-form{background:#0000}.instructions-modal{background:#00000008;border:1px solid #0000001a;border-radius:12px;bottom:20px;box-shadow:0 2px 8px #0000000d;color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:12px;left:50%;margin-bottom:env(safe-area-inset-bottom,20px);max-width:90%;padding:16px 24px;position:fixed;transform:translateX(-50%);width:320px;z-index:1000}.instruction-item{align-items:center;display:flex;gap:12px}.instruction-icon{font-size:1.1rem;min-width:24px}.close-instructions,.instruction-icon{align-items:center;display:flex;justify-content:center}.close-instructions{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:1.2rem;height:24px;padding:0;position:absolute;right:8px;top:8px;width:24px}.close-instructions:hover{background:#0000000d}.show-instructions-button{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:20px;bottom:calc(env(safe-area-inset-bottom, 20px) + 20px);box-shadow:0 2px 8px #0000000d;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:fixed;right:20px;width:40px;z-index:1000}.show-instructions-button:hover{background:#f8f9fa}@media (hover:none){.instructions-modal{bottom:calc(env(safe-area-inset-bottom, 20px) + 60px)}.show-instructions-button{bottom:env(safe-area-inset-bottom,20px)}}.item-hint{display:none}.list-edit-form{flex:1 1}.list-edit-input{background:#0000}.list-edit-input:focus{background:#ffffffe6}.list-name{border-radius:4px;cursor:pointer;flex:1 1;padding:.25rem}.list-tab{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.list-tab.active{background:#e3f2fd;border-color:#90caf9}.lists-tabs{border-bottom:2px solid #dee2e6;display:flex;flex-wrap:wrap;gap:0;margin:1rem -1rem;padding:0 1rem;position:relative}.tab:hover{background:#00000008;color:#333}.tab.active{background:#0000;border-bottom-color:#1976d2;color:#1976d2}.tab:not(:last-child):after{background:#dee2e6;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.list-name{margin:0;padding:0}.list-edit-form{margin:-.25rem 0}.list-edit-input{background:#ffffffe6;border:none;border-radius:4px;color:inherit;font-family:inherit;font-size:inherit;padding:.25rem;width:100%}.list-edit-input:focus{box-shadow:0 0 0 2px #1976d233;outline:none}.delete-list{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;margin-left:.25rem;padding:0;width:20px}.delete-list:hover{background:#0000000d;color:#666}.new-list-tab{color:#1976d2;font-size:1.5rem;font-weight:300;line-height:1;padding:.75rem 1rem}.new-list-tab:hover{background:#1976d20d;color:#1565c0}.new-item{background:#0000;border:none;border-radius:4px;color:#1976d2;cursor:pointer!important;opacity:.8;transition:all .2s ease}.new-item:hover{background:#1976d20d;opacity:1}.new-item .item-content{justify-content:center}.add-icon{font-size:1.5rem;font-weight:300;line-height:1;margin-right:.5rem}.new-item .item-name{align-items:center;display:flex;justify-content:center}.App{margin:0 auto;max-width:800px;padding:20px}.create-list-form{margin-bottom:20px}.shopping-list{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:15px}.list-header{align-items:center;display:flex;justify-content:space-between}.list-header,form{margin-bottom:15px}input{margin-right:10px;padding:8px}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}button:hover{background-color:#0056b3}ul{list-style-type:none;padding:0}li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}li button{background-color:#dc3545}li button:hover{background-color:#c82333}
/*# sourceMappingURL=main.0de60476.css.map*/