:root{--cx-bg: #161511;--cx-panel: #1d1b16;--cx-panel-2: #24211a;--cx-panel-3: #2b2820;--cx-line: #343026;--cx-line-soft: color-mix(in srgb, var(--cx-line) 60%, transparent);--cx-ink: #ece7db;--cx-ink-soft: #b6afa0;--cx-ink-faint: #9a9384;--cx-stage: #100e0b;--cx-stage-ink: #f2eee3;--cx-stage-warm: #d8a657;--cx-stage-cool: #6f9bd1;--cx-stage-amber: #cf8b52;--cx-warm: #d8a657;--cx-on-warm: #1a1408;--cx-cool: #6f9bd1;--cx-on-cool: #0c1016;--cx-amber: #cf8b52;--cx-rose: #e0698a;--cx-ok: #7fbf72;--cx-danger: #e06c6c;--cx-hover: color-mix(in srgb, var(--cx-ink) 5%, transparent);--cx-active: color-mix(in srgb, var(--cx-ink) 9%, transparent);--cx-overlay: rgba(10, 9, 7, .7);--cx-overlay-heavy: rgba(10, 9, 7, .86);--cx-scrim: rgba(0, 0, 0, .38);--cx-serif: ui-serif, Georgia, "Iowan Old Style", serif;--cx-sans: ui-sans-serif, system-ui, -apple-system, sans-serif;--cx-mono: ui-monospace, "SF Mono", Menlo, monospace;--cx-text-2xs: .625rem;--cx-text-xs: .6875rem;--cx-text-sm: .75rem;--cx-text-md: .875rem;--cx-text-lg: 1rem;--cx-text-xl: 1.25rem;--cx-text-2xl: 1.5rem;--cx-text-3xl: 2rem;--cx-weight-normal: 400;--cx-weight-medium: 500;--cx-weight-semibold: 600;--cx-weight-bold: 700;--cx-leading-tight: 1.25;--cx-leading-normal: 1.5;--cx-leading-relaxed: 1.75;--cx-tracking-tight: -.01em;--cx-tracking-display: -.02em;--cx-tracking-normal: 0;--cx-tracking-wide: .06em;--cx-tracking-wider: .08em;--cx-tracking-widest: .12em;--cx-space-xs: .25rem;--cx-space-sm: .5rem;--cx-space-md: 1rem;--cx-space-lg: 1.5rem;--cx-space-xl: 2rem;--cx-space-2xl: 3rem;--cx-space-3xl: 4rem;--cx-measure: 66ch;--cx-sheet-width: 720px;--cx-desk-sheet: 880px;--cx-desk-floor: 760px;--cx-radius-sm: 4px;--cx-radius-md: 8px;--cx-radius-lg: 12px;--cx-radius-xl: 16px;--cx-radius-2xl: 24px;--cx-radius-full: 9999px;--cx-shadow-1: 0 1px 3px rgba(0, 0, 0, .3);--cx-shadow-2: 0 6px 24px rgba(0, 0, 0, .35);--cx-shadow-3: 0 12px 40px rgba(0, 0, 0, .5);--cx-shadow-modal: 0 24px 80px rgba(0, 0, 0, .6);--cx-dur-fast: .12s;--cx-dur-med: .2s;--cx-dur-slow: .4s;--cx-dur-loop: 1.2s;--cx-dur-breathe: 2.4s;--cx-dur-calm: 9s;--cx-ease: ease;--cx-ease-inout: ease-in-out;--cx-ease-out: cubic-bezier(.23, 1, .32, 1);--cx-z-overlay: 30;--cx-z-dark: 60;--cx-z-sticky: 100;--cx-z-dropdown: 200;--cx-z-modal: 1000;--cx-z-modal-top: 1200;--bg-app: var(--cx-bg);--bg-surface: var(--cx-panel);--bg-elevated: var(--cx-panel-2);--bg-hover: var(--cx-hover);--text-primary: var(--cx-ink);--text-secondary: var(--cx-ink-soft);--text-muted: var(--cx-ink-faint);--text-tertiary: var(--cx-ink-faint);--border-subtle: var(--cx-line);--border-focus: color-mix(in srgb, var(--cx-warm) 55%, transparent);--primary: var(--cx-warm);--primary-fg: var(--cx-on-warm);--primary-hover: color-mix(in srgb, var(--cx-warm) 82%, var(--cx-ink));--accent: var(--cx-cool);--accent-fg: var(--cx-on-cool);--accent-danger: var(--cx-danger);--font-body: var(--cx-sans);--font-heading: var(--cx-serif);--font-scale: 1}:root.theme-light,:root[data-theme=light]{--cx-bg: #f6f3eb;--cx-panel: #fdfbf5;--cx-panel-2: #eee8da;--cx-panel-3: #e5ddca;--cx-line: #ddd5c4;--cx-ink: #17140e;--cx-ink-soft: #464135;--cx-ink-faint: #6b6558;--cx-warm: #8a5f1e;--cx-on-warm: #fbf6ea;--cx-cool: #33639e;--cx-on-cool: #f4f7fb;--cx-amber: #9c5310;--cx-rose: #b03d60;--cx-ok: #2e7d3a;--cx-danger: #b3382e;--cx-overlay: rgba(42, 38, 30, .5);--cx-overlay-heavy: rgba(42, 38, 30, .7);--cx-shadow-1: 0 1px 3px rgba(23, 20, 14, .08);--cx-shadow-2: 0 6px 24px rgba(23, 20, 14, .12);--cx-shadow-3: 0 12px 40px rgba(23, 20, 14, .16);--cx-shadow-modal: 0 24px 80px rgba(23, 20, 14, .22)}::-moz-selection{background:color-mix(in srgb,var(--cx-warm) 28%,transparent)}::selection{background:color-mix(in srgb,var(--cx-warm) 28%,transparent)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}@keyframes cx-spin{to{transform:rotate(360deg)}}@keyframes cx-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes cx-pop{0%{opacity:0;transform:translateY(4px) scale(.99)}}@keyframes cx-arrive-in{0%{opacity:0;transform:translateY(8px)}}@keyframes cx-shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}@keyframes cx-pop-out{to{opacity:0;transform:translateY(4px) scale(.99)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);margin:0;min-height:100vh;transition:background-color var(--cx-dur-med) var(--cx-ease),color var(--cx-dur-med) var(--cx-ease)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.app-bootstrap{box-sizing:border-box;width:min(34rem,calc(100% - 32px));margin:clamp(24px,10vh,96px) auto;padding:var(--cx-space-lg);border:1px solid var(--cx-line);border-radius:var(--cx-radius-md);background:var(--cx-panel);overflow-wrap:anywhere}.app-bootstrap p{margin:0 0 var(--cx-space-md);line-height:var(--cx-leading-normal)}.app-bootstrap button{min-height:44px;padding:var(--cx-space-sm) var(--cx-space-lg);border:1px solid var(--cx-line);border-radius:var(--cx-radius-md);background:var(--cx-panel);color:inherit;font:inherit;cursor:pointer}.app-bootstrap button:hover{background:var(--cx-hover)}.app-bootstrap button:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}