:root{--surface-page: #f5f3ee;--surface-canvas: #ebe8e1;--surface-dot: rgba(0, 0, 0, .11);--surface-elevated: #ffffff;--surface-elevated-glass: rgba(255, 255, 255, .96);--ink-primary: #1a1a1a;--ink-secondary: #666666;--ink-tertiary: #888888;--ink-disabled: #b8b8b8;--ink-inverse: #ffffff;--border-hairline: rgba(0, 0, 0, .08);--border-emphasis: rgba(0, 0, 0, .16);--accent-canvas-selection: #2563eb;--accent-canvas-selection-fill: rgba(37, 99, 235, .08);--mark-red: #ef4444;--mark-amber: #f59e0b;--mark-green: #10b981;--mark-blue: #3b82f6;--mark-white: #ffffff;--mark-black: #1a1a1a;--shadow-canvas: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .08);--shadow-toolbar: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-image: 6px}[data-theme=dark]{--surface-page: #0d0d0d;--surface-canvas: #0a0a0a;--surface-dot: rgba(255, 255, 255, .09);--surface-elevated: #181818;--surface-elevated-glass: rgba(24, 24, 24, .96);--ink-primary: #ffffff;--ink-secondary: #999999;--ink-tertiary: #666666;--ink-disabled: #444444;--ink-inverse: #1a1a1a;--border-hairline: rgba(255, 255, 255, .08);--border-emphasis: rgba(255, 255, 255, .16);--accent-canvas-selection: #3b82f6;--accent-canvas-selection-fill: rgba(59, 130, 246, .12);--shadow-canvas: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .6);--shadow-toolbar: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface-page: #0d0d0d;--surface-canvas: #0a0a0a;--surface-dot: rgba(255, 255, 255, .09);--surface-elevated: #181818;--surface-elevated-glass: rgba(24, 24, 24, .96);--ink-primary: #ffffff;--ink-secondary: #999999;--ink-tertiary: #666666;--ink-disabled: #444444;--ink-inverse: #1a1a1a;--border-hairline: rgba(255, 255, 255, .08);--border-emphasis: rgba(255, 255, 255, .16);--accent-canvas-selection: #3b82f6;--accent-canvas-selection-fill: rgba(59, 130, 246, .12);--shadow-canvas: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .6);--shadow-toolbar: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;font-family:var(--font-sans);color:var(--ink-primary);background:var(--surface-page)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-canvas-selection-fill),0 0 0 4px var(--accent-canvas-selection)}.canvas-surface{background-color:var(--surface-canvas);background-image:radial-gradient(circle,var(--surface-dot) 1px,transparent 1px);background-size:16px 16px;background-position:0 0}.glass{background:var(--surface-elevated-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.5px solid var(--border-hairline)}.mono{font-family:var(--font-mono)}.meta-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-tertiary)}