*{box-sizing:border-box}:root{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f8f9fa;color:#212529}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{font-family:inherit;cursor:pointer}input{font-family:inherit}#root{max-width:100%;margin:0;padding:0;height:100vh}.app-container{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}header{background-color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 4px #0000000d;border-bottom:1px solid #e9ecef}header h1{margin:0;font-size:1.75rem;font-weight:600;color:#2c3e50;letter-spacing:-.5px}.main-content{display:flex;flex:1;overflow:hidden}.recipe-list{width:260px;background-color:#fff;border-right:1px solid #e9ecef;overflow-y:auto;padding:1.5rem 0;transition:width .3s ease,padding .3s ease}.recipe-list.collapsed{width:0;padding:0;overflow:hidden;border-right:none}.recipe-list-header{display:flex;justify-content:space-between;align-items:center;margin:0 1.5rem 1rem}.recipe-list h2{margin:0;font-size:1rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.collapse-list-button{width:32px;height:32px;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:4px;cursor:pointer;font-size:1.5rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.collapse-list-button:hover{background-color:#06c;color:#fff;border-color:#06c}.expand-list-button{position:fixed;left:1rem;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:8px;cursor:pointer;font-size:1.75rem;font-weight:400;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #0000001a;z-index:100}.expand-list-button:hover{background-color:#06c;color:#fff;border-color:#06c;box-shadow:0 4px 12px #0066cc4d}.recipe-list ul{list-style:none;margin:0;padding:0}.recipe-list li{padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;color:#495057;font-weight:500}.recipe-list li:hover{background-color:#f8f9fa;border-left-color:#dee2e6}.recipe-list li.active{background-color:#e7f3ff;border-left-color:#06c;color:#06c}.tag-filter{border-bottom:1px solid #e9ecef;margin-bottom:1rem}.tag-filter-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.tag-filter-header h2{margin:0;font-size:1rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.tag-filter-toggle{width:24px;height:24px;border:none;background-color:transparent;color:#6c757d;font-size:1.5rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.tag-filter-toggle:hover{color:#495057}.tag-filter-content{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1rem;max-height:400px;overflow-y:auto}.tag-pill{padding:.5rem 1rem;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.tag-pill:hover{border-color:#06c;color:#06c;background-color:#f8f9fa}.tag-pill.active{background-color:#06c;color:#fff;border-color:#06c}.recipe-card{flex:1;overflow-y:auto;padding:2.5rem 3rem;background-color:#fff}.recipe-card.empty{display:flex;align-items:center;justify-content:center}.recipe-card.empty p{color:#adb5bd;font-size:1.1rem}.recipe-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.back-to-recipes-button{display:none;padding:.5rem 1rem;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.back-to-recipes-button:hover{background-color:#06c;color:#fff;border-color:#06c}.recipe-card h1{margin:0;font-size:2rem;font-weight:600;color:#2c3e50;letter-spacing:-.5px}.recipe-card h2{font-size:1.25rem;font-weight:600;color:#495057;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.serving-control{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:#f8f9fa;border-radius:6px;margin-bottom:2rem;border:1px solid #e9ecef}.serving-control label{font-weight:600;color:#495057}.serving-adjuster{display:flex;align-items:center;gap:.5rem}.serving-adjuster button{width:32px;height:32px;border:1px solid #dee2e6;background-color:#fff;color:#495057;border-radius:4px;cursor:pointer;font-size:1.25rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.serving-adjuster button:hover:not(:disabled){background-color:#06c;color:#fff;border-color:#06c}.serving-adjuster button:disabled{opacity:.3;cursor:not-allowed}.serving-adjuster input{width:60px;padding:.5rem;border:1px solid #dee2e6;border-radius:4px;text-align:center;font-size:1rem;font-weight:600;color:#495057}.serving-adjuster input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.serving-options{display:flex;gap:.5rem}.serving-options button{padding:.5rem 1rem;border:2px solid #dee2e6;background-color:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.serving-options button:hover{border-color:#06c;color:#06c;background-color:#f8f9fa}.serving-options button.active{background-color:#06c;color:#fff;border-color:#06c}.equipment-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fff8e1;border-left:3px solid #ffc107;border-radius:4px;margin-bottom:2rem}.equipment-label{font-weight:600;color:#856404;font-size:.9rem}.equipment-text{color:#856404;font-size:.9rem}.ingredients ul{list-style:none;padding:0;margin:0}.ingredients li{padding:.75rem 0;display:flex;gap:1rem;border-bottom:1px solid #f8f9fa}.ingredients li:last-child{border-bottom:none}.ingredients .amount{font-weight:600;color:#06c;min-width:100px;flex-shrink:0}.ingredients .name{color:#495057}.instructions ol{padding-left:1.5rem;margin:0}.instructions li{padding:.75rem 0;line-height:1.6;color:#495057}.instructions li::marker{color:#06c;font-weight:600}.recipe-list::-webkit-scrollbar,.recipe-card::-webkit-scrollbar{width:8px}.recipe-list::-webkit-scrollbar-track,.recipe-card::-webkit-scrollbar-track{background:#f8f9fa}.recipe-list::-webkit-scrollbar-thumb,.recipe-card::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.recipe-list::-webkit-scrollbar-thumb:hover,.recipe-card::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media(max-width:768px){.main-content{flex-direction:column}.recipe-list{width:100%;border-right:none;border-bottom:1px solid #e9ecef;max-height:40vh}.recipe-list.collapsed{max-height:0;border-bottom:none}.expand-list-button{top:auto;bottom:1rem;left:1rem;transform:none}.collapse-list-button{width:28px;height:28px;font-size:1.25rem}.back-to-recipes-button{display:flex;align-items:center;gap:.25rem}.recipe-header{flex-wrap:wrap}.recipe-card h1{font-size:1.5rem}}