:root{--color-bg: #FDFCF5;--color-text: #2C3E50;--color-primary: #FFB7B2;--color-secondary: #B5EAD7;--color-accent: #C7CEEA;--color-highlight: #E2F0CB;--color-scene-1: #FFDAC1;--color-scene-2: #B5EAD7;--color-scene-3: #C7CEEA;--color-scene-4: #E2F0CB;--color-scene-5: #FFB7B2;--color-scene-6: #FF9AA2;--color-scene-7: #E0BBE4;--color-scene-8: #957DAD;--border-radius-lg: 20px;--border-radius-md: 12px;--shadow-soft: 0 10px 20px rgba(0, 0, 0, .05);--shadow-hover: 0 15px 30px rgba(0, 0, 0, .1);--font-family-main: "Outfit", system-ui, -apple-system, sans-serif;--transition-speed: .3s}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-main);margin:0;padding:0;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3{color:var(--color-text);font-weight:700}button{cursor:pointer;border:none;font-family:inherit}.target-circle{width:120px;height:120px;border-radius:50%;border:4px solid white;box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;transition:all var(--transition-speed);position:relative;background:#fff}.target-circle:hover{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-hover)}.target-circle img{width:100%;height:100%;object-fit:contain;padding:10%}.target-circle.found{border-color:var(--color-secondary);opacity:.6;pointer-events:none}.target-circle.found:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:var(--color-secondary);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.targets-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.sort-container{display:flex;flex-direction:column;gap:2rem;width:100%}.foods-row{display:flex;justify-content:center;gap:1.5rem;min-height:120px;flex-wrap:wrap}.draggable-item{width:100px;height:100px;cursor:grab;transition:transform .2s;touch-action:none}.draggable-item:active{cursor:grabbing;transform:scale(1.1);z-index:100}.bins-row{display:flex;justify-content:space-around;margin-top:2rem;gap:2rem}.drop-zone{width:150px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:var(--border-radius-md);padding:1rem;background:#00000008;transition:background .3s}.drop-zone.drag-over{background:#0000001a;transform:scale(1.05)}.drop-zone img{width:100%;height:auto;object-fit:contain}.bin-label{font-size:1.5rem;font-weight:700;margin-top:.5rem;color:var(--color-text)}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.anim-fade-in{animation:fadeIn var(--transition-speed) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}