:root{--primitive-orange-100: #fde9d9;--primitive-orange-200: #fbcfad;--primitive-orange-300: #f7ac78;--primitive-orange-400: #f09355;--primitive-orange-500: #e8834a;--primitive-orange-600: #d4703a;--primitive-orange-700: #b85a28;--primitive-orange-800: #8f4218;--primitive-neutral-0: #ffffff;--primitive-neutral-50: #fafaf8;--primitive-neutral-100: #f5f4f1;--primitive-neutral-150: #edece8;--primitive-neutral-200: #e5e4e0;--primitive-neutral-300: #cfcec9;--primitive-neutral-400: #9e9d99;--primitive-neutral-500: #6b6a66;--primitive-neutral-600: #4a4a47;--primitive-neutral-700: #2e2e2c;--primitive-neutral-800: #242422;--primitive-neutral-850: #1c1c1a;--primitive-neutral-900: #1a1a18;--primitive-neutral-950: #111110;--primitive-blue-100: #eff6ff;--primitive-blue-500: #3b82f6;--primitive-blue-600: #2563eb;--primitive-blue-800: #1e40af;--primitive-blue-900: #1e3a5f;--primitive-yellow-100: #fffbeb;--primitive-yellow-500: #f59e0b;--primitive-yellow-800: #92400e;--primitive-yellow-900: #451a03;--primitive-red-100: #fee2e2;--primitive-red-500: #ef4444;--primitive-red-800: #991b1b;--primitive-red-900: #7f1d1d;--primitive-green-100: #d1fae5;--primitive-green-800: #065f46;--primitive-green-900: #064e3b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(17, 17, 16, .05), 0 1px 3px rgba(17, 17, 16, .08);--shadow-md: 0 2px 4px rgba(17, 17, 16, .04), 0 6px 16px rgba(17, 17, 16, .08), 0 0 0 1px rgba(17, 17, 16, .04);--shadow-lg: 0 4px 8px rgba(17, 17, 16, .04), 0 16px 40px rgba(17, 17, 16, .12), 0 0 0 1px rgba(17, 17, 16, .05);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}:root{--text-scale: 1;--text-scale-medium: 1;--text-scale-large: 1.143}:root[data-text-size=medium]{--text-scale: var(--text-scale-medium)}:root[data-text-size=large]{--text-scale: var(--text-scale-large)}:root{--text-xs: calc(11px * var(--text-scale));--text-sm: calc(12px * var(--text-scale));--text-base: calc(14px * var(--text-scale));--text-md: calc(15px * var(--text-scale));--text-lg: calc(16px * var(--text-scale));--text-xl: calc(20px * var(--text-scale));--text-2xl: calc(24px * var(--text-scale));--text-3xl: calc(28px * var(--text-scale));--text-caption: var(--text-xs);--text-meta: var(--text-sm);--text-body-sm: var(--text-base);--text-body: var(--text-md);--text-body-lg: var(--text-lg);--text-heading-sm: var(--text-xl);--text-heading: var(--text-2xl);--text-heading-lg: var(--text-3xl);--text-display: calc(32px * var(--text-scale))}[data-theme=light],:root{--color-bg-base: var(--primitive-neutral-50);--color-bg-surface: var(--primitive-neutral-0);--color-bg-overlay: var(--primitive-neutral-0);--color-bg-sidebar: var(--primitive-neutral-100);--color-bg-hover: var(--primitive-neutral-150);--color-bg-active: var(--primitive-neutral-200);--color-bg-subtle: var(--primitive-neutral-100);--color-text-primary: var(--primitive-neutral-900);--color-text-secondary: var(--primitive-neutral-500);--color-text-muted: var(--primitive-neutral-400);--color-text-inverse: var(--primitive-neutral-0);--comp-tag-text: var(--primitive-neutral-700);--color-accent: var(--primitive-orange-500);--color-accent-hover: var(--primitive-orange-600);--color-accent-subtle: var(--primitive-orange-100);--color-accent-fg: var(--primitive-neutral-0);--color-border: var(--primitive-neutral-200);--color-border-strong: var(--primitive-neutral-300);--color-border-focus: var(--primitive-orange-500);--color-tip: var(--primitive-blue-500);--color-tip-bg: var(--primitive-blue-100);--color-tip-text: var(--primitive-blue-800);--color-warning: var(--primitive-yellow-500);--color-warning-bg: var(--primitive-yellow-100);--color-warning-text:var(--primitive-yellow-800);--color-danger: var(--primitive-red-500);--color-danger-bg: var(--primitive-red-100);--color-danger-text: var(--primitive-red-800);--color-success: var(--primitive-green-800);--color-success-bg: var(--primitive-green-100);--color-difficulty-easy-bg: var(--primitive-green-100);--color-difficulty-easy-text: var(--primitive-green-800);--color-difficulty-medium-bg: var(--primitive-yellow-100);--color-difficulty-medium-text: var(--primitive-yellow-800);--color-difficulty-hard-bg: var(--primitive-red-100);--color-difficulty-hard-text: var(--primitive-red-800);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--color-overlay-scrim: rgba(0, 0, 0, .55);--grain-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");--grain-opacity: .45;--grain-blend: overlay}[data-theme=dark]{--color-bg-base: var(--primitive-neutral-850);--color-bg-surface: var(--primitive-neutral-800);--color-bg-overlay: var(--primitive-neutral-800);--color-bg-sidebar: var(--primitive-neutral-900);--color-bg-hover: var(--primitive-neutral-700);--color-bg-active: var(--primitive-neutral-600);--color-bg-subtle: var(--primitive-neutral-700);--color-text-primary: var(--primitive-neutral-50);--color-text-secondary: var(--primitive-neutral-400);--color-text-muted: var(--primitive-neutral-500);--color-text-inverse: var(--primitive-neutral-900);--comp-tag-text: var(--primitive-neutral-300);--color-accent: var(--primitive-orange-500);--color-accent-hover: var(--primitive-orange-400);--color-accent-subtle: var(--primitive-orange-800);--color-accent-fg: var(--primitive-neutral-0);--color-border: var(--primitive-neutral-700);--color-border-strong: var(--primitive-neutral-600);--color-border-focus: var(--primitive-orange-400);--color-tip-bg: var(--primitive-blue-900);--color-tip-text: var(--primitive-blue-100);--color-warning-bg: var(--primitive-yellow-900);--color-warning-text:var(--primitive-yellow-100);--color-danger-bg: var(--primitive-red-900);--color-danger-text: var(--primitive-red-100);--color-difficulty-easy-bg: var(--primitive-green-900);--color-difficulty-easy-text: #6EE7B7;--color-difficulty-medium-bg: #78350F;--color-difficulty-medium-text: #FCD34D;--color-difficulty-hard-bg: var(--primitive-red-900);--color-difficulty-hard-text: #FCA5A5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .24);--shadow-md: 0 4px 12px rgba(0, 0, 0, .32);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .48);--color-overlay-scrim: rgba(0, 0, 0, .7);--grain-opacity: .15;--grain-blend: overlay}:root{--comp-sidebar-width: 260px;--comp-titlebar-height: 40px;--comp-titlebar-inset: 76px;--comp-sidebar-bg: var(--color-bg-sidebar);--comp-sidebar-item-radius: var(--radius-md);--comp-form-toc-width: 200px;--comp-form-toc-item-padding: 6px 10px;--comp-footer-height: 32px;--comp-node-indent: 12px;--comp-step-num-size: 26px;--comp-step-num-bg: var(--color-accent);--comp-step-num-fg: var(--color-accent-fg);--comp-tag-bg: var(--color-bg-hover);--comp-tag-text: var(--color-text-primary);--comp-tag-bg-hover: var(--color-bg-active);--comp-tag-radius: var(--radius-full);--comp-kbd-bg: var(--color-bg-hover);--comp-kbd-text: var(--color-text-secondary);--comp-kbd-border: var(--color-border);--comp-callout-radius: var(--radius-md);--comp-btn-primary-bg: var(--color-accent);--comp-btn-primary-bg-hover: var(--color-accent-hover);--comp-btn-primary-fg: var(--color-accent-fg);--comp-btn-primary-radius: var(--radius-md);--comp-btn-ghost-bg: transparent;--comp-btn-ghost-bg-hover: var(--color-bg-hover);--comp-btn-ghost-fg: var(--color-text-secondary);--comp-btn-ghost-radius: var(--radius-md);--comp-input-bg: var(--color-bg-hover);--comp-input-bg-focus: var(--color-bg-surface);--comp-input-border: transparent;--comp-input-border-focus: var(--color-border-focus);--comp-input-radius: var(--radius-md);--comp-input-text: var(--color-text-primary);--comp-input-placeholder: var(--color-text-muted);--comp-cook-right-pane-width: 280px;--comp-cook-step-num-size: 36px;--comp-editor-max-width: 760px;--comp-preview-max-width: 760px;--comp-dialog-size-sm: 400px;--comp-dialog-size-md: 480px;--comp-dialog-size-lg: 560px;--comp-dialog-size-xl: 720px;--comp-dialog-bg: var(--color-bg-surface);--comp-dialog-border: var(--color-border);--comp-dialog-radius: var(--radius-xl);--comp-dialog-shadow: var(--shadow-lg);--comp-dialog-padding: var(--space-8) var(--space-8) var(--space-6);--comp-dialog-padding-compact: var(--space-6);--comp-dialog-close-size: 28px;--comp-dialog-close-radius: var(--radius-md);--comp-overlay-padding: var(--space-6);--comp-overlay-blur: 2px;--comp-overlay-z: 1000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-body-sm);background:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:var(--font-sans)}.kpr-ctx-menu{background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;min-width:160px;display:flex;flex-direction:column;outline:none}.kpr-ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--text-meta);font-family:var(--font-sans);color:var(--color-text-primary);text-align:left;transition:background .08s,opacity .08s;cursor:pointer;border:none;background:none}.kpr-ctx-item svg{color:var(--color-text-muted);flex-shrink:0}.kpr-ctx-item:hover,.kpr-ctx-item.cdk-focused{background:var(--color-bg-hover)}.kpr-ctx-item:disabled{opacity:.4;cursor:not-allowed}.kpr-ctx-item:disabled:hover,.kpr-ctx-item:disabled.cdk-focused{background:none}.kpr-ctx-item__label{flex:1}.kpr-ctx-item--danger{color:var(--color-danger)}.kpr-ctx-item--danger svg{color:var(--color-danger)}.kpr-ctx-item--danger:hover{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.kpr-ctx-divider{height:1px;background:var(--color-border);margin:4px 0}.kpr-vault-menu{min-width:240px}.kpr-vault-menu__header{display:flex;align-items:center;gap:10px;padding:10px 12px 8px}.kpr-vault-menu__hdr-icon{width:32px;height:32px;border-radius:8px;background:var(--color-accent);color:var(--color-accent-fg);font-size:var(--text-body-lg);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.5px}.kpr-vault-menu__hdr-text{min-width:0}.kpr-vault-menu__hdr-name{font-size:var(--text-meta);font-weight:600;color:var(--color-text-primary)}.kpr-vault-menu__hdr-path{font-size:var(--text-caption);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpr-vault-menu__section-label{font-size:var(--text-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:4px 10px 2px}.cdk-drag-preview{pointer-events:none;display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-sans);font-size:var(--text-meta);color:var(--color-text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpr-step-tooltip{position:absolute;z-index:var(--comp-overlay-z, 1000);background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-meta);line-height:1.4;padding:6px 10px;max-width:280px;white-space:normal;word-wrap:break-word;pointer-events:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}