.recipe-view{line-height:var(--line-height-relaxed);animation:fadeIn .4s ease-out}.recipe-view h1{margin-top:0;margin-bottom:var(--space-4);font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:var(--line-height-tight)}.recipe-byline{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.recipe-stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);font-size:var(--font-size-sm);color:var(--text-secondary);background-color:var(--bg-surface);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.recipe-stats .stat-item{display:flex;align-items:center;gap:var(--space-2)}.recipe-stats .stat-label{color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.recipe-stats .stat-value{color:var(--text-primary);font-weight:700;font-size:var(--font-size-base)}.recipe-stats .stat-divider{width:1px;height:20px;background-color:var(--border-color)}.macros-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.recipe-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.8;font-weight:400}.recipe-action-buttons{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.recipe-action-btn{display:flex;align-items:center;justify-content:center;padding:.6rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.recipe-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.recipe-action-btn.is-favorite{color:var(--color-accent);border-color:#f59e0b4d;background-color:#f59e0b0d}.recipe-action-btn.is-favorite:hover{background-color:#f59e0b1a}.recipe-mobile-header{display:flex;align-items:center;justify-content:flex-end;position:fixed;top:0;left:0;right:0;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-3) calc(56px + var(--space-4));background-color:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));z-index:100;border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.recipe-mobile-header .recipe-action-buttons{margin-bottom:0}.recipe-view h2{margin-top:var(--space-12);margin-bottom:var(--space-6);font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-color)}.ingredient-groups,.instructions-list,.notes-list{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);transition:var(--transition-base);margin-bottom:var(--space-8);list-style:none}.ingredient-groups:hover,.instructions-list:hover,.notes-list:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.ingredient-group{margin-bottom:var(--space-6)}.ingredient-group ul,.recipe-view>ul{list-style:none;padding:0;margin:0}.ingredient-group:last-child{margin-bottom:0}.ingredient-group-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);margin-top:0}.ingredient-item{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color .15s}.ingredient-item:hover{background-color:var(--bg-tertiary)}.ingredient-checkbox{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;border-radius:4px}.ingredient-text{flex:1;color:var(--text-primary);line-height:1.6;transition:opacity .2s,text-decoration .2s;font-size:var(--font-size-base)}.ingredient-text.checked{opacity:.5;text-decoration:line-through;color:var(--text-muted)}.instructions-list{counter-reset:instruction-counter;list-style:none;display:flex;flex-direction:column;gap:var(--space-6)}.instructions-list li{position:relative;padding-left:var(--space-10);line-height:1.8;color:var(--text-primary);font-size:var(--font-size-base)}.instructions-list li:before{counter-increment:instruction-counter;content:counter(instruction-counter);position:absolute;left:0;top:0;width:28px;height:28px;background-color:var(--bg-tertiary);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:inset 0 0 0 1px var(--border-color)}.notes-list{margin:0;padding:var(--space-8)}.notes-list li{margin-bottom:var(--space-4);line-height:1.7;color:var(--text-secondary);font-style:italic;padding-left:var(--space-4);border-left:3px solid var(--color-accent);background-color:#f59e0b0d;padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-lg) var(--radius-lg) 0}@media(max-width:768px){.recipe-view h1{font-size:var(--font-size-3xl)}.ingredient-groups,.instructions-list,.notes-list{padding:var(--space-4)}.recipe-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-4);align-items:start}.recipe-stats .stat-item{flex-direction:column;align-items:flex-start;gap:0}.recipe-stats .stat-divider{display:none}.macros-row{grid-column:span 2;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border-color);width:100%}.macros-row .stat-item{flex-direction:row;align-items:baseline;gap:var(--space-2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recipe-skeleton .sk-icon{width:32px;height:32px;display:block}.recipe-skeleton .mb-1{margin-bottom:var(--space-1)}.recipe-skeleton .mb-2{margin-bottom:var(--space-2)}.recipe-skeleton .mb-3{margin-bottom:var(--space-3)}.recipe-skeleton .mb-5{margin-bottom:var(--space-5)}.recipe-skeleton .mb-6{margin-bottom:var(--space-6)}.recipe-skeleton .aspect-video{width:100%;aspect-ratio:var(--recipe-image-aspect-ratio)}.recipe-skeleton .sk-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.recipe-skeleton .sk-section-title{margin-top:var(--space-10);margin-bottom:var(--space-5)}.recipe-skeleton .list-reset{list-style:none;padding:0;margin:0}.recipe-skeleton .sk-checkbox-container{flex-shrink:0;margin-top:2px}.recipe-skeleton .flex-1{flex:1}.recipe-skeleton .sk-instruction-item{margin-bottom:var(--space-5);padding-left:var(--space-5)}.recipe-skeleton .sk-note-item{margin-bottom:var(--space-2);padding-left:var(--space-5)}
