@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:wght@900&display=swap";:root{--cm-color-white: #ffffff;--cm-color-zinc-100: #f4f4f5;--cm-color-zinc-200: #e4e4e7;--cm-color-zinc-300: #d4d4d8;--cm-color-zinc-400: #a1a1aa;--cm-color-zinc-800: #27272a;--cm-color-zinc-900: #18181b;--cm-color-zinc-950: #09090b;--cm-color-gray-200: #e5e7eb;--cm-color-green-600: #2d6a4f;--cm-color-green-700: #245a42;--cm-color-green-100: #d8f3dc;--cm-color-red-600: #c0392b;--cm-color-red-700: #96281b;--cm-spacing-1: 4px;--cm-spacing-2: 8px;--cm-spacing-3: 12px;--cm-spacing-4: 16px;--cm-spacing-5: 20px;--cm-spacing-6: 24px;--cm-spacing-8: 32px;--cm-spacing-12: 48px;--cm-radius-sm: 6px;--cm-radius-md: 7px;--cm-radius-lg: 10px;--cm-radius-full: 999px;--cm-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--cm-shadow-md: 0 4px 12px rgba(0,0,0,.07);--cm-font-size-xs: .7rem;--cm-font-size-sm: .8rem;--cm-font-size-base: .875rem;--cm-font-size-md: .9rem;--cm-font-size-lg: 1.1rem;--cm-font-size-xl: 1.5rem;--cm-font-family-sans: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cm-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--cm-font-family-heading: "Montserrat", sans-serif;--cm-font-weight-normal: 400;--cm-font-weight-medium: 500;--cm-font-weight-semibold: 600;--cm-font-weight-bold: 700;--cm-font-weight-black: 900;--cm-z-nav: 100;--cm-z-modal: 200;--cm-z-toast: 999;--cm-button-background-secondary: rgba(0, 0, 0, 0);--cm-button-background-ghost: rgba(0, 0, 0, 0);--cm-modal-overlay: rgba(0, 0, 0, .4);--cm-color-background-default: var(--cm-color-white);--cm-color-background-subtle: var(--cm-color-zinc-100);--cm-color-surface-default: var(--cm-color-white);--cm-color-foreground-default: var(--cm-color-zinc-950);--cm-color-foreground-muted: var(--cm-color-zinc-400);--cm-color-outline-default: var(--cm-color-gray-200);--cm-color-outline-strong: var(--cm-color-zinc-200);--cm-color-brand-default: var(--cm-color-zinc-950);--cm-color-brand-hover: var(--cm-color-zinc-800);--cm-color-brand-foreground: var(--cm-color-white);--cm-color-danger-default: var(--cm-color-red-600);--cm-color-danger-hover: var(--cm-color-red-700);--cm-color-danger-foreground: var(--cm-color-white);--cm-button-radius: var(--cm-radius-md);--cm-input-radius: var(--cm-radius-md);--cm-card-shadow: var(--cm-shadow-sm);--cm-card-radius: var(--cm-radius-lg);--cm-modal-shadow: var(--cm-shadow-md);--cm-modal-radius: var(--cm-radius-lg);--cm-badge-radius: var(--cm-radius-full);--cm-toast-foreground: var(--cm-color-white);--cm-button-background-primary: var(--cm-color-brand-default);--cm-button-background-danger: var(--cm-color-danger-default);--cm-button-background-hover-primary: var(--cm-color-brand-hover);--cm-button-background-hover-secondary: var(--cm-color-background-subtle);--cm-button-background-hover-danger: var(--cm-color-danger-hover);--cm-button-background-hover-ghost: var(--cm-color-background-subtle);--cm-button-foreground-primary: var(--cm-color-brand-foreground);--cm-button-foreground-secondary: var(--cm-color-foreground-default);--cm-button-foreground-danger: var(--cm-color-danger-foreground);--cm-button-foreground-ghost: var(--cm-color-foreground-default);--cm-button-border-secondary: var(--cm-color-outline-default);--cm-input-background: var(--cm-color-surface-default);--cm-input-border: var(--cm-color-outline-default);--cm-input-border-focus: var(--cm-color-brand-default);--cm-input-border-error: var(--cm-color-danger-default);--cm-input-foreground: var(--cm-color-foreground-default);--cm-input-placeholder: var(--cm-color-foreground-muted);--cm-card-background: var(--cm-color-surface-default);--cm-card-border: var(--cm-color-outline-default);--cm-modal-background: var(--cm-color-surface-default);--cm-badge-background: var(--cm-color-background-subtle);--cm-badge-foreground: var(--cm-color-foreground-muted);--cm-toast-background: var(--cm-color-foreground-default);--cm-toast-background-success: var(--cm-color-brand-default);--cm-toast-foreground-success: var(--cm-color-brand-foreground);--cm-toast-background-error: var(--cm-color-danger-default);--cm-toast-foreground-error: var(--cm-color-danger-foreground);--cm-avatar-background: var(--cm-color-background-subtle);--cm-avatar-foreground: var(--cm-color-foreground-muted);--cm-alert-background-info: var(--cm-color-background-subtle);--cm-alert-foreground-info: var(--cm-color-foreground-default);--cm-alert-border-info: var(--cm-color-outline-default);--cm-alert-background-success: var(--cm-color-brand-default);--cm-alert-foreground-success: var(--cm-color-brand-foreground);--cm-alert-border-success: var(--cm-color-brand-hover);--cm-alert-background-danger: var(--cm-color-danger-default);--cm-alert-foreground-danger: var(--cm-color-danger-foreground);--cm-alert-border-danger: var(--cm-color-danger-hover)}:root{font-family:var(--cm-font-family-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit}.search-input{position:relative;display:flex;align-items:center}.search-input input{width:100%;padding:.6rem 2.25rem .6rem 2.1rem;border:1.5px solid var(--cm-input-border);border-radius:var(--cm-radius-full);font-size:var(--cm-font-size-base);font-family:inherit;background:var(--cm-input-background);color:var(--cm-input-foreground);transition:border-color .15s,box-shadow .15s}.search-input input::placeholder{color:var(--cm-input-placeholder)}.search-input input:focus{outline:none;border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #d4d4d866}.search-input-icon{position:absolute;left:.75rem;color:var(--cm-color-foreground-muted);display:flex;align-items:center;pointer-events:none}.search-input-clear{position:absolute;right:.6rem;background:none;border:none;cursor:pointer;color:var(--cm-color-foreground-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:background .15s,color .15s}.search-input-clear:hover{background:var(--cm-color-background-subtle);color:var(--cm-color-foreground-default)}.filter-pills{display:flex;align-items:center;gap:var(--cm-spacing-2)}.filter-pill{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:var(--cm-spacing-2);border-radius:var(--cm-radius-full);background:var(--cm-color-background-subtle);border:none;color:var(--cm-color-foreground-default);font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);font-family:inherit;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .15s,color .15s}.filter-pill:hover{background:var(--cm-color-outline-strong)}.filter-pill--active{background:var(--cm-color-brand-default);color:var(--cm-color-brand-foreground)}.filter-pill--active:hover{background:var(--cm-color-brand-hover)}.filter-pill-count{color:var(--cm-color-foreground-muted)}.filter-pill--active .filter-pill-count{color:#ffffff8c}.filter-bar-wrapper{display:flex;align-items:center;gap:6px;margin-bottom:1rem;margin-inline:-1rem;padding-left:1rem}@media(min-width:900px){.filter-bar-wrapper{margin-inline:-2.25rem;padding-left:2.25rem}}.filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:4px;border-radius:var(--cm-radius-full);background:none;border:none;color:var(--cm-color-foreground-default);font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);font-family:inherit;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:color .15s,background .15s}.filter-toggle-btn:hover{opacity:.7}.filter-toggle-btn--active{color:var(--cm-color-foreground-default);background:var(--cm-color-background-subtle);border-radius:var(--cm-radius-full);padding:6px}.filter-toggle-btn--active:hover{opacity:.7}.filter-toggle-badge{background:#ffffff40;border-radius:999px;font-size:10px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px}.filter-bar-divider{width:1px;height:24px;background:var(--cm-color-outline-default);flex-shrink:0;margin-inline:8px}.filter-bar{flex:1;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-drawer{max-height:85vh;overflow-y:auto}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.filter-drawer-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--cm-radius-md);border:none;background:var(--cm-color-background-subtle);color:var(--cm-color-foreground-muted);cursor:pointer}.filter-drawer-close:hover{background:var(--cm-color-outline-strong)}.filter-drawer-section{margin-bottom:1.5rem}.filter-drawer-label{font-size:var(--cm-font-size-sm);font-weight:var(--cm-font-weight-semibold);color:var(--cm-color-foreground-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.filter-drawer-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-drawer-footer{display:flex;gap:8px;padding-top:1rem;border-top:1px solid var(--cm-color-outline-default)}.filter-drawer-footer .btn{flex:1}.empty-state{text-align:center;padding:3rem var(--cm-spacing-4);color:var(--cm-color-foreground-muted);display:flex;flex-direction:column;align-items:center;gap:var(--cm-spacing-3)}.empty-state-icon{font-size:2.5rem;opacity:.5;color:var(--cm-color-foreground-muted)}.empty-state-title{font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);color:var(--cm-color-foreground-muted)}.empty-state-description{font-size:var(--cm-font-size-base);color:var(--cm-color-foreground-muted);max-width:360px;line-height:1.6}.empty-state-action{margin-top:var(--cm-spacing-2)}.fd-overlay{position:fixed;inset:0;background:#0000;z-index:var(--cm-z-modal);display:flex;align-items:flex-end;pointer-events:none;transition:background .28s ease}.fd-overlay--open{background:#0006;pointer-events:auto}.fd-sheet{background:var(--cm-color-surface-default);border-radius:20px 20px 0 0;padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));width:100%;max-height:85vh;overflow-y:auto;will-change:transform;touch-action:pan-y;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1)}.fd-sheet--open{transform:translateY(0)}@media(min-width:640px){.fd-overlay{align-items:center;justify-content:center}.fd-sheet{border-radius:16px;max-width:480px;padding-bottom:1.5rem;transform:scale(.96) translateY(8px);transition:transform .22s ease,opacity .22s ease;opacity:0}.fd-sheet--open{transform:scale(1) translateY(0);opacity:1}}.fd-handle{width:36px;height:4px;background:var(--cm-color-outline-strong);border-radius:2px;margin:0 auto 1.25rem;touch-action:none}@media(min-width:640px){.fd-handle{display:none}}.fd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.fd-title{font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-semibold);color:var(--cm-color-foreground-default);margin:0}.fd-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--cm-radius-md);border:none;background:var(--cm-color-background-subtle);color:var(--cm-color-foreground-muted);cursor:pointer;transition:background .15s}.fd-close:hover{background:var(--cm-color-outline-strong)}.fd-section{margin-bottom:1.5rem}.fd-label{font-size:var(--cm-font-size-sm);font-weight:var(--cm-font-weight-semibold);color:var(--cm-color-foreground-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.fd-pills{display:flex;flex-wrap:wrap;gap:8px}.fd-footer{display:flex;gap:8px;padding-top:1rem;border-top:1px solid var(--cm-color-outline-default)}.fd-footer .btn{flex:1}.btn-icon{display:inline-flex;align-items:center}.btn-full{width:100%;justify-content:center}.btn-lg{padding:.65rem 1.25rem;font-size:var(--cm-font-size-md)}.btn-spinner{display:inline-block;width:.85em;height:.85em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-ghost{background:var(--cm-button-background-ghost);color:var(--cm-button-foreground-ghost);border:none}.btn-ghost:hover:not(:disabled){background:var(--cm-button-background-hover-ghost)}.tabs{display:flex;width:100%;background:#e4e4e7;border-radius:var(--cm-radius-full);padding:3px;gap:2px}.tab-btn{flex:1;padding:.5rem 1rem;border-radius:var(--cm-radius-full);border:none;background:transparent;font-family:inherit;font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);color:var(--cm-color-foreground-default);cursor:pointer;white-space:nowrap;transition:opacity .15s}.tab-btn:hover:not(.tab-btn--active){opacity:.6}.tab-btn--active{background:var(--cm-color-surface-default);color:var(--cm-color-foreground-default);font-weight:var(--cm-font-weight-semibold)}.modal-title{margin-bottom:var(--cm-spacing-4);font-size:var(--cm-font-size-lg);font-weight:var(--cm-font-weight-bold);color:var(--cm-color-foreground-default)}.modal-body>*:not(:last-child){margin-bottom:var(--cm-spacing-4)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.55rem .85rem;border:1px solid var(--cm-input-border);border-radius:var(--cm-input-radius);font-size:var(--cm-font-size-md);font-family:inherit;background:var(--cm-input-background);color:var(--cm-input-foreground);transition:border-color .15s,box-shadow .15s}.input-wrapper input::placeholder{color:var(--cm-input-placeholder)}.input-wrapper input:focus{outline:none;border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #fae98166}.input-group--error .input-wrapper input{border-color:var(--cm-input-border-error)}.input-group--error .input-wrapper input:focus{box-shadow:0 0 0 3px #c0392b26}.input-prefix,.input-suffix{position:absolute;display:flex;align-items:center;color:var(--cm-color-foreground-muted);pointer-events:none}.input-prefix{left:.75rem}.input-suffix{right:.75rem}.input-prefix~input{padding-left:2.1rem}.input-suffix~input{padding-right:2.1rem}.input-label{display:block;font-size:.85rem;font-weight:var(--cm-font-weight-medium);margin-bottom:.35rem;color:var(--cm-color-foreground-muted)}.input-error{font-size:var(--cm-font-size-sm);color:var(--cm-color-danger-default);margin-top:.3rem}.input-hint{font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted);margin-top:.3rem}.alert{display:flex;align-items:flex-start;gap:var(--cm-spacing-3);padding:.75rem var(--cm-spacing-4);border-radius:var(--cm-radius-md);border:1px solid transparent;font-size:var(--cm-font-size-base);line-height:1.5}.alert--info{background:var(--cm-alert-background-info);color:var(--cm-alert-foreground-info);border-color:var(--cm-alert-border-info)}.alert--success{background:var(--cm-alert-background-success);color:var(--cm-alert-foreground-success);border-color:var(--cm-alert-border-success)}.alert--warning{background:#fff8e1;color:#6d4c00;border-color:#ffe082}.alert--danger{background:var(--cm-alert-background-danger);color:var(--cm-alert-foreground-danger);border-color:var(--cm-alert-border-danger)}.alert-content{flex:1}.alert-title{font-weight:var(--cm-font-weight-semibold);margin-bottom:.2rem}.alert-close{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.6;padding:0;color:inherit;flex-shrink:0}.alert-close:hover{opacity:1}.divider{border:none;border-top:1px solid var(--cm-color-outline-default);margin:var(--cm-spacing-4) 0}.divider--labeled{display:flex;align-items:center;gap:var(--cm-spacing-3);border:none;margin:var(--cm-spacing-4) 0}.divider--labeled:before,.divider--labeled:after{content:"";flex:1;border-top:1px solid var(--cm-color-outline-default)}.divider-label{font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted);white-space:nowrap}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--cm-font-family-sans);background:var(--cm-color-background-default);color:var(--cm-color-foreground-default);line-height:1.5}p{color:var(--cm-color-foreground-default)}.app{min-height:100vh;display:flex;flex-direction:column}.nav{background:var(--cm-color-surface-default);border-bottom:1px solid var(--cm-color-outline-default);padding:0 2.25rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;position:sticky;top:0;z-index:var(--cm-z-nav);box-shadow:var(--cm-shadow-sm)}.nav-brand{display:flex;align-items:center;gap:var(--cm-spacing-2)}.nav-icon{width:22px;height:22px;flex-shrink:0;object-fit:contain}.nav-title{font-weight:var(--cm-font-weight-bold);font-size:var(--cm-font-size-lg);color:var(--cm-color-foreground-default)}.nav-links{display:flex;gap:var(--cm-spacing-1);justify-content:center}.nav-link{padding:.4rem .9rem;border-radius:var(--cm-radius-sm);text-decoration:none;color:var(--cm-color-foreground-muted);display:inline-flex;align-items:center;gap:.3rem;font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);transition:color .15s}.nav-link:hover{color:var(--cm-color-foreground-default)}.nav-link.active{background:none;color:var(--cm-color-foreground-default);font-weight:600}.nav-right{justify-self:end;display:flex;align-items:center}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.35rem 0 .35rem .6rem;border-radius:var(--cm-radius-md);color:var(--cm-color-foreground-default);font-family:inherit;font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium)}.nav-avatar{width:26px;height:26px;border-radius:4px;object-fit:cover}.nav-username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-caret{color:#d4d4d8;transition:transform .2s,color .15s}.nav-caret--open{transform:rotate(180deg)}.nav-dropdown-trigger:hover .nav-caret{color:var(--cm-color-foreground-default)}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--cm-color-surface-default);border:1px solid var(--cm-color-outline-default);border-radius:var(--cm-radius-md);box-shadow:var(--cm-shadow-md);min-width:160px;overflow:hidden;z-index:calc(var(--cm-z-nav) + 1)}.nav-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);color:var(--cm-color-foreground-default);text-decoration:none;background:none;border:none;width:100%;cursor:pointer;font-family:inherit;transition:background .12s}.nav-dropdown-item:hover{background:var(--cm-color-background-subtle)}.nav-dropdown-item--danger{color:var(--cm-color-danger-default)}.main{flex:1;padding:var(--cm-spacing-5) 1rem;width:100%}@media(min-width:900px){.main{padding:var(--cm-spacing-8) 2.25rem}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--cm-button-radius);border:none;font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--cm-button-background-primary);color:var(--cm-button-foreground-primary)}.btn-primary:hover:not(:disabled){background:var(--cm-button-background-hover-primary)}.btn-secondary{background:var(--cm-color-background-subtle);color:var(--cm-button-foreground-secondary);border:1px solid var(--cm-button-border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--cm-button-background-hover-secondary)}.btn-danger{background:var(--cm-button-background-danger);color:var(--cm-button-foreground-danger)}.btn-danger:hover:not(:disabled){background:var(--cm-button-background-hover-danger)}.btn-sm{padding:.3rem .7rem;font-size:var(--cm-font-size-sm)}.card{background:var(--cm-card-background);border:1px solid var(--cm-card-border);border-radius:var(--cm-card-radius);overflow:hidden;box-shadow:var(--cm-card-shadow)}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}.recipe-list{display:flex;flex-direction:column;gap:8px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--cm-radius-md);color:var(--cm-color-foreground-muted);cursor:pointer;transition:background .12s,color .12s;padding:0}.view-toggle-btn:hover{background:var(--cm-color-background-subtle);color:var(--cm-color-foreground-default)}.view-toggle-btn--active{color:var(--cm-color-foreground-default)}.url-input-form{display:none;gap:var(--cm-spacing-2);margin-bottom:var(--cm-spacing-8)}.add-sheet .url-input-form{display:flex;margin-bottom:0}.url-input{flex:1;padding:.6rem 1rem;border:1px solid var(--cm-input-border);border-radius:var(--cm-input-radius);font-size:var(--cm-font-size-md);outline:none;background:var(--cm-input-background);color:var(--cm-input-foreground)}.url-input:focus{border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #d4d4d866}.url-input::placeholder{color:var(--cm-input-placeholder)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cm-spacing-6);flex-wrap:wrap;gap:var(--cm-spacing-4)}.page-title{font-size:var(--cm-font-size-xl);font-family:var(--cm-font-family-heading);font-weight:var(--cm-font-weight-black);text-transform:capitalize}.toast{position:fixed;bottom:var(--cm-spacing-6);right:var(--cm-spacing-6);background:var(--cm-toast-background);color:var(--cm-toast-foreground);padding:.75rem 1.25rem;border-radius:var(--cm-radius-md);font-size:var(--cm-font-size-base);box-shadow:var(--cm-shadow-md);z-index:var(--cm-z-toast);animation:slide-in .2s ease}.toast.success{background:var(--cm-toast-background-success);color:var(--cm-toast-foreground-success)}.toast.error{background:var(--cm-toast-background-error);color:var(--cm-toast-foreground-error)}@keyframes slide-in{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.status{text-align:center;padding:3rem 1rem;color:var(--cm-color-foreground-muted)}.status-error{color:var(--cm-color-danger-default)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--cm-badge-radius);font-size:var(--cm-font-size-xs);font-weight:var(--cm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-aisle{background:var(--cm-color-background-subtle);color:var(--cm-color-foreground-muted)}.badge-conflict{background:var(--cm-color-background-subtle);color:var(--cm-color-danger-default)}.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:2px dashed oklch(96.7% .001 286.375)}.checkbox-item:last-child{border-bottom:none}.checked-text{text-decoration:line-through;color:var(--cm-color-foreground-muted)}.modal-overlay{position:fixed;inset:0;background:var(--cm-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--cm-z-modal);padding:var(--cm-spacing-4)}.modal{background:var(--cm-modal-background);border-radius:var(--cm-modal-radius);padding:var(--cm-spacing-6);max-width:480px;width:100%;box-shadow:var(--cm-modal-shadow)}.modal h3{margin-bottom:var(--cm-spacing-4);font-size:var(--cm-font-size-lg)}.modal-actions{display:flex;gap:var(--cm-spacing-2);justify-content:flex-end;margin-top:1.25rem}.input-group{margin-bottom:var(--cm-spacing-4)}.input-group label{display:block;font-size:.85rem;font-weight:var(--cm-font-weight-medium);margin-bottom:.35rem;color:var(--cm-color-foreground-muted)}.input-group input,.input-group select{width:100%;padding:.55rem .85rem;border:1px solid var(--cm-input-border);border-radius:var(--cm-input-radius);font-size:var(--cm-font-size-md);background:var(--cm-input-background);color:var(--cm-input-foreground)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #d4d4d866}.input-group input::placeholder{color:var(--cm-input-placeholder)}.auth-alert{margin-bottom:var(--cm-spacing-3)}.rd__hero{display:flex;flex-direction:column;margin-bottom:var(--cm-spacing-6)}.rd__hero-body{order:2;padding-top:var(--cm-spacing-4)}.rd__img-container{order:1;position:relative;margin-top:calc(-1 * var(--cm-spacing-5));margin-inline:-1rem}.rd__back--overlay{position:absolute;top:16px;left:16px;z-index:10;width:36px;height:36px;border-radius:50%;background:#ffffffd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#09090b;transition:background .15s}.rd__back--overlay:hover{background:#fffffff5}.rd__back--col{display:none;align-items:center;gap:var(--cm-spacing-1);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--cm-font-size-sm);font-weight:var(--cm-font-weight-medium);color:var(--cm-color-foreground-default);padding:0;margin-bottom:var(--cm-spacing-4);transition:color .15s}.rd__back--col:hover{opacity:.6}.rd__img-wrap{overflow:hidden;aspect-ratio:16 / 9}.rd__img{width:100%;height:100%;object-fit:cover;display:block}.rd__video-thumb{display:block;text-decoration:none;position:relative;cursor:pointer}.rd__video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;transition:background .15s}.rd__video-thumb:hover .rd__video-play{background:#00000073}.rd__meta-platform{font-weight:600;color:var(--cm-color-foreground-default)}.rd__title{margin-bottom:var(--cm-spacing-3);line-height:1.15}.rd__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--cm-spacing-2) var(--cm-spacing-4);margin-bottom:var(--cm-spacing-4);font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted)}.rd__meta-item{display:inline-flex;align-items:center;gap:4px}.rd__source{display:inline-flex;align-items:center;gap:4px;color:var(--cm-color-foreground-muted);text-decoration:none;transition:color .15s}.rd__source:hover{color:var(--cm-color-foreground-default);text-decoration:underline}.rd__desc{font-size:var(--cm-font-size-md);line-height:1.65}.rd__content{padding-bottom:var(--cm-spacing-8)}.rd__shop-btn{margin-top:var(--cm-spacing-4)}.rd__aisle-label{font-size:var(--cm-font-size-xs);font-weight:var(--cm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--cm-color-foreground-muted);margin-bottom:var(--cm-spacing-2)}.rd__ing-list{list-style:none}.rd__ing-item{padding:.45rem 0;border-bottom:1px solid var(--cm-color-outline-default);font-size:var(--cm-font-size-md)}.rd__ing-item:last-child{border-bottom:none}.rd__steps{padding-left:1.25rem}.rd__step{margin-bottom:.85rem;font-size:var(--cm-font-size-md);line-height:1.7}.rd__nutrition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.rd__nutrient{background:var(--cm-color-background-subtle);border-radius:var(--cm-radius-md);padding:.6rem .75rem}.rd__nutrient-label{font-size:var(--cm-font-size-xs);color:var(--cm-color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.rd__nutrient-val{font-weight:var(--cm-font-weight-semibold);font-size:var(--cm-font-size-base)}.rd__section-label{font-size:var(--cm-font-size-lg);font-weight:var(--cm-font-weight-bold);color:var(--cm-color-foreground-default);margin-bottom:var(--cm-spacing-4)}.rd__ing-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 0;border-bottom:2px dashed oklch(96.7% .001 286.375);font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);line-height:1.4;cursor:pointer;transition:opacity .2s;-webkit-user-select:none;user-select:none}.rd__ing-row:last-child{border-bottom:none}.rd__step-circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;font-weight:var(--cm-font-weight-semibold);flex-shrink:0;line-height:1}.rd__ing-row--ready .rd__step-num{color:var(--cm-color-green-600)}.rd__ing-row--ready{opacity:.45}.rd__ing-check{flex-shrink:0;color:var(--cm-color-foreground-muted);display:flex;align-items:center;transition:color .2s}.rd__ing-row--ready .rd__ing-check{color:var(--cm-color-green-600)}.rd__desktop-content{display:none}.rd__nutrition-card{background:var(--cm-color-background-subtle);border-radius:var(--cm-radius-md);padding:var(--cm-spacing-4);display:flex;flex-direction:column;gap:4px}.rd__nutrition-card-icon{color:var(--cm-color-foreground-muted)}.rd__nutrition-card-val{font-size:1.2rem;font-weight:var(--cm-font-weight-bold);line-height:1.2}.rd__nutrition-card-label{font-size:var(--cm-font-size-xs);color:var(--cm-color-foreground-muted)}.rd__footer{padding-top:var(--cm-spacing-6);margin-top:var(--cm-spacing-4);border-top:1px solid var(--cm-color-outline-default);display:flex;justify-content:flex-end}@media(min-width:768px){.rd__hero{flex-direction:row;align-items:stretch;height:80vh;max-height:80vh;margin-bottom:var(--cm-spacing-8);overflow:hidden}.rd__hero-body{order:1;flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--cm-spacing-8);padding-right:var(--cm-spacing-8);padding-bottom:var(--cm-spacing-6)}.rd__title{font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.1}.rd__desc{font-size:clamp(.95rem,1.2vw,1.125rem)}.rd__img-container{order:2;flex:0 0 50%;margin:0}.rd__img-wrap{height:100%;aspect-ratio:unset}.rd__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--cm-radius-lg)}.rd__back--col{display:flex;position:absolute;top:0;left:0}.rd__back--overlay,.rd__tabs-wrap{display:none}.rd__desktop-content{display:block}.rd__section-label{font-size:clamp(1.1rem,1.5vw,1.35rem)}.rd__ing-row,.rd__step,.rd__ing-item{font-size:clamp(.95rem,1.2vw,1.125rem)}.rd__aisle-label{font-size:clamp(.65rem,.8vw,.75rem)}.rd__desktop-cols{display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid var(--cm-color-outline-default);padding-top:var(--cm-spacing-8);margin-bottom:var(--cm-spacing-8)}.rd__desktop-nutrition{margin-bottom:var(--cm-spacing-8)}.rd__nutrition-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cm-spacing-3);margin-bottom:var(--cm-spacing-5)}.rd__nutrition-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.recipe-count{color:var(--cm-color-foreground-muted);font-size:var(--cm-font-size-md)}.page-header-right{display:flex;align-items:center;gap:var(--cm-spacing-3)}.add-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--cm-color-foreground-default);cursor:pointer;padding:0;line-height:0;transition:opacity .15s}.add-btn:hover{opacity:.6}.add-sheet-overlay{position:fixed;inset:0;background:#0006;z-index:var(--cm-z-modal);display:flex;align-items:flex-end}.add-sheet{background:var(--cm-color-surface-default);border-radius:20px 20px 0 0;padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));width:100%}@media(min-width:640px){.add-sheet-overlay{align-items:center;justify-content:center}.add-sheet{border-radius:16px;max-width:520px;padding-bottom:1.5rem}.add-sheet-handle{display:none}}.add-sheet-handle{width:36px;height:4px;background:var(--cm-color-outline-strong);border-radius:2px;margin:0 auto 1.25rem}.add-sheet-title{font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-semibold);color:var(--cm-color-foreground-default);margin-bottom:1rem}@media(max-width:768px){.nav{display:none}.main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}.bottom-nav{display:none}@media(max-width:768px){.main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.bottom-nav{display:flex;align-items:center;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding-inline:8px;padding-bottom:env(safe-area-inset-bottom);gap:4px;background:#fff;border-top:1px solid var(--cm-color-outline-default);box-shadow:0 -4px 16px #0000000f;z-index:var(--cm-z-nav)}.bottom-nav-item{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--cm-color-foreground-muted);font-size:14px;font-weight:var(--cm-font-weight-semibold);font-family:inherit;border-radius:14px;padding:10px 4px;white-space:nowrap;transition:color .15s,background .15s}.bottom-nav-item span{display:none}.bottom-nav-item.active{flex:0 0 auto;background:#f4f4f5;color:var(--cm-color-foreground-default);padding:10px 18px}.bottom-nav-item.active span{display:inline}}.profile-card{display:flex;align-items:center;gap:var(--cm-spacing-4);padding:var(--cm-spacing-5) 0;border-bottom:1px solid var(--cm-color-outline-default);margin-bottom:var(--cm-spacing-4)}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-placeholder{color:var(--cm-color-foreground-muted);flex-shrink:0}.profile-name{font-weight:var(--cm-font-weight-semibold);font-size:var(--cm-font-size-lg);color:var(--cm-color-foreground-default)}.profile-email{font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted);margin-top:2px}.profile-actions{display:flex;flex-direction:column}.profile-action-row{display:flex;align-items:center;gap:var(--cm-spacing-3);padding:var(--cm-spacing-4) 0;border-bottom:1px solid var(--cm-color-outline-default);border-left:none;border-right:none;border-top:none;text-decoration:none;color:var(--cm-color-foreground-default);font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);font-family:inherit;background:none;cursor:pointer;width:100%;transition:opacity .15s}.profile-action-row:hover{opacity:.7}.profile-action-danger{color:var(--cm-color-danger-default)}.profile-action-danger:hover{opacity:1;color:var(--cm-color-danger-hover)}