:root{--type-family-sans:"Inter",system-ui,-apple-system,sans-serif;--type-family-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--type-weight-regular:400;--type-weight-medium:500;--type-weight-semibold:600;--type-weight-bold:700;--type-size-caption:0.75rem;--type-size-helper:0.875rem;--type-size-body:1rem;--type-size-body-strong:1.0625rem;--type-size-title-sm:1.125rem;--type-size-title-md:1.375rem;--type-size-title-lg:clamp(1.85rem,1.55rem + 1vw,2.75rem);--type-leading-tight:1.1;--type-leading-snug:1.25;--type-leading-body:1.6;--type-leading-supporting:1.45;--type-tracking-tight:-0.02em;--type-tracking-normal:0;--type-tracking-wide:0.08em;--type-tracking-wider:0.12em;--hc-color-bg:var(--color-bg-primary);--hc-color-surface:var(--color-bg-panel);--hc-color-surface-alt:var(--color-bg-input);--hc-color-bg-light:var(--color-accent);--hc-color-banner-bg:color-mix(in srgb,var(--hc-color-bg-light) 55%,var(--hc-color-surface));--hc-color-accent-primary:var(--color-bg-primary);--hc-color-accent-secondary:var(--color-accent);--hc-color-text-primary:var(--color-text-primary);--hc-color-text-secondary:var(--color-text-secondary);--hc-color-text-muted:var(--color-text-secondary);--hc-font-family:var(--type-family-sans);--hc-font-title:var(--type-weight-bold) var(--type-size-title-lg) /var(--type-leading-tight) var(--hc-font-family);--hc-font-section:var(--type-weight-semibold) var(--type-size-title-md) /var(--type-leading-snug) var(--hc-font-family);--hc-font-body:var(--type-weight-regular) var(--type-size-body) /var(--type-leading-body) var(--hc-font-family);--hc-font-meta:var(--type-weight-medium) var(--type-size-helper) /var(--type-leading-supporting) var(--hc-font-family);--hc-letter-tight:var(--type-tracking-tight);--hc-letter-body:var(--type-tracking-normal);--hc-space-1:0.5rem;--hc-space-2:1rem;--hc-space-3:1.5rem;--hc-space-4:2rem;--hc-space-5:3rem;--hc-space-6:4rem;--hc-max-recipe:720px;--hc-max-list:1120px;--hc-max-admin:1200px;--hc-radius-card:28px;--hc-radius-button:999px;--hc-radius-input:18px;--hc-radius-image:24px;--hc-radius-circle:50%;--hc-shadow-card:0 12px 42px color-mix(in srgb,var(--color-bg-primary) 22%,transparent);--hc-shadow-soft:0 6px 18px color-mix(in srgb,var(--color-bg-primary) 16%,transparent);--hc-transition:180ms ease}.hc-page{min-height:100vh;color:var(--hc-color-text-primary);font:var(--hc-font-body);letter-spacing:var(--hc-letter-body);padding:var(--hc-space-2)}.hc-shell{max-width:var(--hc-max-list);margin:0 auto;display:grid;grid-gap:var(--hc-space-3);gap:var(--hc-space-3)}.hc-topbar{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--hc-space-2);gap:var(--hc-space-2);background:var(--hc-color-banner-bg);border-radius:var(--hc-radius-card);padding:var(--hc-space-2);box-shadow:var(--hc-shadow-soft)}.hc-title{font:var(--hc-font-title);letter-spacing:var(--hc-letter-tight);margin:0}.hc-subtitle{margin:0;color:var(--hc-color-text-secondary)}.hc-section-title{font:var(--hc-font-section);letter-spacing:var(--hc-letter-tight);margin:0}.hc-link-reset{color:inherit;text-decoration:none}.hc-input,.hc-search-pill,.hc-textarea{width:100%;min-height:44px;border:none;border-radius:var(--hc-radius-button);background:var(--color-bg-input);padding:.7rem 1rem;color:var(--hc-color-text-primary);font:var(--hc-font-body)}.hc-input,.hc-textarea{border-radius:var(--hc-radius-input)}.hc-tabs{overflow:auto;padding-bottom:2px}.hc-header-actions,.hc-tabs{display:flex;gap:var(--hc-space-1)}.hc-header-actions{align-items:center;justify-content:space-between}.hc-header-actions .hc-tabs{flex:1 1}.hc-button,.hc-icon-button,.hc-pill{min-height:44px;border:none;border-radius:var(--hc-radius-button);padding:.55rem 1rem;font:var(--hc-font-meta);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background var(--hc-transition),transform var(--hc-transition)}.hc-button:hover,.hc-icon-button:hover,.hc-pill:hover{transform:translateY(-1px)}.hc-button--primary:hover,.hc-pill.is-active:hover{background:var(--color-accent)}.hc-button--primary:active,.hc-pill.is-active:active{background:color-mix(in srgb,var(--color-bg-primary) 85%,var(--color-text-primary))}.hc-button--primary:disabled,.hc-pill.is-active:disabled{background:var(--color-accent);color:var(--color-text-on-dark)}.hc-button--primary,.hc-pill.is-active{background:var(--hc-color-accent-primary);color:var(--color-text-on-dark)}.hc-button--secondary,.hc-icon-button,.hc-pill{background:var(--hc-color-surface-alt);color:var(--hc-color-text-primary)}.hc-icon-button{width:44px;padding:0;border-radius:var(--hc-radius-circle)}.hc-card{background:var(--hc-color-surface);border-radius:var(--hc-radius-card);box-shadow:var(--hc-shadow-card);padding:var(--hc-space-3)}.hc-workspace-band{background:var(--hc-color-banner-bg);color:var(--color-text-primary)}.hc-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--hc-radius-image);background:var(--hc-color-surface-alt)}.hc-meta-row{display:flex;flex-wrap:wrap;gap:var(--hc-space-1);color:var(--hc-color-text-muted);font:var(--hc-font-meta)}.hc-metadata-chip{background:color-mix(in srgb,var(--hc-color-bg-light) 60%,var(--hc-color-surface));border-radius:var(--hc-radius-button);padding:.32rem .8rem}.hc-grid{display:grid;grid-gap:var(--hc-space-2);gap:var(--hc-space-2)}.hc-library-grid{grid-template-columns:1fr}.hc-step-list{list-style:none;margin:0;padding:0}.hc-step-card{background:color-mix(in srgb,var(--hc-color-surface) 90%,var(--hc-color-bg-light));border-radius:20px;padding:var(--hc-space-2);display:flex;align-items:flex-start;gap:1rem}.hc-step-text{margin:0;min-width:0}.hc-step-index{width:2rem;height:2rem;border-radius:var(--hc-radius-circle);background:var(--hc-color-accent-primary);color:var(--hc-color-surface);font:var(--hc-font-meta);display:inline-grid;place-items:center;flex-shrink:0;position:relative;top:.2rem}.hc-soft-panel{background:color-mix(in srgb,var(--hc-color-bg-light) 65%,var(--hc-color-surface));border-radius:20px;padding:var(--hc-space-2);color:var(--hc-color-text-secondary)}.hc-recipe-shell{max-width:var(--hc-max-recipe);margin:0 auto;display:grid;grid-gap:var(--hc-space-2);gap:var(--hc-space-2)}.hc-focus-toggle{display:flex;justify-content:flex-end;flex-shrink:0}.hc-section--primary{position:relative}.hc-recipe-shell.is-focus .hc-section--primary{box-shadow:0 14px 36px color-mix(in srgb,var(--hc-color-bg) 26%,transparent);border:1px solid color-mix(in srgb,var(--hc-color-bg) 12%,transparent)}.hc-recipe-shell.is-focus .hc-section--primary .hc-section-title{font-size:clamp(1.35rem,2.6vw,1.9rem)}.hc-recipe-shell.is-focus .hc-section--primary ol,.hc-recipe-shell.is-focus .hc-section--primary p,.hc-recipe-shell.is-focus .hc-section--primary ul{font-size:1.05rem}.hc-recipe-shell.is-focus .hc-step-card{background:color-mix(in srgb,var(--hc-color-surface) 80%,var(--hc-color-bg-light));border:1px solid color-mix(in srgb,var(--hc-color-bg) 18%,transparent)}.hc-recipe-shell.is-focus .hc-recipe-meta,.hc-recipe-shell.is-focus .hc-recipe-notes,.hc-recipe-shell.is-focus .hc-recipe-tips{opacity:.6}.hc-recipe-shell.is-focus .hc-recipe-meta{filter:saturate(.6)}.hc-recipe-shell.is-focus .hc-recipe-notes,.hc-recipe-shell.is-focus .hc-recipe-tips{background:color-mix(in srgb,var(--hc-color-surface) 85%,var(--hc-color-bg-light))}.hc-bottom-tabs{position:-webkit-sticky;position:sticky;bottom:var(--hc-space-1);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;background:color-mix(in srgb,var(--hc-color-bg-light) 44%,var(--hc-color-surface));border-radius:22px;padding:.4rem;box-shadow:var(--hc-shadow-soft)}@media (min-width:768px){.hc-page{padding:var(--hc-space-3)}.hc-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-topbar{grid-template-columns:auto minmax(260px,360px) auto}.hc-bottom-tabs{position:static;max-width:420px}}@media (min-width:1080px){.hc-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hc-focus-v2{position:fixed;inset:0;z-index:70;display:grid;grid-gap:0;gap:0;width:100%;max-width:none;min-height:100vh;background:var(--hc-color-surface)}.hc-focus-v2-photo{width:100%;height:220px;object-fit:cover;position:-webkit-sticky;position:sticky;top:0;z-index:20}.hc-focus-v2-header-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--hc-space-1);padding:0 var(--hc-space-2);background:var(--hc-color-surface-alt);border-bottom:1px solid color-mix(in srgb,var(--hc-color-bg) 18%,transparent)}.hc-focus-v2-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;flex:1 1}.hc-focus-v2-controls{display:flex;align-items:center;gap:var(--hc-space-1);flex-shrink:0}.hc-focus-v2-exit,.hc-focus-v2-keepawake{border:0;border-radius:var(--hc-radius-button);min-height:44px;padding:.5rem .9rem;font:var(--hc-font-meta);cursor:pointer;white-space:nowrap}.hc-focus-v2-exit{background:color-mix(in srgb,var(--hc-color-bg) 80%,transparent);color:var(--color-text-on-dark)}.hc-focus-v2-keepawake{background:color-mix(in srgb,var(--hc-color-surface-alt) 85%,var(--hc-color-surface));color:var(--hc-color-text-primary)}.hc-focus-v2-keepawake.is-active{background:var(--hc-color-accent-primary);color:var(--color-text-on-dark)}.hc-focus-v2-tab{min-height:48px;border:0;background:transparent;color:var(--hc-color-text-primary);font:var(--hc-font-meta);white-space:nowrap;cursor:pointer}.hc-focus-v2-tab.is-active{background:var(--hc-color-surface);font-weight:700}.label-mobile{display:none}.label-desktop{display:inline}.hc-focus-v2-panel-wrap{width:100%;min-height:0;flex:1 1}.hc-focus-v2-panel{width:100%;padding:var(--hc-space-2);padding-bottom:max(var(--hc-space-2),1.5rem);height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;touch-action:pan-y;background:var(--hc-color-surface)}.hc-focus-v2[data-photo-visible=true] .hc-focus-v2-panel{height:calc(100vh - 220px - 48px)}.hc-focus-v2-panel .hc-step-card{background:color-mix(in srgb,var(--hc-color-surface) 92%,var(--hc-color-bg-light))}@media (max-width:480px) and (orientation:portrait){.label-desktop{display:none}.label-mobile{display:inline}}@media (min-width:1024px){.hc-focus-v2{max-width:var(--hc-max-recipe);margin:0 auto;border-radius:var(--hc-radius-card);box-shadow:var(--hc-shadow-card);min-height:100vh}.hc-focus-v2-panel{padding:var(--hc-space-3);padding-bottom:max(var(--hc-space-3),2rem);height:calc(100vh - 48px);min-height:0;overflow-y:auto}.hc-focus-v2[data-photo-visible=true] .hc-focus-v2-panel{height:calc(100vh - 280px - 48px)}.hc-focus-v2-photo{position:static;height:280px}}