:root{--color-black: #0a0a0b;--color-gray-950: #131316;--color-gray-900: #1a1a1f;--color-gray-800: #26262e;--color-gray-700: #35354a;--color-gray-600: #4e4e6a;--color-gray-500: #6b6b8a;--color-gray-400: #8e8ea8;--color-gray-300: #acacc2;--color-gray-200: #cdcdd8;--color-gray-100: #e4e4ec;--color-gray-50: #f2f2f6;--color-white: #fafafc;--color-accent: #427158;--color-accent-light: #4f8769;--color-accent-secondary: #b05a35;--font-display: "Fraunces", Georgia, serif;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 6px;--radius-lg: 10px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-instant: 80ms;--duration-fast: .12s;--duration-normal: .16s;--duration-slow: .24s}:root,[data-theme=light]{--bg: #fafafc;--bg-raised: #f2f2f6;--bg-overlay: #e4e4ec;--bg-hover: #f2f2f6;--border: #cdcdd8;--border-subtle: #e4e4ec;--text: #0a0a0b;--text-secondary: #6b6b8a;--text-tertiary: #8e8ea8;--text-inverse: #fafafc;--icon: #8e8ea8;--icon-hover: #4e4e6a;--icon-active: #0a0a0b;--accent: #427158;--accent-light: #4f8769;--accent-subtle: rgba(66, 113, 88, .12);--accent-muted: rgba(66, 113, 88, .06);--accent-secondary: #b05a35;--accent-chip-bg: rgba(66, 113, 88, .14);--accent-chip-fg: #2d5440;--shadow: rgba(0, 0, 0, .12);--shadow-sm: rgba(0, 0, 0, .04);--backdrop: rgba(10, 10, 11, .4);--success: #3a9a6a;--error: #c44a4a;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0a0b;--bg-raised: #131316;--bg-overlay: #1a1a1f;--bg-hover: #1a1a1f;--border: #26262e;--border-subtle: #1a1a1f;--text: #fafafc;--text-secondary: #8e8ea8;--text-tertiary: #6b6b8a;--text-inverse: #0a0a0b;--icon: #6b6b8a;--icon-hover: #8e8ea8;--icon-active: #fafafc;--accent: #6ba483;--accent-light: #87bf9e;--accent-subtle: rgba(135, 191, 158, .14);--accent-muted: rgba(135, 191, 158, .06);--accent-secondary: #d57a52;--accent-chip-bg: rgba(135, 191, 158, .16);--accent-chip-fg: #a8d6bb;--shadow: rgba(0, 0, 0, .4);--shadow-sm: rgba(0, 0, 0, .2);--backdrop: rgba(10, 10, 11, .6);--success: #6ba483;--error: #d97a7a;color-scheme:dark}}[data-theme=dark]{--bg: #0a0a0b;--bg-raised: #131316;--bg-overlay: #1a1a1f;--bg-hover: #1a1a1f;--border: #26262e;--border-subtle: #1a1a1f;--text: #fafafc;--text-secondary: #8e8ea8;--text-tertiary: #6b6b8a;--text-inverse: #0a0a0b;--icon: #6b6b8a;--icon-hover: #8e8ea8;--icon-active: #fafafc;--accent: #6ba483;--accent-light: #87bf9e;--accent-subtle: rgba(135, 191, 158, .14);--accent-muted: rgba(135, 191, 158, .06);--accent-secondary: #d57a52;--accent-chip-bg: rgba(135, 191, 158, .16);--accent-chip-fg: #a8d6bb;--shadow: rgba(0, 0, 0, .4);--shadow-sm: rgba(0, 0, 0, .2);--backdrop: rgba(10, 10, 11, .6);--success: #6ba483;--error: #d97a7a;color-scheme:dark}html.theme-ready,html.theme-ready *,html.theme-ready *:before,html.theme-ready *:after{transition:background-color var(--duration-slow) var(--ease),color var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;user-select:none}input,textarea,select{font-family:inherit;color:inherit}img{display:block;max-width:100%;height:auto}.container{width:100%;max-width:720px;margin:0 auto;padding:0 24px}@media(min-width:540px){.container{padding:0 32px}}.display-3xl{font-family:var(--font-display);font-size:40px;font-weight:400;letter-spacing:-.015em;line-height:1.18;font-variation-settings:"opsz" 144}.display-2xl{font-family:var(--font-display);font-size:30px;font-weight:400;letter-spacing:-.012em;line-height:1.22;font-variation-settings:"opsz" 144}.display-xl{font-family:var(--font-display);font-size:24px;font-weight:500;letter-spacing:-.01em;line-height:1.28;font-variation-settings:"opsz" 96}@media(max-width:540px){.display-3xl{font-size:30px;line-height:1.2}.display-2xl{font-size:24px;line-height:1.24}.display-xl{font-size:20px;line-height:1.3}}.section-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.muted{color:var(--text-secondary)}.tertiary{color:var(--text-tertiary)}input[type=search],input[type=text]{width:100%;padding:12px 14px;background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);font-size:16px;transition:border-color var(--duration-fast) var(--ease)}input[type=search]:focus,input[type=text]:focus{outline:none;border-color:var(--accent)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;background:var(--accent-chip-bg);color:var(--accent-chip-fg);white-space:nowrap}.pill--muted{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:3px 9px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-header{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-subtle);z-index:20}.app-header-inner{display:flex;align-items:center;gap:14px;height:52px;padding:0 24px;max-width:720px;margin:0 auto}@media(min-width:540px){.app-header-inner{padding:0 32px}}.app-header-back{color:var(--text-secondary);font-size:18px;line-height:1;padding:4px;margin-left:-4px;border-radius:var(--radius);transition:color var(--duration-fast) var(--ease)}.app-header-back:hover{color:var(--text)}.wordmark{font-family:var(--font-display);font-size:20px;font-weight:500;line-height:1;color:var(--text);letter-spacing:-.005em;font-variation-settings:"opsz" 96}.wordmark a{color:inherit}.crumb{color:var(--text-tertiary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.page{padding-top:24px;padding-bottom:48px}.empty{padding:32px 20px;color:var(--text-secondary);text-align:center;background:var(--bg-raised);border-radius:var(--radius-lg);margin:16px 0;font-size:14px;line-height:1.6}.empty code{font-family:var(--font-mono);background:var(--bg);padding:1px 6px;border-radius:4px;font-size:12px}