*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;background:#f5f5f0;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{min-height:100vh}.login-container{background:linear-gradient(135deg,#ff9a56 0%,#ff6b6b 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:400px;padding:3rem 2.5rem;box-shadow:0 20px 60px #00000026}.login-logo{margin-bottom:1rem;font-size:4rem}.login-title{color:#1a1a2e;margin:0 0 .5rem;font-size:2rem;font-weight:700}.login-subtitle{color:#666;margin:0 0 2rem;font-size:1rem}.google-btn{color:#3c4043;cursor:pointer;background:#fff;border:2px solid #dadce0;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,box-shadow .2s;display:flex}.google-btn:hover{background:#f8f9fa;box-shadow:0 4px 12px #0000001a}.google-icon{flex-shrink:0;width:20px;height:20px}.recipe-card{cursor:pointer;background:#fff;border-radius:1rem;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000014}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000024}.recipe-card:focus{outline-offset:2px;outline:3px solid #ff6b6b}.recipe-card-img{object-fit:cover;width:100%;height:180px}.recipe-card-img-placeholder{background:linear-gradient(135deg,#ffe8d6 0%,#ffd6cc 100%);justify-content:center;align-items:center;width:100%;height:180px;font-size:3rem;display:flex}.recipe-card-body{flex-direction:column;flex:1;gap:.4rem;padding:1.25rem;display:flex}.recipe-card-tags{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.recipe-card-category{text-transform:uppercase;letter-spacing:.05em;color:#ff6b6b;background:#fff0ee;border-radius:.375rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.recipe-card-visibility{border-radius:.375rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.recipe-card-visibility--private{color:#666;background:#f0f0f0}.recipe-card-visibility--shared{color:#1a73e8;background:#e8f0fe}.recipe-card-visibility--public{color:#188038;background:#e6f4ea}.recipe-card-name{color:#1a1a2e;margin:0;font-size:1.1rem;font-weight:700}.recipe-card-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.recipe-card-meta{color:#888;gap:1rem;margin-top:auto;padding-top:.5rem;font-size:.8rem;display:flex}.recipe-list-page{background:#f5f5f0;min-height:100vh}.recipe-header{z-index:10;background:#fff;border-bottom:1px solid #e8e8e0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.header-left{align-items:center;gap:.75rem;display:flex}.header-logo{font-size:1.75rem}.header-title{color:#1a1a2e;margin:0;font-size:1.4rem;font-weight:700}.header-right{align-items:center;gap:.75rem;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.user-name{color:#444;font-size:.9rem;font-weight:500}.add-recipe-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:.5rem;padding:.45rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .2s}.add-recipe-btn:hover{background:#e55a5a}.logout-btn{cursor:pointer;color:#666;background:0 0;border:1.5px solid #ddd;border-radius:.5rem;padding:.4rem 1rem;font-size:.85rem;transition:background .2s,color .2s}.logout-btn:hover{color:#fff;background:#ff6b6b;border-color:#ff6b6b}.recipe-main{max-width:1200px;margin:0 auto;padding:2rem}.search-bar-wrapper{margin-bottom:2rem}.search-bar{box-sizing:border-box;background:#fff;border:2px solid #e0e0d8;border-radius:.75rem;outline:none;width:100%;padding:.875rem 1.25rem;font-size:1rem;transition:border-color .2s}.search-bar:focus{border-color:#ff6b6b}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.recipe-detail-page{background:#f5f5f0;min-height:100vh;padding:1.5rem}.detail-top-bar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.back-btn{cursor:pointer;color:#444;background:#fff;border:1.5px solid #e0e0d8;border-radius:.625rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;transition:background .2s;display:inline-flex}.back-btn:hover{background:#f0f0ea}.edit-btn{cursor:pointer;color:#fff;background:#4a7c59;border:none;border-radius:.625rem;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:500;transition:background .2s;display:inline-flex}.edit-btn:hover{background:#3a6347}.recipe-detail-content{background:#fff;border-radius:1.25rem;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #0000001a}.recipe-detail-img{object-fit:cover;width:100%;max-height:350px}.recipe-detail-img-placeholder{background:linear-gradient(135deg,#ffe8d6 0%,#ffd6cc 100%);justify-content:center;align-items:center;width:100%;height:220px;font-size:5rem;display:flex}.recipe-detail-body{flex-direction:column;gap:2rem;padding:2rem;display:flex}.recipe-detail-header{flex-direction:column;gap:1rem;display:flex}.recipe-detail-category{text-transform:uppercase;letter-spacing:.05em;color:#ff6b6b;background:#fff0ee;border-radius:.375rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.recipe-detail-name{color:#1a1a2e;margin:0 0 .5rem;font-size:2rem;font-weight:800}.recipe-detail-desc{color:#555;margin:0;font-size:1rem;line-height:1.6}.recipe-meta-row{flex-wrap:wrap;gap:.75rem;display:flex}.meta-chip{color:#555;background:#f8f8f4;border:1px solid #e8e8e0;border-radius:.5rem;align-items:center;gap:.4rem;padding:.4rem .875rem;font-size:.875rem;display:flex}.meta-icon{font-size:1rem}.portions-card{background:#f8f8f4;border:1.5px solid #e8e8e0;border-radius:1rem;padding:1.5rem}.section-title{color:#1a1a2e;margin:0 0 1rem;font-size:1.2rem;font-weight:700}.portions-control{align-items:center;gap:1.25rem;display:flex}.portion-btn{color:#ff6b6b;cursor:pointer;background:#fff;border:2px solid #ff6b6b;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;font-weight:700;line-height:1;transition:background .2s,color .2s;display:flex}.portion-btn:hover:not(:disabled){color:#fff;background:#ff6b6b}.portion-btn:disabled{opacity:.4;cursor:not-allowed}.portions-value{color:#1a1a2e;text-align:center;min-width:2rem;font-size:2rem;font-weight:800}.portions-note{color:#888;margin:.75rem 0 0;font-size:.85rem}.recipe-section{flex-direction:column;gap:.75rem;display:flex}.ingredient-group{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.ingredient-group:last-child{margin-bottom:0}.ingredient-group-label{text-transform:uppercase;letter-spacing:.06em;color:#888;margin:0;padding-left:.25rem;font-size:.78rem;font-weight:700}.ingredients-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ingredient-item{background:#f8f8f4;border-left:3px solid #ff6b6b;border-radius:.5rem;align-items:baseline;gap:.5rem;padding:.625rem .875rem;display:flex}.ingredient-amount{color:#ff6b6b;min-width:80px;font-size:.9rem;font-weight:700}.ingredient-name{color:#333;font-size:.95rem}.steps-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.step-item{align-items:flex-start;gap:1rem;display:flex}.step-number{color:#fff;background:#ff6b6b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:.1rem;font-size:.9rem;font-weight:700;display:flex}.step-text{color:#333;margin:0;padding-top:.25rem;font-size:.95rem;line-height:1.7}.state-message{text-align:center;color:#888;padding:3rem 0;font-size:1.1rem}.state-message.error{color:#e53e3e}.add-recipe-page{background:#f5f5f0;min-height:100vh}.add-recipe-header{z-index:10;background:#fff;border-bottom:1px solid #e8e8e0;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.back-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .5rem;font-size:1rem;transition:color .2s,background .2s}.back-btn:hover{color:#ff6b6b;background:#fff0ee}.add-recipe-title{color:#1a1a2e;margin:0;font-size:1.4rem;font-weight:700}.add-recipe-form{flex-direction:column;gap:1.5rem;max-width:760px;margin:2rem auto;padding:0 1.5rem 4rem;display:flex}.form-section{background:#fff;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000000f}.form-section-title{color:#1a1a2e;margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.form-group{flex-direction:column;flex:1;gap:.4rem;display:flex}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-label{color:#444;font-size:.85rem;font-weight:600}.form-label .required{color:#ff6b6b}.form-input{box-sizing:border-box;background:#fff;border:1.5px solid #e0e0d8;border-radius:.5rem;outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:#ff6b6b}.form-textarea{resize:vertical;min-height:72px}.visibility-options{flex-wrap:wrap;gap:.75rem;display:flex}.visibility-option{cursor:pointer;border:2px solid #e0e0d8;border-radius:.75rem;flex:1;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;min-width:140px;padding:.875rem 1rem;transition:border-color .2s,background .2s;display:grid}.visibility-option input[type=radio]{display:none}.visibility-option.selected{background:#fff8f7;border-color:#ff6b6b}.vis-icon{grid-row:span 2;align-self:center;font-size:1.5rem}.vis-label{color:#1a1a2e;font-size:.9rem;font-weight:700}.vis-desc{color:#888;font-size:.78rem;line-height:1.3}.ingredients-list-form{flex-direction:column;gap:.5rem;display:flex}.ingredient-row{align-items:center;gap:.5rem;display:flex}.ing-amount{flex:none;width:70px}.ing-unit{flex:none;width:80px}.ing-name{flex:1}.ing-category{flex:none;width:130px}.ing-move-btns{flex-direction:column;flex:none;gap:2px;display:flex}.move-btn{cursor:pointer;color:#555;background:#f0f0ea;border:1px solid #ddd;border-radius:.25rem;justify-content:center;align-items:center;width:24px;height:20px;padding:0;font-size:.6rem;transition:background .15s;display:flex}.move-btn:hover:not(:disabled){background:#e0e0d8}.move-btn:disabled{opacity:.3;cursor:default}.steps-list-form{flex-direction:column;gap:.75rem;display:flex}.step-row{align-items:flex-start;gap:.75rem;display:flex}.step-num{color:#fff;background:#ff6b6b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:.55rem;font-size:.8rem;font-weight:700;display:flex}.step-textarea{flex:1}.add-row-btn{color:#888;cursor:pointer;background:0 0;border:1.5px dashed #ccc;border-radius:.5rem;padding:.4rem .875rem;font-size:.85rem;transition:border-color .2s,color .2s}.add-row-btn:hover{color:#ff6b6b;border-color:#ff6b6b}.remove-btn{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;padding:.25rem;font-size:.85rem;transition:color .2s}.remove-btn:hover:not(:disabled){color:#e53e3e}.remove-btn:disabled{opacity:.3;cursor:default}.form-error{color:#e53e3e;text-align:center;margin:0;font-size:.9rem}.form-actions{justify-content:flex-end;gap:.75rem;display:flex}.cancel-btn{color:#666;cursor:pointer;background:0 0;border:1.5px solid #ddd;border-radius:.5rem;padding:.6rem 1.5rem;font-size:.95rem;transition:background .2s}.cancel-btn:hover{background:#f5f5f0}.save-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:.5rem;padding:.6rem 1.75rem;font-size:.95rem;font-weight:600;transition:background .2s}.save-btn:hover:not(:disabled){background:#e55a5a}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:default}