:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#25332d;background:#f7f8f4;font-size:17px;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:#24624a}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;min-height:46px;border-radius:12px;border:1px solid #c9d6cb;background:white;color:#214e3c;padding:10px 18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:650}button:hover,.button:hover{background:#e9f2e9}.primary{background:#27694f;color:white;border-color:#27694f}.primary:hover{background:#1d523e}.big{width:100%;font-size:1.1rem}.top{background:white;border-bottom:1px solid #e4e9e2;padding:14px max(20px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.brand{text-decoration:none;font-weight:800;font-size:1.2rem;color:#254b38}.top nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.top nav a{text-decoration:none}.top nav form{display:inline}.text-button{min-height:38px;border:0;padding:5px;background:transparent;font-weight:500}.container{max-width:1080px;margin:34px auto 70px;padding:0 20px;min-height:65vh}h1{font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.2;margin:10px 0}h2{font-size:1.35rem;margin:28px 0 8px}p{color:#5b6c62}.panel{background:white;border:1px solid #e0e8df;border-radius:18px;padding:24px;margin:20px 0}.narrow{max-width:460px;margin:70px auto}.narrow form,.recipe-form,.import-form{display:grid;gap:10px}label,legend{font-weight:650}input:not([type=checkbox]),textarea,select{width:100%;min-height:48px;border:1px solid #b9cbbd;border-radius:10px;padding:10px 12px;background:#fff;color:#24392e}textarea{resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #91c5aa;outline-offset:2px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.back{display:inline-block;margin-bottom:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}.profile-card button{width:100%;height:210px;display:flex;flex-direction:column;gap:8px}.profile-card strong{font-size:1.3rem}.avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#d7ecdc;color:#21553d;font-size:2rem}.category-card,.recipe-card{background:#fff;border:1px solid #dfe9df;border-radius:17px;padding:22px;min-height:140px;display:flex;flex-direction:column;gap:12px}.category-card a,.recipe-card{text-decoration:none;color:#283c30}.category-card a{display:flex;flex-direction:column;gap:8px;flex:1}.category-card strong,.recipe-card strong{font-size:1.22rem}.category-card span,.recipe-card span{color:#60766a}.recipe-card:hover,.category-card:hover{border-color:#82ac90}.recipe-emoji{font-size:1.8rem}.recipe-card .read{margin-top:auto;color:#24624a;font-weight:650}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tabs a{border-radius:30px;background:white;border:1px solid #cbd8ce;padding:9px 17px;text-decoration:none}.tabs a.active{background:#27694f;color:white}.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-form input{flex:1;min-width:220px}.filters{display:grid;gap:12px}.filters fieldset,.recipe-form fieldset{border:0;padding:10px 0;margin:0}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.chips label,.chips.static span{background:#eef4ec;padding:10px 14px;border-radius:30px;font-weight:500}.chips input{width:19px;height:19px;vertical-align:middle;accent-color:#27694f}.actions{display:flex;gap:12px;flex-wrap:wrap}.count{font-weight:700}.notice{background:#e3f3e8;border-radius:10px;padding:13px 16px;margin-bottom:20px}.notice.error{background:#ffe9e5;color:#8c3027}.empty{background:#fff;border-radius:14px;padding:30px;text-align:center}.small{font-size:.85rem;min-height:35px;padding:5px 12px}.danger{color:#a1322a;border-color:#e9bdb7}.recipe-detail{max-width:820px}.recipe-image{width:100%;max-height:380px;object-fit:cover;border-radius:12px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.source{margin-top:32px;padding-top:20px;border-top:1px solid #e0e8df}footer{text-align:center;color:#738077;padding:25px}small{color:#61766a}@media(max-width:680px){.top{padding:14px 18px}.top nav{gap:6px}.top nav a,.text-button{font-size:.85rem}.container{margin-top:20px}.panel{padding:18px}.heading .button{width:100%}.inline-form{display:grid}.inline-form label,.inline-form input,.inline-form button{width:100%}.cards{grid-template-columns:1fr 1fr}.profile-card button{height:170px}.category-card,.recipe-card{padding:15px}.recipe-grid{grid-template-columns:1fr}}@media(max-width:400px){.cards{grid-template-columns:1fr}}