.header-bar { float:right; margin:0 0 12px 20px; }
.add-recipe-btn { padding:12px 20px; min-height:48px; }
.filter-panel { background:white; padding:20px; border:1px solid var(--line); border-radius:14px; }
.filter-search input { background:#f5f8f9; border-radius:10px; min-height:52px; }
.chip { min-height:44px; font-size:.9rem; border-color:var(--line); }
.filter-label { font-size:.875rem; }
.view-tab { border-radius:8px; min-height:44px; font-size:1rem; }
#recipeList { grid-template-columns:repeat(auto-fill,minmax(255px,1fr)); gap:24px; }
.recipe-box { border-color:var(--line); border-radius:14px; box-shadow:0 4px 14px #173d4406; }
.recipe-box-photo { height:210px; background:linear-gradient(135deg,#c8ddd8,#8eacb1); }
.recipe-box-photo .placeholder-letter { color:#193b42; }
.recipe-box-body { padding:20px; }
.recipe-box-title { font-size:1.4rem; font-weight:500; }
.recipe-box-meta,.recipe-box-author { font-size:.9rem; }
.recipe-box-fav { width:44px; height:44px; padding:0; font-size:1.25rem; }
.recipe-box-shop { min-height:44px; margin-top:16px; font-size:.875rem; }
#detailModal { padding:28px; background:#132f39aa; }
#detailModal .modal-panel { width:min(1100px,100%); max-height:calc(100dvh - 56px); border-radius:18px; }
#detailTitle { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:500; }
#detailContent { padding:28px; display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr); gap:14px 36px; }
#detailContent > * { grid-column:1/-1; }
#detailContent .detail-hero { height:280px; margin:0 0 12px; }
#detailContent .detail-subtitle { margin:0; }
#detailContent .recipe-section:has(.ingredients) { grid-column:1; grid-row:span 2; }
#detailContent .recipe-section:has(ol) { grid-column:2; }
.recipe-section h4 { font-size:1.05rem; text-transform:none; letter-spacing:0; color:var(--primary); }
.ingredients { list-style:none; padding:0!important; }
.ingredient-check { display:flex; align-items:flex-start; gap:12px; font-weight:400; font-size:1rem; padding:10px 0; margin:0; border-bottom:1px solid var(--line); }
.ingredient-check input { width:20px; height:20px; flex:none; margin:3px 0 0; }
.ingredient-check:has(input:checked) span { text-decoration:line-through; color:var(--muted); }
.recipe-section ol { padding-left:1.8rem; }
.recipe-section ol li { padding:6px 0 14px 8px; font-size:1.05rem; }
.recipe-section ol li::marker { color:var(--accent); font-weight:700; }
.cook-toolbar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; background:var(--accent-soft); padding:14px; border-radius:10px; }
.cook-toolbar button { background:white; color:var(--primary); border:1px solid #abc8cc; }
.cook-toolbar p { margin:0; font-size:.9rem; }
.cooking-mode #detailContent .detail-hero,.cooking-mode #detailContent .recipe-tags,.cooking-mode #detailContent .recipe-links,.cooking-mode #detailContent .detail-actions { display:none; }
.cooking-mode #detailContent .recipe-section li,.cooking-mode .ingredient-check { font-size:1.25rem; }
.detail-actions button.danger { flex:0 1 auto; background:#fff; color:#a12e2e; border:1px solid #e4baba; }
@media(max-width:700px) { #recipeList { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .recipe-box-photo { height:150px; } .recipe-box-body { padding:12px; } .recipe-box-title { font-size:1.2rem; } #detailModal { padding:0; } #detailModal .modal-panel { width:100%; max-height:100dvh; border-radius:0; min-height:100dvh; } #detailContent { display:block; padding:20px; } #detailContent > * { margin-bottom:18px; } .header-bar { float:none; margin:0 0 16px; } }
@media(max-width:360px) { #recipeList { grid-template-columns:1fr; } }
@media print { #detailContent { display:block!important; padding:0!important; } .ingredient-check input { display:none; } .ingredient-check span { color:#000!important; text-decoration:none!important; } .cook-toolbar { display:none!important; } }

@media(max-width:700px){body.has-hub-chrome .site-header{display:flex;flex-direction:column;padding:20px 16px;}.site-header h1{margin:0;font-size:1.9rem;}.header-bar{order:3;margin:12px 0 0;justify-content:flex-start;}.category-chips{flex-wrap:nowrap;overflow-x:auto;padding:3px 0 8px;}.category-chips .chip{flex-shrink:0;}.filter-panel{padding:14px;}.filter-sort{margin-top:0;}}