@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg:#fcfcfc;--text:#000;--muted:#666;--accent:#2196f3;--border:#e5e5e5;--card-bg:#fff;--shadow:0 4px 20px #00000008;--radius:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#root{width:100%}body{background-color:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Noto Serif,serif;font-size:1.25em;line-height:1.2;display:flex}.container{width:100%}.main-header{text-align:center;height:auto;max-height:200px;margin-bottom:40px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.search-active .main-header{opacity:0;pointer-events:none;max-height:0;margin-bottom:0}h1{letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:300}.search-section{width:100%;margin-bottom:30px;transition:all .4s}.search-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-left:4px;font-size:.8rem;font-weight:600;display:block}.search-row{flex-direction:column;gap:15px;width:100%;display:flex}.search-container,.input-wrapper{width:100%;position:relative}.favorites-container{align-items:center;display:flex}.clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;transition:color .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.clear-btn:hover{color:var(--text)}.bookmark-chips{flex-wrap:wrap;gap:8px;margin-top:0;animation:.3s fadeIn;display:flex}.chip{border:1px solid var(--border);cursor:pointer;white-space:nowrap;color:var(--muted);background:0 0;border-radius:20px;padding:6px 14px;font-size:.85rem;transition:all .2s}.chip:hover{border-color:var(--accent);color:var(--text);background:#f0f0f0}.highlight{color:inherit;background-color:#e2f9e1;border-radius:2px}#search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);width:100%;box-shadow:var(--shadow);outline:none;padding:18px 50px 18px 24px;font-family:inherit;font-size:1.1rem;transition:all .2s}#search-input:focus{border-color:var(--accent);box-shadow:0 8px 30px #0000000f}.results{text-wrap:balance;flex-direction:column;gap:20px;display:flex}.recipe-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:all .2s;animation:.4s forwards fadeIn;position:relative}.recipe-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.bookmark-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.4rem;transition:transform .2s,color .2s;display:flex;position:absolute;top:20px;right:20px}.bookmark-btn svg{width:20px;height:20px;transition:transform .2s}.bookmark-btn:hover svg{transform:scale(1.1)}.bookmark-btn.active{color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recipe-title{letter-spacing:-.01em;margin:0 0 10px;padding-right:30px;font-size:1.5rem;font-weight:600}.rating{color:var(--muted);align-items:center;gap:5px;margin-bottom:15px;font-size:.9rem;display:flex}.rating:before{content:"★";color:#ffb400}.metrics-row{gap:20px;margin:15px 0;display:flex}.scale-container{flex-direction:column;flex:1;display:flex}.scale-header{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;justify-content:space-between;margin-bottom:6px;font-size:.7rem;font-weight:600;display:flex}.scale-value{color:var(--text);font-weight:400}.scale-bar-bg{background:#eee;border-radius:3px;height:6px;overflow:hidden}.scale-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .6s}.scale-footer{color:#aaa;text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;margin-top:4px;font-size:.6rem;display:flex}.section-title{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;margin-top:20px;margin-bottom:8px;font-size:.75rem;font-weight:600}.ingredients-list{margin:0;padding:0;list-style:none}.ingredients-list li{text-indent:-9px;border-bottom:1px solid #f9f9f9;padding:4px 0}.ingredients-list li:before{content:"• ";color:var(--muted)}.ingredients-list li:last-child{border-bottom:none}.comment,.review-box,.history-box{color:var(--muted);background:#f9f9f9;border-radius:8px;margin-top:5px;padding:12px;font-size:.95rem;font-style:italic;line-height:1.4em}.empty-state{text-align:center;color:var(--muted);margin-top:50px;font-weight:300}.more-info-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;margin-top:10px;margin-bottom:10px;padding:6px 12px;font-family:inherit;font-size:.8rem;transition:all .2s}.more-info-btn:hover{color:var(--text);background:#f0f0f0;border-color:#ccc}.extra-info-container{animation:.3s forwards fadeIn}.footer{text-align:center;color:#ccc;letter-spacing:.1em;width:100%;padding:40px 0 20px;font-size:.65rem}@media (width<=480px){h1{font-size:2rem}body{padding:15px}}