:root{--green: #b7ffb7;--green-dark: #1f6d2c;--line: #2fbf2f;--text: #254624ff}.public-home{background-image:url(/assets/foodbg-4Ozqn0S0.png);position:relative;min-height:100vh;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}h1{font-size:45px}.p-public-home{font-size:20px}.public-home>*{position:relative;z-index:1}.public-home__header{display:flex;justify-content:space-between;align-items:center;outline:#1f6d2c;padding:15px;border-bottom:2px solid var(--line)}.logo{margin:0;font-family:Fredericka the Great,cursive;font-size:46px;color:#285730;text-shadow:0 2px 0 rgba(158,158,158,.5)}.main{padding-top:50px}.main-actions{display:flex;justify-content:center;gap:14px;margin:12px 0 26px;padding:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-weight:700;border:1px solid var(--line);background:#ffffffe6;color:#000;text-decoration:none;box-shadow:0 6px #00000040;transition:transform .05s ease}.btn:active{transform:translateY(2px)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:54px;position:relative;padding:44px 55px;place-items:center}.features>*{background:#b7ffb7bf;border:2px solid #2fbf2f;border-radius:18px;padding:26px 18px;box-shadow:0 10px #00000059;text-align:center;width:70%}.features img{width:70px;height:70px;object-fit:contain;display:block;margin:2px auto 12px}.bottom{display:flex;justify-content:center;margin-top:22px}.icon{width:20%}.main-container{width:500px;margin:0 auto;border:3px solid #ffffff;padding:20px;border-radius:16px;box-shadow:0 4px 10px #000000b3,0 10px 30px #0000000d;background-color:#cafec959}.main-container:hover{transform:scale(1.01)}.publication-info{display:flex;justify-content:space-between;margin-bottom:15px}.card-info-container{display:flex;color:#000;gap:16px;align-items:stretch;text-decoration:none;color:inherit}.recipe-image{border-radius:30px;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.left-container{width:280px;height:280px;overflow:hidden;border-radius:30px;flex-shrink:0;background:#f3f4f6}.right-container{width:50%;padding:5px}.time-serving-info{display:flex;gap:16px}.time-info,.serving-info{display:flex;align-items:center;gap:6px}.icon,.icon2{width:16px;height:16px}.header-info{display:flex;justify-content:space-between;margin-bottom:20px}.recipe-info p,.recipe-info h2,.publication-info p,.interaction-recipes p{margin:0}.tags{display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px;max-width:100%}.tag{padding:5px;background-color:#cc00ef3b;border-radius:5px;font-size:18px}.interaction-recipes{display:flex;gap:10px;justify-content:end}.likes,.comments{display:flex;align-items:center}.btn-like{border:none;background-color:#fff0}.btn-follow{padding:6px 12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid #999;border-radius:30px;background-color:#bfffad;font-size:.85rem;cursor:pointer;border:none}.username{display:flex;align-items:center;gap:5px}.username-initial{padding:5px 10px;background-color:#ffa8c5;border-radius:100px}.icon2:hover,.btn-follow:hover,.btn-edit:hover,.btn-save:hover{transform:scale(1.09);cursor:pointer}.type{padding:3px;border-radius:5px;width:200px}.type-breakfast{background-color:#ffb432}.type-lunch{background-color:#ffd966}.type-dinner{background-color:#d9ead3}.type-dessert{background-color:#f4cccc}.type-snack{background-color:#d9d2e9}.recipe-type,.time-serving-info{margin-bottom:15px}.plus{color:#047f00;font-size:20px;margin-right:5px}.recipe-description{margin-bottom:10px}.recipe-description p{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-main{display:flex;flex-direction:column;gap:30px}.btn-create-recipe{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background-color:#b7ffb7bf;border:2px solid #2fbf2f;color:#103f3c;font-size:.9rem;font-weight:700;text-decoration:none;cursor:pointer}.btn-create-recipe:hover{transform:scale(1.09)}.action{margin-bottom:20px;justify-self:end}.separator{outline:#1f6d2c;padding:px;margin-bottom:26px;border-bottom:2px solid var(--line)}.img-food{width:25px}.filter-container{display:flex;gap:30px;justify-content:center;margin:20px}.btn-filters{padding:5px;border:none;background-color:#cafec9;border-radius:5px;width:75px;box-shadow:0 4px #0003;color:#285730}.selected{background-color:#285730;color:#fff}.btn-filters:hover{transform:scale(1.09)}.recipe-details{max-width:900px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px;border:3px solid #ffffff;border-radius:16px;box-shadow:0 4px 10px #000000b3,0 10px 30px #0000000d;background-color:#cafec959;text-align:justify}.img-container{position:relative;border:1px solid #1f702c;border-radius:12px;padding:16px}.img-recipe-detail{height:260px;display:flex;justify-content:center;align-items:center}.img-recipe-detail img{width:100%;height:100%;object-fit:cover;border-radius:12px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.tags-recipe{display:flex;gap:10px;flex-wrap:wrap}.tag-recipe{padding:6px 10px;border-radius:999px;background:#eee}.meta{display:flex;gap:16px;flex-wrap:wrap}.ingredients-recipe,.steps-recipe{border-top:1px solid #1f702c;padding-top:16px}.comment-list{display:flex;flex-direction:column;gap:12px}.comment-card{border:1px solid #ddd;border-radius:12px;padding:12px;background-color:#fff}.comment-actions{display:flex;gap:8px;justify-content:flex-end}.description-title{display:flex;align-items:baseline;justify-content:space-between}.difficulty-easy{color:#2fbf2f}.difficulty-medium{color:#f2b705}.difficulty-hard{color:#c1121f}.owner-actions{display:flex;justify-content:end;gap:15px}.btn-edit{padding:8px 14px;border-radius:8px;border:2px solid #1f6f2c;background:transparent;color:#1f6f2c;font-weight:600;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.recipe-detail-description{text-align:justify}.steps-recipe ol{list-style:none;padding-left:0}.step-item{display:flex;gap:16px;margin-bottom:24px}.step-number{min-width:26px;height:26px;border-radius:50%;background-color:#285730;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.step-content h3{margin:0}.comment-header{display:flex;justify-content:space-between}.comment-header p{margin:0}.comment-owner{font-weight:600}.comment-time{font-size:15px}.comment-username-initial{font-size:15px;padding:2px 6px}.initial-username{display:flex;gap:5px;align-items:center}.no-comment{text-align:center;font-size:15px}.type-recipe-detail{margin:0;background-color:#285730;padding:5px 10px;border-radius:20px;color:#fff}.recipe-owner-detail{display:flex;justify-content:space-between;align-items:center}.comment-textarea{border-radius:20px;width:80%;padding-left:10px;align-content:center}.input-area-comment{display:flex;margin:20px;gap:20px}.form{display:flex;flex-direction:column;padding:20px;gap:20px}.general-info,.list-ingredients,.steps{width:60%;display:flex;flex-direction:column;margin:0 auto;border:3px solid #2fbf2f5e;padding:20px;border-radius:16px;background-color:#fff;box-shadow:0 4px 10px #000000b3,0 10px 30px #0000000d;gap:10px;text-align:left}.div-form{display:flex;flex-direction:column;gap:5px}.type-tags,.time-difficulty{display:flex;justify-content:space-between;flex-wrap:wrap}.type-form,.tags-form,.time,.servings,.name-ingredient,.unit-quantity,.ingredient,.step,.step-title,.step-description,.difficulty,.tags-for2{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tags-form{display:flex;flex-direction:column;gap:0}.input,.textarea,.select{height:25px;border-radius:5px;border:1px solid #4f6c4f94}.textarea{height:45px}.ingredient,.step{align-items:baseline;margin-bottom:20px;justify-content:space-around;flex-wrap:wrap}.btn-form,.btn-cancel-form{align-self:anchor-center;box-shadow:0 4px 10px #000000b3,0 10px 30px #0000000d}.btn-add-form{padding:4px 6px}.btn-remove-form,.btn-cancel-form{padding:7px;background-color:#7d0000;border:2px solid #960000;color:#fff;font-weight:500}.step-num{width:13px;padding:4px 7px;background-color:#c8fec9;border-radius:50%;margin:0;text-align:center}.people{font-size:15px;margin:0}.btn-cancel-form{font-weight:700}.btn-actions{display:flex;justify-content:center;gap:40px}.tags-form p{margin:2px;font-size:12px}.num-title,.input-info{display:flex;gap:5px;align-items:center}@media(max-width:800px){.type-form,.tags-form,.time .input,.servings,.select,.step-title,.step-description,.unit-quantity{width:100%;align-items:normal;margin-bottom:5px;flex-direction:column}.time-difficulty,.type-tags,.ingredient,.step,.name-ingredient,.time{flex-direction:column;align-items:stretch;gap:15px}.btn-remove-form{align-self:center}.num-title{display:flex;align-items:center;gap:15px}.input{width:100%}.input-info{display:flex;gap:5px}}.signup{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) 420px;align-items:stretch}.signup{min-width:900px;align-items:center}.signup__left{min-width:520px;height:100vh;overflow:hidden}.signup__left img{width:100%;height:100%;object-fit:cover;display:block}.signup__right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px;background:#fff;height:100%}.signup__title{font-family:Fredericka the Great,cursive;font-size:42px;font-weight:800;color:#254624;text-align:start;display:flex}.signup form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:16px}.signup form>div{display:grid;gap:6px}.signup label{align-self:flex-start;font-size:16px}.signup input{height:34px;border:1px solid #111;padding:6px 10px;font-size:14px}.signup__btn,.cancel__btn{height:36px;font-weight:700;cursor:pointer;border-radius:12px;background:#b7ffb7;box-shadow:0 3px #0003}.signin{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) 420px;align-items:stretch}.signin{min-width:900px;align-items:center}.signin__left{min-width:520px;height:100vh;overflow:hidden}.signin__left img{width:100%;height:100%;object-fit:cover;display:block}.signin__right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px;background:#fff;height:100%}.signin__title{font-family:Fredericka the Great,cursive;font-size:42px;font-weight:800;color:#254624;text-align:start;display:flex}.signin form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:16px}.signin form>div{display:grid;gap:6px}.signin label{align-self:flex-start;font-size:16px}.signin input{height:34px;border:1px solid #111;padding:6px 10px;font-size:14px}.signin__actions{display:grid;gap:10px;margin-top:6px}.signin__btn,.cancel__btn{height:36px;font-weight:700;cursor:pointer;border-radius:12px;background:#b7ffb7;box-shadow:0 3px #0003}.nav-link,.nav-logo{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#285730;width:100%}.nav-logo{margin-bottom:20%}.nav-link.active{font-weight:600;background-color:#285730;color:#fff;width:90%;text-align:start}.nav-list,.nav-user{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;align-items:baseline;width:100%;text-align:left}.sidebar{position:sticky;top:0;height:100vh;width:240px;padding:16px;background:#fff;box-shadow:0 4px 10px #000000b3,0 10px 30px #0000000d}.logo{font-size:35px}.ul-nav{padding-inline-start:0}.app-layout{display:grid;grid-template-columns:260px 1fr}.app-content{margin:0}.profile-page{max-width:900px;padding:24px;display:flex;flex-direction:column;margin:0 auto;border:3px solid #2fbf2f5e;border-radius:16px;background-color:#fff;box-shadow:0 4px 10px #000000b3,0 10px 30px #0000000d;gap:10px}.profile-title{text-align:center;margin-bottom:16px}.profile-bio,.profile-recipes{border:3px solid #ffffff;border-radius:16px;background-color:#fffd;justify-items:center}.bio-textarea{width:35%;padding:8px;border-radius:8px;border:2px solid #1f702c;font-size:16px}.bio-buttons{display:flex;gap:12px;margin-top:8px}.bio-text{font-size:16px;line-height:1.5;text-align:justify;margin-bottom:12px}.profile-bio p{margin:0}.recipe-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:12px}.recipe-card{padding:12px 16px;border-radius:12px;border:1px solid #1f702c;background-color:#f0fff0;font-weight:600;transition:transform .2s}.recipe-card:hover{transform:scale(1.02)}.no-recipes{text-align:center;font-size:15px;color:#555}.loading-text{text-align:center;font-size:18px;margin-top:50px}.title-recipe-profile{justify-self:baseline;margin-bottom:-35px;margin-left:15%}html,body,#root{height:100%}.followers-bg{min-height:100vh;background-image:url(/assets/foodbg-4Ozqn0S0.png);background-attachment:fixed;background-size:auto;background-repeat:repeat;padding:0}.followers-page{max-width:900px;margin:0 auto;background:#b7ffb748;border-radius:18px;padding:40px;box-shadow:0 10px 40px #00000014}.profile-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.profile-header h2{margin:0;font-size:34px}.profile-header p{margin:0;opacity:.75}.avatar{width:80px;height:80px;border-radius:999px;display:grid;place-items:center;font-weight:800;border:2px solid rgba(0,0,0,.12);background:#ffa8c5;font-size:45px}.a-follower{width:40px;height:40px;font-size:20px}.avatar.small{width:44px;height:44px;font-size:14px}.follow-tabs{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(0,0,0,.15);padding-top:18px;margin-top:35px;margin-bottom:26px}.follow-tabs button{border:none;background:transparent;cursor:pointer;font-weight:800;padding:10px 12px;border-bottom:3px solid transparent;opacity:.85}.follow-tabs button.active{border-bottom:3px solid rgba(0,0,0,.75);opacity:1}.search-wrap{margin-left:auto;display:flex;align-items:center;gap:10px}.follow-tabs input{margin-left:0;width:310px;height:38px;padding:8px 12px;border:1px solid rgba(0,0,0,.28);border-radius:10px;outline:none}.search-btn{height:38px;padding:8px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.28);background:#bef5cdcc;cursor:pointer;font-weight:800}.search-btn:hover{background:#bef5cd}.follow-tabs input:focus{border-color:#3ca05a99;box-shadow:0 0 0 3px #3ca05a26}.user-list{display:flex;flex-direction:column;gap:14px;margin-top:10px}.user-card{border:1px solid rgba(0,0,0,.22);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:#fdfdfdd9;box-shadow:0 2px 10px #0000000a}.user-info{display:flex;align-items:center;gap:12px}.user-info p{margin:4px 0 0;opacity:.7;font-size:14px}.user-card button{border:1px solid rgba(0,0,0,.25);background:#bef5cdcc;padding:9px 16px;border-radius:12px;cursor:pointer;font-weight:800}.user-card button:hover{background:#bef5cd}.empty{text-align:center;margin-top:40px;font-size:20px;font-weight:700;opacity:.85}.error{text-align:center;margin-top:14px;color:#b00020;font-weight:700}#root{margin:0;text-align:center}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;padding:24px}body{margin:0!important;background-image:url(/assets/foodbg-4Ozqn0S0.png)}