: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: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Segoe UI", 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-xxxs: calc(8px * var(--text-scale));--text-xxs: calc(10px * var(--text-scale));--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-badge: var(--text-xxxs);--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-icon-stroke-width: 1.7;--comp-sidebar-width: 260px;--comp-titlebar-height: 40px;--comp-titlebar-inset: 76px;--comp-workspace-bg: radial-gradient( circle at 88% -12%, color-mix(in srgb, var(--color-accent) 9%, transparent), transparent 38% ), var(--color-bg-base);--comp-surface-bg: color-mix(in srgb, var(--color-bg-surface) 94%, transparent);--comp-surface-border: color-mix(in srgb, var(--color-border) 82%, transparent);--comp-surface-radius: var(--radius-xl);--comp-surface-shadow: var(--shadow-sm);--comp-toolbar-bg: color-mix(in srgb, var(--color-bg-surface) 82%, transparent);--comp-toolbar-border: color-mix(in srgb, var(--color-border) 72%, transparent);--comp-toolbar-radius: var(--radius-lg);--comp-control-transition: .14s cubic-bezier(.2, .8, .2, 1);--comp-focus-ring-color: var(--color-border-focus);--comp-focus-ring-width: 2px;--comp-focus-ring-offset: 2px;--comp-focus-ring: var(--comp-focus-ring-width) solid var(--comp-focus-ring-color);--comp-focus-halo: 0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent);--comp-sidebar-bg: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 5%, var(--color-bg-sidebar)) 0%, var(--color-bg-sidebar) 24% );--comp-sidebar-gutter: var(--space-3);--comp-sidebar-control-height: 38px;--comp-sidebar-emphasis-weight: 650;--comp-sidebar-item-height: 34px;--comp-sidebar-item-radius: var(--radius-md);--comp-sidebar-item-gap: var(--space-2);--comp-sidebar-item-padding: 0 var(--space-2);--comp-sidebar-item-bg-hover: color-mix( in srgb, var(--color-text-primary) 6%, transparent );--comp-sidebar-item-bg-active: color-mix( in srgb, var(--color-accent) 18%, transparent );--comp-sidebar-item-shadow-active: inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 18%, transparent);--comp-sidebar-control-bg: color-mix( in srgb, var(--color-bg-surface) 72%, transparent );--comp-sidebar-control-border: color-mix( in srgb, var(--color-border-strong) 70%, transparent );--comp-sidebar-control-shadow: 0 1px 2px color-mix( in srgb, var(--color-text-primary) 6%, transparent );--comp-sidebar-divider: color-mix( in srgb, var(--color-border) 72%, transparent );--comp-sidebar-scroll-fade-size: var(--space-6);--comp-sidebar-section-label: var(--color-text-muted);--comp-sidebar-transition: .14s cubic-bezier(.2, .8, .2, 1);--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-banner-radius: var(--radius-lg);--comp-banner-padding: 9px 12px;--comp-banner-gap: var(--space-2);--comp-banner-accent: var(--color-accent);--comp-banner-accent-bg: color-mix(in srgb, var(--color-accent-subtle) 42%, transparent);--comp-banner-accent-border: color-mix(in srgb, var(--color-accent) 34%, transparent);--comp-banner-tip: var(--color-tip);--comp-banner-tip-bg: color-mix(in srgb, var(--color-tip-bg) 42%, transparent);--comp-banner-tip-border: color-mix(in srgb, var(--color-tip) 34%, transparent);--comp-banner-warning: var(--color-warning);--comp-banner-warning-bg: color-mix(in srgb, var(--color-warning-bg) 42%, transparent);--comp-banner-warning-border: color-mix(in srgb, var(--color-warning) 34%, transparent);--comp-banner-danger: var(--color-danger);--comp-banner-danger-bg: color-mix(in srgb, var(--color-danger-bg) 42%, transparent);--comp-banner-danger-border: color-mix(in srgb, var(--color-danger) 34%, transparent);--comp-banner-success: var(--color-success);--comp-banner-success-bg: color-mix(in srgb, var(--color-success-bg) 42%, transparent);--comp-banner-success-border: color-mix(in srgb, var(--color-success) 34%, transparent);--comp-callout-radius: var(--comp-banner-radius);--comp-btn-radius: var(--radius-lg);--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(--comp-btn-radius);--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(--comp-btn-radius);--comp-input-bg: color-mix(in srgb, var(--color-bg-hover) 82%, transparent);--comp-input-bg-focus: var(--color-bg-surface);--comp-input-border: var(--comp-surface-border);--comp-input-border-focus: var(--color-border-focus);--comp-input-radius: var(--radius-lg);--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: 920px;--comp-preview-max-width: 760px;--comp-preview-outline-width: 36px;--comp-preview-outline-expanded-width: 300px;--comp-preview-outline-transition: .24s cubic-bezier(.2, .8, .2, 1);--comp-dialog-size-sm: 400px;--comp-dialog-size-md: 480px;--comp-dialog-size-lg: 560px;--comp-dialog-size-xl: 720px;--comp-dialog-bg: color-mix(in srgb, var(--color-bg-surface) 94%, transparent);--comp-dialog-border: var(--comp-surface-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: 8px;--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)}:where(button,a[href],summary,[role=button],[role=tab],[role=menuitem],[tabindex]:not([tabindex="-1"])):focus-visible,:where([data-focus-visible]){outline:var(--comp-focus-ring);outline-offset:var(--comp-focus-ring-offset)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.kpr-ctx-menu{background:color-mix(in srgb,var(--color-bg-overlay) 96%,transparent);border:1px solid var(--comp-toolbar-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-1);min-width:160px;display:flex;flex-direction:column;outline:none;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.kpr-ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:var(--radius-md);font-size:var(--text-meta);font-family:var(--font-sans);color:var(--color-text-primary);text-align:left;transition:background var(--comp-control-transition),opacity var(--comp-control-transition),transform var(--comp-control-transition);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(--comp-sidebar-item-bg-hover);transform:translate(1px)}.kpr-ctx-item:focus-visible,.kpr-ctx-item.cdk-keyboard-focused{outline:var(--comp-focus-ring);outline-offset:-2px}.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{display:flex;font-size:var(--text-meta);font-weight:600;color:var(--color-text-primary)}.kpr-vault-menu__hdr-path{display:flex;font-size:var(--text-caption);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:1px}.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}.kpr-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-lg);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}.kpr-tooltip[data-color=danger]{border-left-color:var(--color-danger);border-left-width:2px}.kpr-highlight-pulse{border-radius:var(--radius-xl);animation:kpr-highlight-pulse 2.4s ease-out both}@keyframes kpr-highlight-pulse{0%,45%{background-color:var(--comp-banner-accent-bg);box-shadow:inset 0 0 0 1px var(--comp-banner-accent-border)}to{background-color:transparent;box-shadow:inset 0 0 0 1px transparent}}@media(prefers-reduced-motion:reduce){.kpr-highlight-pulse{animation:none;background-color:var(--comp-banner-accent-bg);box-shadow:inset 0 0 0 1px var(--comp-banner-accent-border)}}.kpr-truncate{display:inline-grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}.kpr-truncate__sizer,.kpr-truncate__content{grid-area:1/1;min-width:0}.kpr-truncate__sizer{visibility:hidden}.kpr-truncate__content{display:flex;align-items:baseline;overflow:hidden}.kpr-truncate__label{flex:0 0 auto;white-space:nowrap}.kpr-truncate__mark{flex:0 0 auto;line-height:inherit}