*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.app-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:1rem 1rem 5rem}.bottom-tab-bar{padding:.5rem 0;padding-bottom:env(safe-area-inset-bottom,.5rem);background:#fff;border-top:1px solid #ddd;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab-bar a{color:#888;text-align:center;padding:.25rem .5rem;font-size:.75rem;text-decoration:none}.bottom-tab-bar a.active{color:#2563eb;font-weight:600}.mic-tab{font-size:1.5rem!important}.auth-page{max-width:400px;margin:2rem auto;padding:1rem}.auth-page h1{margin-bottom:1rem}.auth-page form{flex-direction:column;gap:.75rem;display:flex}.auth-page label{font-size:.875rem;font-weight:600}.auth-page input{border:1px solid #ccc;border-radius:4px;padding:.5rem;font-size:1rem}.auth-page button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.75rem;font-size:1rem}.auth-page .error{color:#dc2626;margin-bottom:.5rem}.settings-page form{flex-direction:column;gap:.75rem;max-width:400px;display:flex}.settings-page label{font-size:.875rem;font-weight:600}.settings-page input{border:1px solid #ccc;border-radius:4px;padding:.5rem}.settings-page button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem 1rem}.vorrat-page h1{margin-bottom:0}.vorrat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.vorrat-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem 1rem}.vorrat-page section{margin-bottom:1.5rem}.vorrat-page h2{color:#666;margin-bottom:.5rem;font-size:1rem}.item-card{background:#fff;border-radius:8px;margin-bottom:.5rem;padding:.75rem;box-shadow:0 1px 3px #0000001a}.item-card.low-stock{border-left:3px solid #dc2626}.item-header{justify-content:space-between;align-items:center;display:flex}.item-name{font-weight:600}.item-stock{color:#2563eb;font-size:1.1rem;font-weight:700}.item-tags{gap:.25rem;margin-top:.25rem;display:flex}.tag-badge{background:#e5e7eb;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.low-stock-warning{color:#dc2626;margin-top:.25rem;font-size:.75rem}.item-actions{gap:.5rem;margin-top:.5rem;display:flex}.item-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.25rem .75rem;font-size:.875rem}.item-actions .btn-delete{color:#dc2626;border-color:#dc2626;margin-left:auto}.restock-inline{gap:.5rem;margin-top:.5rem;display:flex}.restock-inline input{border:1px solid #ccc;border-radius:4px;width:60px;padding:.25rem}.restock-inline button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:4px;padding:.25rem .75rem}.add-item-form{background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.add-item-form label{font-size:.875rem;font-weight:600}.add-item-form input,.add-item-form select{border:1px solid #ccc;border-radius:4px;padding:.5rem}.add-item-form button[type=submit]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem}.tag-selector{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.tag-label{margin-right:.25rem;font-size:.875rem;font-weight:600}.tag-toggle{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:12px;padding:.2rem .5rem;font-size:.75rem}.tag-toggle.active{color:#fff;background:#2563eb;border-color:#2563eb}.settings-page section{margin-bottom:1.5rem}.settings-page h2{margin-bottom:.5rem}.settings-list{margin-bottom:.5rem;list-style:none}.settings-list li{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.5rem;display:flex}.btn-sm-delete{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.inline-add{gap:.5rem;display:flex}.inline-add input{border:1px solid #ccc;border-radius:4px;flex:1;padding:.5rem}.inline-add button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem 1rem}.tag-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.tag-badge-lg{background:#e5e7eb;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;display:inline-flex}.btn-tag-delete{color:#666;cursor:pointer;background:0 0;border:none;font-size:.875rem}.einkauf-page h1{margin-bottom:1rem}.empty-list{color:#888;text-align:center;margin-top:2rem}.add-shopping-item{gap:.5rem;margin-bottom:1rem;display:flex}.add-shopping-item input{border:1px solid #ccc;border-radius:4px;flex:1;padding:.5rem}.add-shopping-item .qty-input{flex:none;width:50px}.match-preview{color:#16a34a;margin-top:-.5rem;margin-bottom:.5rem;padding-left:.25rem;font-size:.75rem}.add-shopping-item button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:.5rem 1rem}.shopping-item{background:#fff;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem;display:flex;box-shadow:0 1px 3px #0000001a}.shopping-item.checked{opacity:.5}.shopping-item.checked .shopping-item-name{text-decoration:line-through}.check-btn{cursor:pointer;background:#fff;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.shopping-item.checked .check-btn{color:#16a34a;border-color:#16a34a}.shopping-item-info{flex:1}.shopping-item-name{font-weight:600}.shopping-item-qty{color:#666;margin-left:.25rem;font-size:.875rem}.auto-badge{color:#92400e;background:#fef3c7;border-radius:4px;margin-left:.25rem;padding:.1rem .3rem;font-size:.65rem}.checked-section{margin-top:1rem}.checked-section summary{color:#888;cursor:pointer;margin-bottom:.5rem;font-size:.875rem}.dashboard-page .household-name{color:#888;margin-bottom:1rem}.dashboard-section{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.dashboard-section h2{margin-bottom:.5rem;font-size:1rem}.low-stock-list{list-style:none}.low-stock-list li{padding:.25rem 0;font-size:.875rem}.voice-page{text-align:center;flex-direction:column;align-items:center;padding-top:2rem;display:flex}.voice-page h1{margin-bottom:2rem}.mic-button{cursor:pointer;background:#2563eb;border:none;border-radius:50%;width:80px;height:80px;font-size:2.5rem;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.mic-button.listening{background:#dc2626;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 20px #dc262600}}.mic-hint{color:#888;margin-top:.75rem;font-size:.875rem}.voice-transcript{background:#fff;border-radius:8px;width:100%;max-width:400px;margin-top:2rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.transcript-label{color:#888;font-size:.75rem}.transcript-text{margin-top:.25rem;font-size:1.1rem;font-weight:600}.voice-result{background:#fff;border-radius:8px;width:100%;max-width:400px;margin-top:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.result-action{color:#666;font-size:.875rem}.result-item{margin:.5rem 0;font-size:1.25rem;font-weight:700}.match-badge{color:#166534;background:#dcfce7;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.65rem;font-weight:400}.no-match-badge{color:#991b1b;background:#fef2f2;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.65rem;font-weight:400}.confirm-button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;margin-top:.5rem;padding:.75rem 2rem;font-size:1rem}.confirm-button:disabled{cursor:not-allowed;background:#ccc}.voice-status{color:#166534;background:#dcfce7;border-radius:8px;margin-top:1rem;padding:.5rem 1rem;font-weight:600}.voice-unsupported{color:#888;max-width:300px;margin-top:2rem}.settings-list li small{color:#888;font-size:.75rem}.btn-link{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-right:.5rem;font-size:.75rem}.inline-add select{border:1px solid #ccc;border-radius:4px;padding:.5rem}.household-switcher{border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem;font-size:1rem}.mode-badge{color:#1e40af;background:#dbeafe;border-radius:4px;margin-left:.5rem;padding:.1rem .3rem;font-size:.6rem;font-weight:400}.detailed-entries{margin-top:.5rem}.entry-row{color:#666;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem;display:flex}.entry-row.opened{color:#16a34a}.entry-date{color:#999;font-size:.7rem}.btn-open{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.activity-list{list-style:none}.activity-list li{border-bottom:1px solid #f0f0f0;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.8rem;display:flex}.activity-icon{font-size:1rem}.activity-text{flex:1}.activity-time{color:#999;font-size:.7rem}