@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500&family=Roboto:wght@300;400;500&display=swap";:root{--primary-color: #1a73e8;--danger-color: #d93025;--text-primary: #202124;--text-secondary: #5f6368;--border-color: #dadce0;--hover-bg: #f1f3f4;--completed-color: #80868b;--shadow-color: rgba(0, 0, 0, .1);--background-color: #f6f6f6;--card-background: white}.bibi-mode{--primary-color: #ff8fab;--danger-color: #ff4d6d;--text-primary: #594a4e;--text-secondary: #8e7d82;--border-color: #ffc2d1;--hover-bg: #ffedf2;--completed-color: #c3979e;--shadow-color: rgba(255, 143, 171, .1);--background-color: #fff0f3;--card-background: #fffafa}body{margin:0;background-color:var(--background-color);color:var(--text-primary);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .3s ease}.app-container{min-height:100vh;display:flex;justify-content:center;padding:20px}.shopping-list{width:100%;max-width:600px;background:var(--card-background);border-radius:8px;box-shadow:0 1px 3px var(--shadow-color);overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.app-header h1{margin:0;font-family:Google Sans,sans-serif;font-size:1.375rem;font-weight:400;color:var(--text-primary)}.add-item-form{padding:8px 20px;border-bottom:1px solid var(--border-color)}.input-with-icon{position:relative;display:flex;align-items:center}.add-icon{position:absolute;left:12px;color:var(--primary-color);font-size:1.25rem;font-weight:500}.add-item-input{width:100%;padding:12px 12px 12px 36px;border:none;border-radius:4px;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-primary);background:transparent;-webkit-autofill:none;-webkit-text-fill-color:var(--text-primary)}.add-item-input:-webkit-autofill,.add-item-input:-webkit-autofill:hover,.add-item-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out 0s}.add-item-input:focus{outline:none;background-color:var(--hover-bg)}.add-item-input::placeholder{color:var(--text-secondary)}.items-list{list-style:none;margin:0;padding:8px 0}.item{padding:0 20px;height:48px;transition:background-color .2s}.item:hover{background-color:var(--hover-bg)}.item-label{display:flex;align-items:center;height:100%;cursor:pointer}.checkbox-wrapper{position:relative;width:18px;height:18px;margin-right:16px}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:absolute;top:0;left:0;height:18px;width:18px;border:2px solid var(--text-secondary);border-radius:2px;transition:all .2s}.checkbox-wrapper input[type=checkbox]:checked~.checkbox-custom{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-wrapper input[type=checkbox]:checked~.checkbox-custom:after{display:block}.item-text{font-size:.875rem;color:var(--text-primary);transition:color .2s}.item.completed .item-text{color:var(--completed-color);text-decoration:line-through}.button-group{padding:16px 20px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border-color)}.md-button{padding:8px 24px;border:none;border-radius:4px;font-family:Google Sans,sans-serif;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.25px;color:var(--primary-color);background:transparent;cursor:pointer;transition:background-color .2s}.md-button:hover{background-color:#1a73e80a}.md-button.danger{color:var(--danger-color)}.md-button.danger:hover{background-color:#d930250a}.bibi-toggle{padding:8px 16px;border-radius:20px;transition:all .3s ease;font-size:.875rem}.bibi-toggle.active{background-color:var(--primary-color);color:#fff}@media (max-width: 600px){.app-container{padding:0}.shopping-list{border-radius:0;min-height:100vh}.button-group{flex-wrap:wrap}.md-button{flex:1;min-width:120px;text-align:center}}.modal-input{width:100%;padding:12px;margin-bottom:24px;border:1px solid var(--border-color);border-radius:4px;font-family:Roboto,sans-serif;font-size:1rem;color:var(--text-primary);box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--primary-color)}.md-button.primary{background-color:var(--primary-color);color:#fff}.md-button.primary:hover{background-color:#1557b0}.md-button.primary:disabled{background-color:#0000001f;color:#00000061;cursor:default}.template-list{list-style:none;margin:0 -24px;padding:0;max-height:300px;overflow-y:auto}.template-item{display:flex;align-items:center;padding:0 24px}.template-button{flex:1;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:Roboto,sans-serif}.template-button:hover{background-color:var(--hover-bg)}.template-name{font-size:.875rem;color:var(--text-primary)}.template-count{font-size:.75rem;color:var(--text-secondary)}.template-delete{padding:8px;margin-left:8px;border:none;background:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.template-delete:hover{background-color:var(--hover-bg);color:var(--danger-color)}.no-templates{text-align:center;color:var(--text-secondary);margin:32px 0;font-size:.875rem}body.modal-open{overflow:hidden}.shopping-list,.modal-content,.md-button,.add-item-input,.template-button,.checkbox-custom{transition:all .3s ease}.bibi-mode .add-item-input:focus{background-color:var(--hover-bg)}.bibi-mode .template-item:hover{background-color:var(--hover-bg)}.bibi-mode .shopping-list{border:1px solid var(--border-color)}.bibi-mode .md-button:hover{box-shadow:0 0 10px var(--shadow-color)}.bibi-mode .checkbox-custom{border:none;background-color:transparent;width:18px;height:18px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 29.6"><path fill="transparent" stroke="%23ff8fab" stroke-width="2.5" d="M31.3,10.5C31.3,10.5,31.3,10.5,31.3,10.5c-0.6-4.7-4.5-8.3-9.2-8.3c-2.7,0-5.2,1.2-6.9,3.2L16,4.5l-0.8-1.1 C13.5,1.2,11.1,0,8.3,0C3.7,0-0.1,3.6-0.1,8.3c0,0,0,0,0,0C-0.1,13,3.1,18.7,16,29.6C28.9,18.7,32.1,13,31.3,10.5z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:16px 16px;transition:background-image .2s ease-in-out}.bibi-mode .checkbox-custom:after{display:none!important}.bibi-mode .checkbox-wrapper input[type=checkbox]:checked~.checkbox-custom{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 29.6"><path fill="%23ff8fab" stroke="%23ff8fab" stroke-width="2.5" d="M31.3,10.5C31.3,10.5,31.3,10.5,31.3,10.5c-0.6-4.7-4.5-8.3-9.2-8.3c-2.7,0-5.2,1.2-6.9,3.2L16,4.5l-0.8-1.1 C13.5,1.2,11.1,0,8.3,0C3.7,0-0.1,3.6-0.1,8.3c0,0,0,0,0,0C-0.1,13,3.1,18.7,16,29.6C28.9,18.7,32.1,13,31.3,10.5z"/></svg>');background-color:transparent!important;border:none!important}.bibi-mode .item-label:before{display:none}.bibi-mode .md-button:not(:disabled):hover{transform:translateY(-1px)}.header-buttons{display:flex;gap:10px;width:100%;justify-content:flex-start;align-items:center}.install-button{background-color:var(--primary-color);color:#fff;padding:8px 16px;border-radius:20px}.install-button:hover{background-color:var(--primary-color);opacity:.9}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.settings-button{padding:8px;font-size:1.25rem;line-height:1;min-width:auto}.item{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:48px;transition:background-color .2s}.delete-item-button{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0 8px;line-height:1;border-radius:4px}.delete-item-button:hover{color:var(--danger-color);background-color:#d9302514}.delete-item-button.confirm-delete{background-color:#fdd;color:var(--danger-color)}.bibi-mode .delete-item-button{color:var(--text-secondary)}.bibi-mode .delete-item-button:hover{color:var(--danger-color);background-color:#ff4d6d1a}.bibi-mode .delete-item-button.confirm-delete{background-color:#ffd1dc;color:var(--danger-color)}.item-buttons{display:flex;align-items:center;margin-left:auto}.edit-item-button,.save-item-button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;color:#555;transition:color .2s ease}.edit-item-button:hover{color:#007bff}.save-item-button{color:#28a745}.save-item-button:hover{color:#218838}.edit-item-input{flex-grow:1;border:1px solid #ccc;padding:.5rem;margin-right:.5rem;border-radius:4px;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-primary)}.bibi-mode .edit-item-button:hover{color:var(--primary-color)}.bibi-mode .save-item-button{color:#28a745}.bibi-mode .save-item-button:hover{color:#218838}.bibi-mode .edit-item-input{border-color:var(--border-color);color:var(--text-primary);background-color:var(--card-background)}.bibi-mode .edit-item-input:focus{border-color:var(--primary-color);background-color:var(--hover-bg)}.item-label{flex-grow:1;display:flex;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.bibi-mode .modal-overlay{background-color:#ff8fab66}.modal-content{background:var(--card-background);border-radius:8px;width:100%;box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003;transition:background-color .3s ease;display:flex;flex-direction:column;overflow:hidden}.fullscreen-modal .modal-content{max-width:100%;width:100%;height:100%;border-radius:0;padding:0;box-shadow:none}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{margin:0;font-family:Google Sans,sans-serif;font-size:1.375rem;font-weight:500;color:var(--text-primary);text-align:left}.modal-body{padding:20px 24px;flex-grow:1;overflow-y:auto}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.setting-item+.setting-item{border-top:1px solid var(--border-color)}.setting-item label{font-size:1rem;color:var(--text-primary);margin-right:16px;flex-grow:1;line-height:1.5}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:3px;left:0;height:14px;width:36px;background-color:#9e9e9e;transition:background-color .2s;border-radius:7px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:-2px;bottom:-3px;background-color:#f1f1f1;box-shadow:0 1px 3px #0006;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color);opacity:.5}input:checked+.slider:before{background-color:var(--primary-color);transform:translate(18px)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border-color);flex-shrink:0}.modal-actions .md-button{min-width:80px}