@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@400;500;600;700&display=swap";.app{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.header{text-align:center;padding:40px 20px 30px}.header .subtitle{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-size:.95em}.header h1{color:var(--accent);margin:4px 0 12px;font-family:Playfair Display,serif;font-size:2.8em}.header .week-badge{background:var(--accent);color:#1a1a1a;border-radius:20px;padding:6px 20px;font-size:.9em;font-weight:700;display:inline-block}.loading-state{text-align:center;color:var(--text-dim);flex:1;padding:80px 20px}.loading-state .dim{margin-top:8px;font-size:.85em}.loading-state code{background:#ffffff0d;border-radius:4px;padding:2px 8px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin-bottom:15px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.week-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:20px 0;display:grid}.day-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.day-card:before{content:"";background:var(--accent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.day-card:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-3px)}.day-card:hover:before{opacity:1}.day-card.today{border-color:var(--accent);box-shadow:0 0 25px #e8a87c26}.day-card.today:before{opacity:1;background:var(--accent2)}.today-badge{background:var(--accent2);color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;border-radius:10px;padding:3px 10px;font-size:.7em;font-weight:700;position:absolute;top:12px;right:12px}.day-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.day-name{font-family:Playfair Display,serif;font-size:1.3em;font-weight:700}.day-date{color:var(--text-dim);background:var(--bg);border-radius:10px;padding:3px 10px;font-size:.8em}.meal-emoji{margin-bottom:8px;font-size:2.2em}.meal-name{color:var(--text);margin-bottom:4px;font-size:1.1em;font-weight:600}.meal-note{color:var(--text-dim);margin-bottom:8px;font-size:.85em}.recipe-link{color:var(--accent);opacity:.7;margin-top:4px;font-size:.8em;font-weight:500;transition:opacity .3s;display:inline-block}.day-card:hover .recipe-link{opacity:1}.shopping-section{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin:10px 0 20px;padding:25px 30px}.shopping-section h2{color:var(--green);margin-bottom:15px;font-family:Playfair Display,serif;font-size:1.5em}.shopping-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.shopping-item{background:var(--bg);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:.9em;transition:all .2s;display:flex}.shopping-item.checked{opacity:.4;text-decoration:line-through}.shopping-item:hover{background:var(--card-hover)}.checkbox{border:2px solid var(--accent);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;transition:all .2s;display:flex}.checkbox.checked{background:var(--accent);border-color:var(--accent)}.footer{text-align:center;color:var(--text-dim);padding:30px 10px;font-size:.8em}.footer span{color:var(--accent)}.footer code{background:#ffffff0d;border-radius:4px;padding:1px 6px}.recipe-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:40px;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recipe-card .quelle{color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:25px;padding-bottom:20px;font-size:.85em}.recipe-card .meta-grid{background:var(--bg);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:30px;padding:16px 20px;display:grid}.recipe-card .meta-item{text-align:center}.recipe-card .meta-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.75em}.recipe-card .meta-value{margin-top:3px;font-size:1em;font-weight:600}.recipe-card h1{color:var(--accent);margin-bottom:6px;font-family:Playfair Display,serif;font-size:2.2em;line-height:1.2}.recipe-card h2{color:var(--green);border-bottom:1px solid var(--border);margin:30px 0 15px;padding-bottom:8px;font-family:Playfair Display,serif;font-size:1.5em}.recipe-card h3{color:var(--accent2);margin:20px 0 10px;font-size:1.1em}.recipe-card ul,.recipe-card ol{margin:10px 0;padding-left:22px}.recipe-card li{margin-bottom:8px;font-size:.95em;line-height:1.6}.recipe-card li::marker{color:var(--accent)}.recipe-card p{margin:10px 0;font-size:.95em;line-height:1.7}.recipe-card strong{color:var(--accent)}.recipe-card hr{border:none;border-top:1px solid var(--border);margin:30px 0}.recipe-card code{color:var(--green);background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:.9em}@media (width<=600px){.app{padding:12px}.header h1{font-size:2em}.header{padding:25px 10px 20px}.week-grid,.shopping-items{grid-template-columns:1fr}.recipe-card{padding:20px}.recipe-card h1{font-size:1.6em}.recipe-card .meta-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}}.tabs{justify-content:center;gap:8px;margin:10px 0 5px;display:flex}.tab{background:var(--card-bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:12px;padding:10px 28px;font-family:Inter,sans-serif;font-size:.95em;font-weight:600;transition:all .3s}.tab:hover{border-color:var(--accent);color:var(--text)}.tab.active{background:var(--accent);border-color:var(--accent);color:#1a1a1a}.shopping-page{flex:1;padding:15px 0}.shopping-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.shopping-header h2{color:var(--green);font-family:Playfair Display,serif;font-size:1.5em}.syncing-indicator{color:var(--text-dim);align-items:center;gap:6px;font-size:.75em;display:flex}.sync-dot{background:var(--green);opacity:.5;border-radius:50%;width:8px;height:8px;transition:opacity .3s}.sync-dot.active{opacity:1;animation:.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.sync-text{text-transform:uppercase;letter-spacing:1px}.progress-bar-container{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;display:flex}.progress-bar{background:var(--bg);border-radius:10px;flex:1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--green), #5daa80);border-radius:10px;height:100%;transition:width .5s}.progress-text{color:var(--text-dim);white-space:nowrap;font-size:.85em}.category-section{margin-bottom:16px}.category-header{background:var(--card-bg);border-left:4px solid var(--accent);border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:10px 15px;display:flex}.category-icon{font-size:1.2em}.category-name{flex:1;font-size:.95em;font-weight:700}.category-count{color:var(--text-dim);background:var(--bg);border-radius:10px;padding:2px 10px;font-size:.8em}.category-items{background:var(--card-bg);border-radius:0 0 12px 12px;overflow:hidden}.shop-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 15px;transition:all .2s;display:flex}.shop-item:last-child{border-bottom:none}.shop-item:hover{background:var(--card-hover)}.shop-item.checked .item-name{opacity:.45;text-decoration:line-through}.check-box{border:2px solid var(--accent);color:#1a1a1a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.check-box.checked{background:var(--accent);border-color:var(--accent)}.item-name{font-size:.92em;transition:all .2s}.recipe-page{width:100%;max-width:820px;margin:0 auto}.back-btn{color:var(--accent);background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.9em;text-decoration:none;transition:all .3s;display:inline-flex}.back-btn:hover{border-color:var(--accent);transform:translate(-3px)}.recipe-loading{text-align:center;color:var(--text-dim);padding:80px 20px}.recipe-loading .spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin-bottom:15px;animation:.8s linear infinite spin;display:inline-block}.recipe-error{text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:60px 20px}.recipe-error .error-icon{margin-bottom:15px;font-size:3em}.recipe-error .dim{color:var(--text-dim);margin-top:8px}.recipe-hero{text-align:center;background:linear-gradient(180deg, var(--card-bg) 0%, transparent 100%);border-radius:20px 20px 0 0;padding:40px 20px 30px}.hero-emoji{filter:drop-shadow(0 4px 12px #e8a87c4d);margin-bottom:15px;font-size:4em;line-height:1}.hero-image-wrapper{border-radius:16px;width:100%;max-height:350px;margin-bottom:20px;overflow:hidden}.hero-image{object-fit:cover;border-radius:16px;width:100%;height:280px;transition:transform .4s;display:block}.hero-image:hover{transform:scale(1.03)}.recipe-hero h1{color:var(--accent);margin-bottom:8px;font-family:Playfair Display,serif;font-size:2.2em;line-height:1.2}.recipe-content a{color:var(--accent2);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.recipe-content a:hover{color:var(--accent)}.hero-quelle a,.hero-quelle span{color:var(--accent2);font-size:.9em;text-decoration:none;transition:color .3s}.hero-quelle a:hover{color:var(--accent);text-decoration:underline}.recipe-meta-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;padding:0 20px;display:flex}.meta-chip{background:var(--card-bg);border:1px solid var(--border);border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:.85em;display:flex}.chip-icon{font-size:1.1em}.chip-label{color:var(--text-dim)}.chip-value{color:var(--text);font-weight:700}.recipe-detail{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;animation:.4s fadeIn}.recipe-content{padding:0 30px 30px}.recipe-content h2{color:var(--green);border-bottom:1px solid var(--border);margin:30px 0 15px;padding-bottom:8px;font-family:Playfair Display,serif;font-size:1.5em}.recipe-content h3{color:var(--accent2);margin:20px 0 10px;font-size:1.1em}.recipe-content p{color:var(--text);margin:12px 0;font-size:.95em;line-height:1.8}.recipe-content strong{color:var(--accent)}.recipe-content hr{border:none;border-top:1px solid var(--border);margin:30px 0}.recipe-content code{color:var(--green);background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:.9em}.ingredient-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;list-style:none;display:grid;margin:15px 0!important;padding:0!important}.ingredient-grid li{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.9em;transition:border-color .2s}.ingredient-grid li:hover{border-color:var(--accent2)}.recipe-content ol{margin:15px 0;padding-left:24px}.recipe-content ol li{margin-bottom:12px;padding-left:6px;font-size:.95em;line-height:1.7}.recipe-content ol li::marker{color:var(--accent);font-weight:700}.recipe-content ul:not(.ingredient-grid){margin:10px 0;padding-left:22px}.recipe-content ul:not(.ingredient-grid) li{margin-bottom:8px;font-size:.95em;line-height:1.6}.recipe-content ul:not(.ingredient-grid) li::marker{color:var(--accent2)}.tip-box{background:linear-gradient(135deg,#e8a87c1a,#d48c5e0d);border:1px solid #e8a87c33;border-radius:12px;margin:20px 0;padding:16px 20px}.tip-box .tip-label{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.9em;font-weight:700;display:block}.tip-box p{margin:4px 0!important}.recipe-source-link{text-align:center;padding:20px 30px 30px}.recipe-source-link a{color:var(--green);background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.9em;text-decoration:none;transition:all .3s;display:inline-flex}.recipe-source-link a:hover{border-color:var(--green);background:#7ec8a00d}@media (width<=600px){.recipe-content{padding:0 16px 20px}.recipe-hero h1{font-size:1.6em}.hero-emoji{font-size:3em}.recipe-meta-bar{gap:6px}.meta-chip{padding:5px 12px;font-size:.8em}.ingredient-grid{grid-template-columns:1fr}}:root{--bg:#1a1a1a;--card-bg:#252525;--card-hover:#2e2e2e;--accent:#e8a87c;--accent2:#d48c5e;--green:#7ec8a0;--text:#f0e6d3;--text-dim:#a09888;--border:#3a3a3a;--red:#e87461}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}#root{min-height:100vh}