:root{--color-brand-500: #1f7a85;--color-brand-400: #2a98a5;--color-brand-600: #175c66;--color-brand-50: #e3f0f1;--color-brand-text: #0f4650;--color-amber-500: #d97706;--color-amber-50: #fef3c7;--color-amber-text: #7a4a06;--color-coral-500: #e85c65;--color-coral-50: #fde4e7;--color-success-500: #16a34a;--color-success-50: #e6f6ec;--color-warning-500: #d97706;--color-warning-50: #fbeeda;--color-danger-500: #b52831;--color-danger-50: #fcebeb;--color-info-500: #2563eb;--color-info-50: #e5edff;--color-neutral-50: #f7f8fa;--color-neutral-100: #edf0f3;--color-neutral-200: #e3e5e7;--color-neutral-300: #c8cbce;--color-neutral-400: #9ba0a6;--color-neutral-500: #6b7280;--color-neutral-600: #5b5f63;--color-neutral-700: #42494f;--color-neutral-900: #0d1114;--color-surface: #ffffff;--color-surface-muted: var(--color-neutral-50);--color-page-bg: var(--color-neutral-50);--color-border: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--color-text: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-700);--color-text-muted: var(--color-neutral-500);--shadow-xs: 0 0 0 1px rgba(13, 17, 20, .04);--shadow-sm: 0 2px 8px rgba(13, 17, 20, .04);--shadow-md: 0 12px 28px rgba(13, 17, 20, .1);--shadow-lg: 0 24px 56px rgba(13, 17, 20, .15);--shadow-card: var(--shadow-sm);--shadow-popover: var(--shadow-md);--color-scrim: rgba(13, 17, 20, .12);--state-hover-overlay: rgba(13, 17, 20, .03);--state-active-overlay: rgba(13, 17, 20, .06);--focus-ring: 0 0 0 3px rgba(31, 122, 133, .35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display-xl: 3rem;--font-display-lg: 2.25rem;--font-display-md: 1.75rem;--font-heading-sm: 1.25rem;--font-body-lg: 1.0625rem;--font-body-md: .9375rem;--font-body-sm: .8125rem;--font-caption: .75rem;--font-size-xl: var(--font-display-lg);--font-size-lg: var(--font-heading-sm);--font-size-md: var(--font-body-md);--font-size-sm: var(--font-body-sm);--font-size-xs: var(--font-caption);--line-height-tight: 1.15;--line-height-snug: 1.3;--line-height-normal: 1.5;--letter-spacing-tight: -.02em;--letter-spacing-snug: -.01em;--letter-spacing-normal: 0;--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;--space-20: 80px;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .28s;--motion-easing: cubic-bezier(.4, 0, .2, 1);--bp-sm: 480px;--bp-md: 720px;--bp-lg: 960px;--bp-xl: 1280px;--z-sticky: 30;--z-dropdown: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--color-accent: var(--color-brand-500);--color-accent-bg: var(--color-brand-50);--color-accent-text: var(--color-brand-text);--color-danger: var(--color-danger-500);--color-danger-bg: var(--color-danger-50);--color-warning-bg: var(--color-warning-50);--color-warning-text: var(--color-amber-text);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-brand-500: #3bb0bc;--color-brand-400: #4fc4d0;--color-brand-600: #2d94a0;--color-brand-50: #163338;--color-brand-text: #8fd6dd;--color-amber-500: #e0b262;--color-amber-50: #3a2f14;--color-amber-text: #e0b262;--color-coral-500: #e85c65;--color-coral-50: #3a1414;--color-success-500: #22c55e;--color-success-50: #0f2a1a;--color-warning-500: #e0b262;--color-warning-50: #3a2f14;--color-danger-500: #ff6b6b;--color-danger-50: #3a1414;--color-info-500: #60a5fa;--color-info-50: #0f1f3a;--color-neutral-50: #1a1a1a;--color-neutral-100: #242424;--color-neutral-200: #2e2e2e;--color-neutral-300: #383838;--color-neutral-400: #4a4a4a;--color-neutral-500: #6b7280;--color-neutral-600: #9a9a9a;--color-neutral-700: #cfcfcf;--color-neutral-900: #e6e6e6;--color-surface: #242424;--color-surface-muted: #1a1a1a;--color-page-bg: #15161a;--color-border: #2e2e2e;--color-border-strong: #4a4a4a;--color-text: #e6e6e6;--color-text-secondary: #cfcfcf;--color-text-muted: #9a9a9a;--shadow-xs: 0 0 0 1px rgba(255, 255, 255, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--shadow-card: none;--shadow-popover: var(--shadow-md);--color-scrim: rgba(0, 0, 0, .5);--state-hover-overlay: rgba(255, 255, 255, .05);--state-active-overlay: rgba(255, 255, 255, .08);--focus-ring: 0 0 0 3px rgba(59, 176, 188, .4);--color-accent: var(--color-brand-500);--color-accent-bg: var(--color-brand-50);--color-accent-text: var(--color-brand-text);--color-danger: var(--color-danger-500);--color-danger-bg: var(--color-danger-50);--color-warning-bg: var(--color-warning-50);--color-warning-text: var(--color-warning-500);color-scheme:dark}}:root[data-theme=dark]{--color-brand-500: #3bb0bc;--color-brand-400: #4fc4d0;--color-brand-600: #2d94a0;--color-brand-50: #163338;--color-brand-text: #8fd6dd;--color-amber-500: #e0b262;--color-amber-50: #3a2f14;--color-amber-text: #e0b262;--color-coral-500: #e85c65;--color-coral-50: #3a1414;--color-success-500: #22c55e;--color-success-50: #0f2a1a;--color-warning-500: #e0b262;--color-warning-50: #3a2f14;--color-danger-500: #ff6b6b;--color-danger-50: #3a1414;--color-info-500: #60a5fa;--color-info-50: #0f1f3a;--color-neutral-50: #1a1a1a;--color-neutral-100: #242424;--color-neutral-200: #2e2e2e;--color-neutral-300: #383838;--color-neutral-400: #4a4a4a;--color-neutral-500: #6b7280;--color-neutral-600: #9a9a9a;--color-neutral-700: #cfcfcf;--color-neutral-900: #e6e6e6;--color-surface: #242424;--color-surface-muted: #1a1a1a;--color-page-bg: #15161a;--color-border: #2e2e2e;--color-border-strong: #4a4a4a;--color-text: #e6e6e6;--color-text-secondary: #cfcfcf;--color-text-muted: #9a9a9a;--shadow-xs: 0 0 0 1px rgba(255, 255, 255, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--shadow-card: none;--shadow-popover: var(--shadow-md);--color-scrim: rgba(0, 0, 0, .5);--state-hover-overlay: rgba(255, 255, 255, .05);--state-active-overlay: rgba(255, 255, 255, .08);--focus-ring: 0 0 0 3px rgba(59, 176, 188, .4);--color-accent: var(--color-brand-500);--color-accent-bg: var(--color-brand-50);--color-accent-text: var(--color-brand-text);--color-danger: var(--color-danger-500);--color-danger-bg: var(--color-danger-50);--color-warning-bg: var(--color-warning-50);--color-warning-text: var(--color-warning-500);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--font-body-md);line-height:var(--line-height-normal);background:var(--color-page-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-brand-500)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page{max-width:var(--page-width, 680px);margin:var(--space-10) auto;padding:0 var(--space-4)}.muted{color:var(--color-text-muted)}.child-layout{display:flex;align-items:flex-start;gap:var(--space-8)}.child-layout__nav{flex:0 0 220px}.child-layout__nav-title{margin:0 0 var(--space-3);padding:0 var(--space-3);font-size:var(--font-body-md)}.child-layout__content{flex:1 1 auto;min-width:0}.menu-card{display:flex;align-items:center;width:100%;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:none;color:var(--color-text);text-decoration:none;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-easing),background-color var(--motion-fast) var(--motion-easing)}.menu-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.menu-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.menu-card--active{border-color:var(--color-brand-500);background:var(--color-brand-50)}.menu-card__icon{flex:none;color:var(--color-text-muted)}.menu-card--active .menu-card__icon{color:var(--color-brand-text)}.menu-card__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto;text-align:left}.menu-card__label{font-size:var(--font-body-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-card--active .menu-card__label{color:var(--color-brand-text)}.menu-card__meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-caption);color:var(--color-text-muted)}.menu-card__chevron{flex:none;color:var(--color-text-muted)}.add-btn{display:block;width:100%;margin-top:var(--space-4);text-align:center}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);background:none;border:none;padding:0;color:var(--color-brand-text);font-size:var(--font-body-sm);cursor:pointer;text-decoration:none}.back-link:hover{text-decoration:underline}.child-layout__back{display:none}@media(max-width:720px){.child-layout__back--visible{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);background:none;border:none;padding:0;color:var(--color-brand-text);font-size:var(--font-body-sm);cursor:pointer}.child-layout{flex-direction:column;gap:var(--space-4)}.child-layout__nav{flex:none;width:100%}.child-layout__content{display:none;width:100%}.child-layout--detail .child-layout__nav{display:none}.child-layout--detail .child-layout__content{display:block}}.saved-tick{display:inline-block;margin-top:var(--space-4);color:var(--color-brand-500);animation:saved-fade-in var(--motion-base) var(--motion-easing)}@keyframes saved-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}