body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app-header{align-items:center;background:#3b82f6;box-shadow:0 4px 6px -1px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.app-header h1{font-size:1.5rem;font-weight:700;margin:0}.recipes-toggle{background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.recipes-toggle:hover{background:#ffffff4d}.app-content{display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem}.ad-container-bottom,.ad-container-top{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;overflow:hidden;padding:1rem 2rem;text-align:center}.ad-container-top{background:#ffffff80;border-bottom:1px solid #e5e7eb}.ad-container-bottom{background:#ffffff80;border-top:1px solid #e5e7eb;margin-top:2rem}.main-panel{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr 1fr}.sidebar{flex-shrink:0;width:300px}.input-panel,.output-panel,.recipe-manager{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.input-panel h2,.output-panel h3,.recipe-manager h3{color:#1f2937;font-weight:600;margin:0 0 1.5rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-group input,.input-group select{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.5rem;transition:border-color .2s;width:100%}.input-group input:focus,.input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:4px;height:8px;outline:none}.input-group input[type=range]::-webkit-slider-thumb{appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:20px;width:20px}.input-group input[type=range]::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.input-group .value{color:#6b7280;display:inline-block;font-size:.875rem;font-weight:500;margin-top:.25rem}.value-row{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.pizza-size{color:#3b82f6;font-size:.875rem;font-style:italic;font-weight:500}.ingredient-list,.timeline-list{space:.5rem}.ingredient-item{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr auto auto}.ingredient-item,.timeline-item{align-items:center;border-bottom:1px solid #f3f4f6;padding:.75rem 0}.timeline-item{display:flex;justify-content:space-between}.ingredient-item:last-child,.timeline-item:last-child{border-bottom:none}.ingredient-total{align-items:center;border-top:2px solid #e5e7eb;display:flex;font-weight:600;justify-content:space-between;margin-top:.5rem;padding:.75rem 0}.ingredient-total .ingredient-amount{font-weight:600}.ingredient-name,.timeline-label{color:#374151;font-weight:500}.ingredient-amount{min-width:60px;text-align:right}.ingredient-amount,.timeline-time{color:#1f2937;font-weight:600}.ingredient-percentage{color:#6b7280;font-size:.875rem;margin-left:.5rem}.timeline-item.highlight{background:#fef3c7;border-radius:.375rem;margin:.5rem 0;padding:.75rem}.recipe-info{background:#f9fafb;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.recipe-info h4{font-size:.875rem;margin:0 0 .5rem}.recipe-info p{margin:.25rem 0}.recipe-actions{margin-bottom:1.5rem}.delete-button,.load-button,.save-button{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.load-button,.save-button{background:#3b82f6;color:#fff}.load-button:hover,.save-button:hover{background:#2563eb}.delete-button{background:#ef4444;color:#fff;margin-left:.5rem}.delete-button:hover{background:#dc2626}.save-form{align-items:center;display:flex;gap:.5rem}.save-form input{border:1px solid #d1d5db;flex:1 1;padding:.5rem}.save-form button,.save-form input{border-radius:.375rem;font-size:.875rem}.save-form button{border:none;cursor:pointer;font-weight:500;padding:.5rem .75rem}.save-form button:first-of-type{background:#3b82f6;color:#fff}.save-form button:last-of-type{background:#6b7280;color:#fff}.recipe-list{max-height:400px;overflow-y:auto}.recipe-item{align-items:flex-start;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.recipe-item:last-child{margin-bottom:0}.recipe-info h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.recipe-info p{color:#6b7280;font-size:.875rem;margin:.125rem 0}.recipe-date{color:#9ca3af!important;font-size:.75rem!important}.no-recipes{color:#6b7280;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.app-header{gap:.5rem}.app-content,.app-header{flex-direction:column;padding:1rem}.main-panel{grid-template-columns:1fr}.sidebar{width:100%}.input-panel,.output-panel,.recipe-manager{padding:1rem}.ad-container-bottom,.ad-container-top{padding:.5rem 1rem}}@media (max-width:480px){.app-header h1{font-size:1.25rem}.recipe-item{flex-direction:column;gap:.5rem}.recipe-actions{align-self:stretch}}