*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fef3e2,#fce7f3);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{text-align:center;margin-bottom:2rem}.logo-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.logo{width:60px;height:60px;object-fit:contain}.header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0}.header p{font-size:1.125rem;color:#6b7280}.tinder-container{width:100%;max-width:28rem;margin:0 auto}.tinder-card-stack{position:relative;height:600px;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.tinder-card{position:absolute;width:100%;height:100%;background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000001a;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.tinder-card:active{cursor:grabbing}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#f3f4f6;transform:translateZ(0);will-change:transform}.meal-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.meal-image.loading{opacity:0}.meal-image.loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;background:linear-gradient(to top,#000c,#0009,#0000);z-index:1;transform:translateZ(0);will-change:transform}.card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.recipe-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:2px solid #ffffff;border-radius:.5rem;transition:all .2s ease;background-color:#ffffff1a;backdrop-filter:blur(4px);touch-action:auto;pointer-events:auto;position:relative;z-index:10;cursor:pointer;font-family:inherit;font-size:inherit}.recipe-link:hover{background-color:#ffffff4d;color:#fff;border-color:#fff}.action-buttons{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.action-btn{width:4rem;height:4rem;border-radius:50%;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;background-color:#fff}.action-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.action-btn:active{transform:scale(.95)}.btn-dislike{color:#6b7280}.btn-dislike:hover{border-color:#d1d5db;background-color:#f9fafb}.btn-like{background-color:#10b981;color:#fff}.btn-like:hover{background-color:#059669}.btn-back{width:3rem;height:3rem;color:#6b7280}.btn-back:hover{border-color:#d1d5db;background-color:#f9fafb}.btn-back:disabled{background-color:#f9fafb;color:#d1d5db;border-color:#f3f4f6;cursor:not-allowed;transform:none}.status-text{text-align:center;margin-top:1rem;font-size:.875rem;color:#6b7280}.results-section{margin-top:2rem}.results-section h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.results-liked h3{color:#059669}.results-disliked h3{color:#dc2626}.results-list{display:flex;flex-direction:column;gap:.5rem}.result-item{padding:.75rem;border-radius:.5rem}.result-item-liked{background-color:#f0fdf4}.result-item-disliked{background-color:#fef2f2}.result-title{font-weight:500}.result-title-liked{color:#065f46}.result-title-disliked{color:#991b1b}.result-description{font-size:.875rem}.result-description-liked{color:#047857}.result-description-disliked{color:#b91c1c}.result-link{color:#3b82f6;text-decoration:none;font-size:.875rem;margin-top:.25rem;display:inline-block}.result-link:hover{text-decoration:underline}.end-card{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;cursor:default!important}.end-card-content{text-align:center;padding:2rem;color:#fff}.end-card-content h2{font-size:2rem;margin-bottom:1rem;color:#fff}.end-card-content p{font-size:1.125rem;margin-bottom:2rem;color:#ffffffe6}.reshuffle-btn{background-color:#fff;color:#667eea;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026}.reshuffle-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.reshuffle-btn:active{transform:scale(.98)}.action-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.action-btn:disabled:hover{transform:none;background-color:#d1d5db}.liked-meals-box{margin-top:2rem;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.liked-meals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.liked-meals-header h3{font-size:1.25rem;font-weight:600;color:#059669;margin:0}.liked-meals-actions{display:flex;gap:.5rem}.copy-btn{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.clear-btn{background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.clear-btn:active{transform:translateY(0)}.liked-meals-list{display:flex;flex-direction:column;gap:.75rem;position:relative}.liked-meal-item{display:flex;gap:1rem;padding:1rem;background-color:#f0fdf4;border-radius:.5rem;border:1px solid #bbf7d0;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;cursor:move;position:relative}.liked-meals-list:not(.reordering) .liked-meal-item:hover{background-color:#dcfce7;border-color:#86efac}.liked-meal-item.dragging{opacity:.4}.liked-meal-item.just-dropped{background-color:#dcfce7;border-color:#059669;animation:highlightPulse 1.5s ease-out}@keyframes highlightPulse{0%{background-color:#a7f3d0;border-color:#059669;box-shadow:0 0 0 4px #0596694d}50%{background-color:#d1fae5;border-color:#059669;box-shadow:0 0 0 2px #05966933}to{background-color:#dcfce7;border-color:#86efac;box-shadow:none}}.liked-meal-item.drop-before:before,.liked-meal-item.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background-color:#059669;border-radius:2px;box-shadow:0 0 8px #05966980;z-index:10}.liked-meal-item.drop-before:before{top:-2px}.liked-meal-item.drop-after:after{bottom:-2px}.liked-meal-number{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background-color:#059669;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.liked-meal-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.liked-meal-name{font-weight:600;color:#065f46;font-size:1rem}.liked-meal-link{color:#3b82f6;text-decoration:none;font-size:.875rem;transition:color .2s ease}.liked-meal-link:hover{color:#2563eb;text-decoration:underline}.drag-handle{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.25rem;cursor:move;user-select:none;padding:0 .25rem;transition:color .2s ease;line-height:1;letter-spacing:-.2em}.drag-handle:hover{color:#6b7280}.remove-meal-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:.25rem;transition:all .2s ease;border-radius:.25rem;line-height:1}.remove-meal-btn:hover{color:#ef4444;background-color:#fee2e2}.remove-meal-btn:active{transform:scale(.95)}.undo-clear-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 25px #0000004d;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.undo-clear-notification span{font-size:.9375rem;font-weight:500}.undo-btn{background-color:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.undo-btn:hover{background-color:#059669;transform:translateY(-1px)}.undo-btn:active{transform:translateY(0)}.footer{text-align:center;margin-top:3rem;color:#6b7280;font-size:.875rem}@media(max-width:640px){.header h1{font-size:2rem}.header p{font-size:1rem}.tinder-card-stack{height:500px}.card-content{padding:1.5rem 1rem}.action-buttons{gap:1.5rem}.action-btn{width:3.5rem;height:3.5rem;font-size:1.25rem}.btn-back{width:2.5rem;height:2.5rem}.liked-meals-header{flex-direction:column;align-items:stretch}.liked-meals-actions{flex-direction:column}.copy-btn,.clear-btn{width:100%}.liked-meal-item{padding:.75rem}.liked-meal-number{min-width:1.75rem;height:1.75rem;font-size:.75rem}.end-card-content h2{font-size:1.5rem}.end-card-content p{font-size:1rem}.reshuffle-btn{font-size:1rem;padding:.875rem 1.5rem}}