:root{--color-accent: #1b6e77;--color-accent-bg: #e3f0f1;--color-accent-text: #14525a;--color-danger: #a32d2d;--color-danger-bg: #fcebeb;--color-warning-bg: #fbeeda;--color-warning-text: #7a4a06;--color-border: #e3e5e7;--color-border-strong: #c8cbce;--color-surface: #ffffff;--color-surface-muted: #faf9f6;--color-page-bg: #f5f6f8;--color-text: #1a1c1e;--color-text-secondary: #5b5f63;--color-text-muted: #6b7280;--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-popover: 0 12px 28px rgba(0, 0, 0, .16);--color-scrim: rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-xl: 2rem;--font-size-lg: 1.375rem;--font-size-md: 1rem;--font-size-sm: .875rem;--font-size-xs: .75rem;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-accent: #3a9aa3;--color-accent-bg: #163338;--color-accent-text: #8fd6dd;--color-danger: #ff6b6b;--color-danger-bg: #3a1414;--color-warning-bg: #3a2f14;--color-warning-text: #e0b262;--color-border: #383838;--color-border-strong: #4a4a4a;--color-surface: #242424;--color-surface-muted: #1a1a1a;--color-page-bg: #1a1a1a;--color-text: #e6e6e6;--color-text-secondary: #cfcfcf;--color-text-muted: #9a9a9a;--shadow-card: none;--shadow-popover: 0 8px 24px rgba(0, 0, 0, .45);--color-scrim: rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--color-accent: #3a9aa3;--color-accent-bg: #163338;--color-accent-text: #8fd6dd;--color-danger: #ff6b6b;--color-danger-bg: #3a1414;--color-warning-bg: #3a2f14;--color-warning-text: #e0b262;--color-border: #383838;--color-border-strong: #4a4a4a;--color-surface: #242424;--color-surface-muted: #1a1a1a;--color-page-bg: #1a1a1a;--color-text: #e6e6e6;--color-text-secondary: #cfcfcf;--color-text-muted: #9a9a9a;--shadow-card: none;--shadow-popover: 0 8px 24px rgba(0, 0, 0, .45);--color-scrim: rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);background:var(--color-page-bg);color:var(--color-text)}a{color:var(--color-accent)}.page{max-width:var(--page-width, 680px);margin:3rem auto;padding:0 1rem}.muted{color:var(--color-text-muted)}.child-layout{display:flex;align-items:flex-start;gap:2rem}.child-layout__nav{flex:0 0 200px}.child-layout__nav-title{margin:0 0 .75rem;padding:0 .75rem;font-size:1rem}.child-layout__content{flex:1 1 auto;min-width:0}.menu-card{display:flex;align-items:center;width:100%;gap:.75rem;padding:.75rem .9rem;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 .15s ease,background-color .15s ease}.menu-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.menu-card--active{border-color:var(--color-accent);background:var(--color-accent-bg)}.menu-card__icon{flex:none;color:var(--color-text-muted)}.menu-card--active .menu-card__icon{color:var(--color-accent-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:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-card--active .menu-card__label{color:var(--color-accent-text)}.menu-card__meta{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--color-text-muted)}.menu-card__chevron{flex:none;color:var(--color-text-muted)}.add-btn{display:block;width:100%;margin-top:1rem;text-align:center}.child-layout__back{display:none}@media(max-width:720px){.child-layout__back--visible{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;background:none;border:none;padding:0;color:var(--color-accent-text);font-size:.9rem;cursor:pointer}.child-layout{flex-direction:column;gap:1rem}.child-layout__nav{flex:none;width:100%}.child-layout__content,.child-layout--detail .child-layout__nav{display:none}.child-layout--detail .child-layout__content{display:block}}.saved-tick{display:inline-block;margin-top:1rem;color:var(--color-accent)}