:root{--bg-color: #fafaf8;--header-bg-color: white;--text-color: #141413;--border-color: #d1d5db;--hint-text-color: #6b7280;--btn-bg-color: #141413;--btn-text-color: #fafaf8;--container-color: #f0efeb;--primary-button-color: #d17557;--article-color: #475467;font-size:16px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;background-color:var(--bg-color)}*{margin:0;padding:0;box-sizing:border-box}header{background-color:var(--header-bg-color);display:flex;justify-content:center;align-items:center;padding:24px 0;gap:10px;border-bottom:1.5px solid var(--border-color)}header>h1{font-weight:400;font-size:2rem}header>img{transition:.3s;height:3.25rem}main{padding:67px 63px 0;max-width:800px;margin:0 auto}main form{display:flex;gap:12px;justify-content:center}main form>input{background-color:var(--header-bg-color);border:1px solid var(--border-color);padding:9px 13px;border-radius:6px;flex-grow:1;min-width:150px}main form>input::placeholder{color:var(--hint-text-color);font-size:.86rem}main form>button:before{content:"+ "}main form>button{min-width:170px;padding:9px 17px;background-color:var(--btn-bg-color);color:var(--btn-text-color);border:none;border-radius:6px;font-size:.86rem;font-family:inherit}.section-header{margin:24px 0 5px 12px;font-size:.9rem;color:var(--hint-text-color)}main .recipes-list{list-style:none}main .recipes-list li span{opacity:.5;font-weight:700;font-size:.9rem}main .recipes-list li{background-color:#ececec;padding:5px 5px 5px 16px;display:flex;align-items:center;gap:10px;transition:.2s}main .recipes-list li:hover{background-color:#e4e2e2}main .recipes-list li p{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main .recipes-list li .delete-icon{width:24px;height:24px;transition:.2s;cursor:pointer;padding:10px;border-radius:100%;flex-shrink:0;box-sizing:content-box}main .recipes-list li .delete-icon:hover{fill:#ee2121;background-color:#ffc6c6}main .recipes-list li.alone{border-radius:24px}main .recipes-list li.start{border-radius:24px 24px 7px 7px;margin-bottom:3px}main .recipes-list li.center{border-radius:7px;margin-bottom:3px}main .recipes-list li.end{border-radius:7px 7px 24px 24px;margin-top:3px}.get-recipe-container{background-color:var(--container-color);padding:28px 42px;border-radius:18px;margin-top:48px;display:flex;align-items:center;gap:20px;border:1px solid var(--container-builder)}.get-recipe-container h3{font-size:1.15rem;font-weight:500}.get-recipe-container p{color:var(--hint-text-color);font-size:.85rem}.get-recipe-container>div{flex-grow:1;display:flex;flex-direction:column;gap:8px}.primary-btn{padding:9px 17px;border-radius:6px;background-color:var(--primary-button-color);color:var(--btn-text-color);border:none;min-width:fit-content;cursor:pointer;transition:.3s}.error-text{font-size:.9rem;margin:10px 0;padding:10px 15px;background-color:#ffd4d4;color:#f42323;border-radius:20px;font-weight:500}.markdown{margin-top:60px;color:var(--article-color)}.markdown h2{font-size:1.9rem;margin-bottom:24px;color:var(--text-color)}.markdown h3{font-size:1.7rem;margin-bottom:16px}.markdown p{margin-bottom:15px}.markdown ul,.markdown ol{padding:10px 20px 15px 25px;display:flex;flex-direction:column;gap:10px}.markdown img{border-radius:30px}.primary-btn.loading{opacity:.6}.primary-btn.loading:before{content:"⠋";margin-right:8px;animation:spinner 1s infinite;font-family:monospace}@keyframes spinner{0%{content:"⠋"}10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}}