collabmd 0.1.31 → 0.1.33

package/src/server/domain/bases/base-transform.js

@@ -0,0 +1,116 @@
+import yaml from 'js-yaml';
+
+import {
+  findView,
+  normalizeBaseDefinition,
+  normalizeRawDefinitionForWrite,
+} from './base-definition.js';
+
+function isPlainObject(value) {
+  return Object.prototype.toString.call(value) === '[object Object]';
+}
+
+function cloneRawSource(source = '') {
+  const parsed = yaml.load(String(source ?? '')) ?? {};
+  return isPlainObject(parsed) ? parsed : {};
+}
+
+function ensureViews(rawDefinition) {
+  if (!Array.isArray(rawDefinition.views) || rawDefinition.views.length === 0) {
+    rawDefinition.views = [{ name: 'Table', type: 'table' }];
+  }
+
+  return rawDefinition.views;
+}
+
+function findViewIndex(definition, requestedView = '') {
+  const activeView = findView(definition, requestedView);
+  return definition.views.findIndex((view) => view.id === activeView.id);
+}
+
+function serializeGroupBy(groupBy) {
+  if (!groupBy?.property) {
+    return null;
+  }
+
+  return {
+    direction: String(groupBy.direction ?? 'asc').toUpperCase(),
+    property: groupBy.property,
+  };
+}
+
+function serializeSort(sort = []) {
+  return sort
+    .filter((entry) => entry?.property)
+    .map((entry) => ({
+      direction: String(entry.direction ?? 'asc').toUpperCase(),
+      property: entry.property,
+    }));
+}
+
+function applySetViewConfig(rawDefinition, definition, mutation = {}) {
+  const viewIndex = findViewIndex(definition, mutation.view ?? '');
+  if (viewIndex < 0) {
+    throw new Error('Base view not found');
+  }
+
+  const rawViews = ensureViews(rawDefinition);
+  const nextView = isPlainObject(rawViews[viewIndex])
+    ? { ...rawViews[viewIndex] }
+    : {};
+  const nextConfig = isPlainObject(mutation.config) ? mutation.config : {};
+
+  if (Object.hasOwn(nextConfig, 'order')) {
+    nextView.order = Array.isArray(nextConfig.order)
+      ? nextConfig.order.filter((entry) => typeof entry === 'string' && entry.trim())
+      : [];
+  }
+
+  if (Object.hasOwn(nextConfig, 'sort')) {
+    const sort = serializeSort(nextConfig.sort);
+    if (sort.length > 0) {
+      nextView.sort = sort;
+    } else {
+      delete nextView.sort;
+      delete nextView.sorts;
+    }
+  }
+
+  if (Object.hasOwn(nextConfig, 'groupBy')) {
+    const groupBy = serializeGroupBy(nextConfig.groupBy);
+    if (groupBy) {
+      nextView.groupBy = groupBy;
+    } else {
+      delete nextView.groupBy;
+      delete nextView.group_by;
+    }
+  }
+
+  if (Object.hasOwn(nextConfig, 'filters')) {
+    if (nextConfig.filters == null || nextConfig.filters === '') {
+      delete nextView.filters;
+    } else {
+      nextView.filters = nextConfig.filters;
+    }
+  }
+
+  rawViews[viewIndex] = nextView;
+}
+
+export function transformBaseSource(source = '', mutation = {}) {
+  const definition = normalizeBaseDefinition(source);
+  const rawDefinition = normalizeRawDefinitionForWrite({
+    raw: cloneRawSource(source),
+  });
+  const mutationType = String(mutation?.type ?? '');
+
+  switch (mutationType) {
+    case 'set-view-config':
+      applySetViewConfig(rawDefinition, definition, mutation);
+      break;
+    default:
+      throw new Error(`Unsupported base mutation: ${mutationType || 'unknown'}`);
+  }
+
+  return `${yaml.dump(normalizeRawDefinitionForWrite(rawDefinition), { lineWidth: -1, noRefs: true }).trim()}\n`;
+}

package/src/server/domain/collaboration/collaboration-room.js

@@ -45,10 +45,39 @@ function closeSlowClient(ws, clientState, { maxBufferedAmountBytes, name }) {
   return false;
 }
 
+function isExpectedSocketSendError(error) {
+  const code = String(error?.code || '').toUpperCase();
+  const message = String(error?.message || '');
+
+  return code === 'EPIPE'
+    || code === 'ECONNRESET'
+    || /EPIPE|ECONNRESET|WebSocket is not open|readyState/i.test(message);
+}
+
+function cleanupDisconnectedClient(room, ws, clientState) {
+  if (clientState?.transportCloseIssued) {
+    return false;
+  }
+
+  if (clientState) {
+    clientState.transportCloseIssued = true;
+  }
+
+  room?.removeClient?.(ws);
+
+  try {
+    ws.terminate?.();
+  } catch {
+    // Ignore termination errors while cleaning up disconnected clients.
+  }
+
+  return false;
+}
+
 function sendMessage(ws, payload, { maxBufferedAmountBytes, name }) {
   const clientState = this?.getClientState?.(ws) ?? null;
   if (ws.readyState !== ws.OPEN) {
-    return false;
+    return cleanupDisconnectedClient(this, ws, clientState);
   }
 
   const bufferedAmountBeforeSend = ws.bufferedAmount;
@@ -59,6 +88,11 @@ function sendMessage(ws, payload, { maxBufferedAmountBytes, name }) {
 
   ws.send(payload, (error) => {
     if (error) {
+      if (isExpectedSocketSendError(error)) {
+        cleanupDisconnectedClient(this, ws, clientState);
+        return;
+      }
+
       console.error(`[room:${name}] Failed to send websocket frame:`, error.message);
     }
   });
@@ -343,6 +377,7 @@ export class CollaborationRoom {
     const existingState = this.getClientState(ws);
     if (existingState) {
       existingState.backpressureCloseIssued = false;
+      existingState.transportCloseIssued = false;
       return existingState;
     }
 

package/src/server/domain/collaboration/room-client-state-store.js

@@ -2,6 +2,7 @@ function createClientState() {
   return {
     backpressureCloseIssued: false,
     controlledClientIds: new Set(),
+    transportCloseIssued: false,
   };
 }
 

package/src/server/domain/collaboration/room-persistence-controller.js

@@ -46,10 +46,10 @@ export class RoomPersistenceController {
       return;
     }
 
-    const generation = ++this.shutdownGeneration;
     if (this.finalizePromise) {
       return;
     }
+    const generation = ++this.shutdownGeneration;
 
     this.finalizePromise = (async () => {
       clearTimeout(this.persistTimer);

package/src/server/infrastructure/http/create-vault-api-query-handler.js

@@ -1,3 +1,4 @@
+import archiver from 'archiver';
 import { basename } from 'node:path';
 
 import {
@@ -9,7 +10,7 @@ import {
   isPlantUmlFilePath,
 } from '../../../domain/file-kind.js';
 import { parseJsonBody } from './request-body.js';
-import { jsonResponse, sendResponse } from './http-response.js';
+import { jsonResponse, sendResponse, sendStreamResponse } from './http-response.js';
 
 const SVG_MIME_TYPE = 'image/svg+xml';
 const SVG_ATTACHMENT_CSP = "default-src 'none'; img-src 'self' data: blob:; style-src 'unsafe-inline'; sandbox";
@@ -43,6 +44,15 @@ function createAttachmentHeaders(attachment) {
   return headers;
 }
 
+function createDownloadHeaders(fileName, contentType) {
+  return {
+    'Cache-Control': 'no-store',
+    'Content-Disposition': `attachment; filename="${createSafeAsciiFilename(fileName)}"; filename*=UTF-8''${encodeContentDispositionFilename(fileName)}`,
+    'Content-Type': contentType,
+    'X-Content-Type-Options': 'nosniff',
+  };
+}
+
 function selectReadOperation(vaultFileStore, filePath) {
   if (isExcalidrawFilePath(filePath)) {
     return vaultFileStore.readExcalidrawFile(filePath);
@@ -67,6 +77,46 @@ function selectReadOperation(vaultFileStore, filePath) {
   return vaultFileStore.readMarkdownFile(filePath);
 }
 
+async function streamDirectoryArchive(req, res, {
+  entries = [],
+  rootName = 'archive',
+} = {}) {
+  const archive = archiver('zip', {
+    zlib: {
+      level: 6,
+    },
+  });
+
+  archive.on('warning', (error) => {
+    if (error?.code !== 'ENOENT') {
+      archive.emit('error', error);
+    }
+  });
+
+  const responsePromise = sendStreamResponse(req, res, {
+    headers: createDownloadHeaders(`${rootName}.zip`, 'application/zip'),
+    statusCode: 200,
+    stream: archive,
+  });
+
+  for (const entry of entries) {
+    if (entry.type === 'directory') {
+      const directoryName = entry.path
+        ? `${rootName}/${entry.path}/`
+        : `${rootName}/`;
+      archive.append('', { name: directoryName });
+      continue;
+    }
+
+    archive.file(entry.absolutePath, {
+      name: `${rootName}/${entry.path}`,
+    });
+  }
+
+  await archive.finalize();
+  await responsePromise;
+}
+
 export function createVaultApiQueryHandler({
   baseQueryService = null,
   backlinkIndex,
@@ -99,6 +149,57 @@ export function createVaultApiQueryHandler({
       return true;
     }
 
+    if (requestUrl.pathname === '/api/base/property-values' && req.method === 'POST') {
+      try {
+        if (!baseQueryService?.propertyValues) {
+          jsonResponse(req, res, 503, { error: 'Bases query service is unavailable' });
+          return true;
+        }
+
+        const body = await parseJsonBody(req);
+        const result = await baseQueryService.propertyValues({
+          activeFilePath: body?.activeFilePath ?? '',
+          basePath: body?.path ?? '',
+          propertyId: body?.propertyId ?? '',
+          query: body?.query ?? '',
+          source: typeof body?.source === 'string' ? body.source : null,
+          sourcePath: body?.sourcePath ?? '',
+          view: body?.view ?? '',
+        });
+
+        jsonResponse(req, res, 200, { ok: true, result });
+      } catch (error) {
+        console.error('[api] Failed to read base property values:', error.message);
+        jsonResponse(req, res, 400, { error: error.message || 'Failed to read base property values' });
+      }
+      return true;
+    }
+
+    if (requestUrl.pathname === '/api/base/transform' && req.method === 'POST') {
+      try {
+        if (!baseQueryService?.transform) {
+          jsonResponse(req, res, 503, { error: 'Bases query service is unavailable' });
+          return true;
+        }
+
+        const body = await parseJsonBody(req);
+        const result = await baseQueryService.transform({
+          activeFilePath: body?.activeFilePath ?? '',
+          basePath: body?.path ?? '',
+          mutation: body?.mutation ?? null,
+          source: typeof body?.source === 'string' ? body.source : null,
+          sourcePath: body?.sourcePath ?? '',
+          view: body?.view ?? '',
+        });
+
+        jsonResponse(req, res, 200, { ok: true, result });
+      } catch (error) {
+        console.error('[api] Failed to transform base:', error.message);
+        jsonResponse(req, res, 400, { error: error.message || 'Failed to transform base' });
+      }
+      return true;
+    }
+
     if (requestUrl.pathname === '/api/base/export' && req.method === 'POST') {
       try {
         if (!baseQueryService?.query) {
@@ -110,6 +211,7 @@ export function createVaultApiQueryHandler({
         const result = await baseQueryService.query({
           activeFilePath: body?.activeFilePath ?? '',
           basePath: body?.path ?? '',
+          includeCsv: true,
           search: body?.search ?? '',
           source: typeof body?.source === 'string' ? body.source : null,
           sourcePath: body?.sourcePath ?? '',
@@ -166,6 +268,64 @@ export function createVaultApiQueryHandler({
       return true;
     }
 
+    if (requestUrl.pathname === '/api/download/file' && req.method === 'GET') {
+      const filePath = requestUrl.searchParams.get('path');
+      if (!filePath) {
+        jsonResponse(req, res, 400, { error: 'Missing path parameter' });
+        return true;
+      }
+
+      try {
+        const download = await vaultFileStore.readDownloadFile(filePath);
+        if (!download) {
+          jsonResponse(req, res, 404, { error: 'File not found' });
+          return true;
+        }
+
+        sendResponse(req, res, {
+          body: download.content,
+          headers: createDownloadHeaders(
+            basename(String(download.path ?? 'download')),
+            download.mimeType || 'application/octet-stream',
+          ),
+          statusCode: 200,
+        });
+      } catch (error) {
+        console.error('[api] Failed to download file:', error.message);
+        jsonResponse(req, res, 500, { error: 'Failed to download file' });
+      }
+      return true;
+    }
+
+    if (requestUrl.pathname === '/api/download/directory' && req.method === 'GET') {
+      const directoryPath = requestUrl.searchParams.get('path');
+      if (!directoryPath) {
+        jsonResponse(req, res, 400, { error: 'Missing path parameter' });
+        return true;
+      }
+
+      try {
+        const result = await vaultFileStore.listDirectoryEntriesForDownload(directoryPath);
+        if (!result.ok) {
+          jsonResponse(req, res, result.error === 'Directory not found' ? 404 : 400, { error: result.error });
+          return true;
+        }
+
+        await streamDirectoryArchive(req, res, {
+          entries: result.entries,
+          rootName: result.rootName || 'archive',
+        });
+      } catch (error) {
+        console.error('[api] Failed to download directory:', error.message);
+        if (!res.headersSent) {
+          jsonResponse(req, res, 500, { error: 'Failed to download directory' });
+        } else {
+          res.destroy(error);
+        }
+      }
+      return true;
+    }
+
     if (requestUrl.pathname === '/api/attachment' && req.method === 'GET') {
       const filePath = requestUrl.searchParams.get('path');
       if (!filePath) {

package/src/server/infrastructure/http/http-response.js

@@ -179,6 +179,62 @@ export function sendResponse(req, res, {
   });
 }
 
+export function sendStreamResponse(req, res, {
+  headers = {},
+  statusCode = 200,
+  stream,
+} = {}) {
+  writeResponseHead(res, statusCode, headers, null);
+
+  if (!stream) {
+    res.end();
+    return Promise.resolve();
+  }
+
+  if (req.method === 'HEAD' || statusCode === 204 || statusCode === 304) {
+    stream.destroy?.();
+    res.end();
+    return Promise.resolve();
+  }
+
+  return new Promise((resolve, reject) => {
+    let settled = false;
+
+    const finish = (error = null) => {
+      if (settled) {
+        return;
+      }
+
+      settled = true;
+      res.off('finish', handleFinish);
+      res.off('error', handleError);
+      res.off('close', handleClose);
+      stream.off('error', handleError);
+
+      if (error) {
+        reject(error);
+        return;
+      }
+
+      resolve();
+    };
+
+    const handleFinish = () => finish();
+    const handleError = (error) => finish(error);
+    const handleClose = () => {
+      if (!res.writableEnded) {
+        finish(new Error('Response stream closed before completion'));
+      }
+    };
+
+    res.on('finish', handleFinish);
+    res.on('error', handleError);
+    res.on('close', handleClose);
+    stream.on('error', handleError);
+    stream.pipe(res);
+  });
+}
+
 export function jsonResponse(req, res, statusCode, data) {
   const body = JSON.stringify(data);
   sendResponse(req, res, {

package/src/server/infrastructure/persistence/vault-file-store.js

@@ -2,6 +2,7 @@ import { mkdir, readFile, readdir, rename, rm, rmdir, stat, writeFile } from 'fs
 import { basename, dirname, extname, join, relative, resolve } from 'path';
 
 import {
+  getVaultFileKind,
   getVaultTreeNodeType,
   isImageAttachmentFilePath,
   isMarkdownFilePath,
@@ -37,6 +38,14 @@ const MIME_TYPE_TO_IMAGE_EXTENSION = Object.freeze({
   'image/svg+xml': '.svg',
   'image/webp': '.webp',
 });
+const TEXT_FILE_MIME_TYPES = Object.freeze({
+  base: 'text/yaml; charset=utf-8',
+  drawio: 'application/xml; charset=utf-8',
+  excalidraw: 'application/json; charset=utf-8',
+  markdown: 'text/markdown; charset=utf-8',
+  mermaid: 'text/plain; charset=utf-8',
+  plantuml: 'text/plain; charset=utf-8',
+});
 const WORKSPACE_SCAN_CONCURRENCY = 8;
 
 function createTransactionalPath(targetPath, label) {
@@ -201,6 +210,15 @@ function createAttachmentMarkdownSnippet({ altText, documentPath, storedPath })
   return `![${escapeMarkdownText(altText)}](${encodedRelativePath})`;
 }
 
+function getDownloadMimeType(filePath) {
+  const fileKind = getVaultFileKind(filePath);
+  if (fileKind === 'image') {
+    return IMAGE_EXTENSION_TO_MIME_TYPE[extname(String(filePath ?? '')).toLowerCase()] || 'application/octet-stream';
+  }
+
+  return TEXT_FILE_MIME_TYPES[fileKind] || 'application/octet-stream';
+}
+
 export class VaultFileStore {
   constructor({ vaultDir }) {
     this.vaultDir = resolve(vaultDir);
@@ -463,6 +481,36 @@ export class VaultFileStore {
     };
   }
 
+  async readDownloadFile(filePath) {
+    const normalizedPath = String(filePath ?? '').replace(/\\/g, '/').trim();
+    if (!normalizedPath || !isVaultFilePath(normalizedPath)) {
+      return null;
+    }
+
+    if (isImageAttachmentFilePath(normalizedPath)) {
+      return this.readImageAttachmentFile(normalizedPath);
+    }
+
+    const absolute = this.resolveContentPath(normalizedPath, { requireVaultFile: false });
+    if (!absolute) {
+      return null;
+    }
+
+    try {
+      return {
+        content: await readFile(absolute),
+        mimeType: getDownloadMimeType(normalizedPath),
+        path: normalizedPath,
+      };
+    } catch (error) {
+      if (error.code === 'ENOENT') {
+        return null;
+      }
+
+      throw error;
+    }
+  }
+
   async persistCollaborationState(filePath, {
     commentThreads = [],
     content = '',
@@ -660,6 +708,68 @@ export class VaultFileStore {
     return sortWorkspacePaths(paths);
   }
 
+  async listDirectoryEntriesForDownload(dirPath) {
+    const normalizedPath = String(dirPath ?? '').replace(/\\/g, '/').trim();
+    const { absolute, error } = resolveVaultDirectoryPath(this.vaultDir, normalizedPath);
+    if (!absolute) {
+      return { ok: false, error };
+    }
+
+    try {
+      const info = await stat(absolute);
+      if (!info.isDirectory()) {
+        return { ok: false, error: 'Directory not found' };
+      }
+    } catch (statError) {
+      if (statError.code === 'ENOENT') {
+        return { ok: false, error: 'Directory not found' };
+      }
+
+      throw statError;
+    }
+
+    const entries = [];
+    const visitDirectory = async (directoryAbsolutePath, relativeDirectoryPath = '') => {
+      const dirEntries = sortDirectoryEntries(await readdir(directoryAbsolutePath, { withFileTypes: true }))
+        .filter((entry) => !isIgnoredVaultEntry(entry.name));
+
+      if (dirEntries.length === 0) {
+        entries.push({
+          path: relativeDirectoryPath,
+          type: 'directory',
+        });
+        return;
+      }
+
+      for (const entry of dirEntries) {
+        const childAbsolutePath = join(directoryAbsolutePath, entry.name);
+        const childRelativePath = relativeDirectoryPath
+          ? `${relativeDirectoryPath}/${entry.name}`
+          : entry.name;
+
+        if (entry.isDirectory()) {
+          await visitDirectory(childAbsolutePath, childRelativePath);
+          continue;
+        }
+
+        if (isVaultFilePath(entry.name)) {
+          entries.push({
+            absolutePath: childAbsolutePath,
+            path: childRelativePath,
+            type: 'file',
+          });
+        }
+      }
+    };
+
+    await visitDirectory(absolute);
+    return {
+      entries,
+      ok: true,
+      rootName: basename(normalizedPath),
+    };
+  }
+
   async deleteFile(filePath) {
     const { absolute, error } = resolveVaultFilePath(this.vaultDir, filePath);
     if (!absolute) {

package/dist/client/assets/drawioEditor-DGpo2hcx.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./drawio-editor-B4sHHwWJ.js","./yjs-provider-reset-guard-CtERLBID.js","./runtime-config-CqhchMC4.js","./vault-api-client-BzHQseMN.js","./vault-api-client-De7kMvrE.css","./drawio-room-DEivFyNV.js","./drawio-editor-UQQ8XHou.css","./embedded-editor-base-DgmRcsR8.css"])))=>i.map(i=>d[i]);
-import{t as e}from"./runtime-config-loader-_D2KZKn-.js";import{t}from"./preload-helper-Bo9GmnuQ.js";await e(),await t(()=>import(`./drawio-editor-B4sHHwWJ.js`),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);

package/dist/client/assets/embedded-editor-base-DgmRcsR8.css

@@ -1 +0,0 @@
-:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg:clamp(1.125rem, .95rem + .85vw, 1.5rem);--text-xl:clamp(1.5rem, 1rem + 1.5vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-label:12px;--text-meta:11px;--text-caption:10px;--text-micro:9px;--text-code-sm:11.5px;--text-ui-sm:13px;--text-ui-md:14px;--text-title-sm:15px;--text-title-md:18px;--font-body:"Inter", system-ui, sans-serif;--font-display:"Geist", "Cal Sans", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xs:2px;--radius-xs:4px;--radius-lg-plus:10px;--radius-xl-plus:18px;--radius-full:9999px;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--content-narrow:640px;--content-default:960px;--content-wide:1200px;--preview-content-width:720px;--panel-comments-width:min(300px, 34vw);--panel-comments-min-width:240px;--panel-outline-width:220px;--toolbar-h:48px;--control-h-xs:28px;--control-h-sm:30px;--control-h-md:36px;--control-h-lg:44px;--control-icon-sm:14px;--control-icon-md:16px;--panel-border-width:1px}:root,[data-theme=light]{--color-bg:#f5f5f7;--color-surface:#fff;--color-surface-2:#fafafe;--color-surface-offset:#eeeef2;--color-surface-offset-2:#e6e6eb;--color-surface-dynamic:#dddde3;--color-surface-raised:#fff;--color-surface-ink:#0f1117;--color-divider:#d1d1d8;--color-border:#c4c4ce;--color-text:#1a1a2e;--color-text-muted:#6b6b80;--color-text-faint:#a0a0b0;--color-text-inverse:#f5f5f7;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-active:#3730a3;--color-primary-highlight:#e0e0ff;--color-comment:#4f46e5;--color-comment-soft:#4f46e514;--color-comment-strong:#4f46e524;--color-comment-text:#3730a3;--color-error:#dc2626;--color-error-highlight:#fce8e8;--color-success:#16a34a;--color-success-highlight:#dcfce7;--color-warning:#d97706;--color-warning-highlight:#fef3c7;--diff-add-bg:#16a34a0f;--diff-add-line-bg:#16a34a24;--diff-add-text:#16a34a;--diff-del-bg:#dc26260f;--diff-del-line-bg:#dc262624;--diff-del-text:#dc2626;--diff-hunk-bg:#4f46e514;--diff-hunk-text:#4f46e5;--diff-gutter:#a0a0b0;--surface-fill-subtle:color-mix(in oklab, var(--color-surface) 92%, var(--color-surface-offset) 8%);--surface-fill-strong:color-mix(in oklab, var(--color-surface-offset) 72%, var(--color-surface-offset-2) 28%);--surface-overlay:color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-offset) 16%);--surface-overlay-soft:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-overlay-strong:color-mix(in srgb, var(--color-surface) 90%, var(--color-surface-offset) 10%);--surface-overlay-raised:color-mix(in oklab, var(--color-surface) 94%, transparent);--surface-overlay-header:color-mix(in srgb, var(--color-surface-offset) 76%, var(--color-bg) 24%);--surface-overlay-offset:color-mix(in oklab, var(--color-surface-offset) 82%, transparent);--surface-scrim:oklch(10% 0 0/.42);--surface-scrim-strong:oklch(8% .01 260/.82);--surface-inverse-glass:oklch(18% .02 260/.68);--surface-inverse-glass-hover:oklch(24% .02 260/.82);--surface-media-canvas:#000;--surface-embed-canvas:#fff;--surface-avatar-muted:#ffffff38;--surface-avatar-label:#0f1117d6;--surface-accent-subtle:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));--surface-accent-soft:color-mix(in oklab, var(--color-primary) 16%, transparent);--surface-accent-strong:color-mix(in oklab, var(--color-primary) 22%, transparent);--surface-success-soft:color-mix(in oklab, var(--color-success) 14%, transparent);--surface-warning-soft:color-mix(in oklab, var(--color-warning) 14%, transparent);--surface-danger-soft:color-mix(in oklab, var(--color-error) 14%, transparent);--surface-comment-shell:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .035), transparent 120px), color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-shell-header:color-mix(in srgb, var(--color-surface) 97%, var(--color-comment) 3%);--surface-comment-record:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .028), transparent 70%), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-record-hover:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .042), transparent 70%), color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-record-active:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .055), transparent 72%), color-mix(in srgb, var(--color-surface-2) 90%, var(--color-comment) 10%);--surface-comment-subtle:color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-subtle-strong:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-card:color-mix(in srgb, var(--color-surface) 94%, var(--color-comment) 6%);--surface-comment-elevated:color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-offset:color-mix(in srgb, var(--color-surface-offset) 90%, var(--color-comment) 10%);--surface-comment-offset-soft:color-mix(in srgb, var(--color-surface-offset) 88%, var(--color-comment) 12%);--surface-comment-offset-strong:color-mix(in srgb, var(--color-surface-offset) 84%, var(--color-comment) 16%);--surface-comment-offset-active:color-mix(in srgb, var(--color-surface-offset) 72%, var(--color-comment) 28%);--surface-comment-highlight-hover:color-mix(in srgb, var(--color-comment-soft) 74%, var(--color-comment) 26%);--surface-comment-highlight-active:color-mix(in srgb, var(--color-comment-soft) 62%, var(--color-comment) 38%);--surface-comment-selection:color-mix(in srgb, var(--color-surface) 25%, var(--color-comment) 75%);--surface-comment-preview-fade:linear-gradient(180deg, oklch(0% 0 0/0), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%));--border-comment-soft:color-mix(in srgb, var(--color-divider) 90%, var(--color-comment) 10%);--border-comment-muted:color-mix(in srgb, var(--color-divider) 88%, var(--color-comment) 12%);--border-comment-strong:color-mix(in srgb, var(--color-border) 82%, var(--color-comment) 18%);--border-comment-active:color-mix(in srgb, var(--color-border) 78%, var(--color-comment) 22%);--shadow-comment-outline:0 0 0 1px oklch(from var(--color-comment) l c h / .14);--surface-warning-toast:linear-gradient(135deg, oklab(94.9166% -.0018052 .0644112), oklab(99.8777% .00026585 .000908241) 42%), #fff8e7;--border-warning-toast:oklab(73.4461% .062398 .147608);--text-warning-toast:#422006;--shadow-warning-toast:0 16px 30px #542e0a2e, 0 0 0 1px #f59e0b1f;--border-accent-soft:color-mix(in oklab, var(--color-primary) 22%, transparent);--border-accent-muted:color-mix(in oklab, var(--color-primary) 24%, var(--color-border));--border-accent-strong:color-mix(in oklab, var(--color-primary) 34%, var(--color-border));--border-accent-stronger:color-mix(in oklab, var(--color-primary) 40%, var(--color-border));--shadow-accent-inset:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 14%, transparent);--shadow-accent-outline:0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent);--shadow-accent-halo:0 0 0 3px oklch(from var(--color-primary) l c h / .16);--shadow-accent-ring:0 0 0 2px var(--color-surface), 0 0 0 4px oklch(from var(--color-primary) l c h / .18);--shadow-accent-ring-strong:0 0 0 2px var(--color-bg), 0 0 0 4px oklch(from var(--color-primary) l c h / .45);--shadow-accent-ring-solid:0 0 0 2px var(--color-primary), 0 0 0 4px oklch(from var(--color-primary) l c h / .2);--shadow-elevated-soft:0 10px 24px color-mix(in oklab, var(--color-surface-ink) 10%, transparent);--shadow-floating-soft:0 14px 34px oklch(0% 0 0/.18);--shadow-floating-hover:0 18px 40px oklch(0% 0 0/.2);--shadow-media-soft:0 16px 40px oklch(0% 0 0/.24);--shadow-media-stage:0 28px 80px oklch(0% 0 0/.28);--shadow-media-modal:0 10px 40px #00000059;--shadow-card-strong:0 20px 56px oklch(0% 0 0/.24);--shadow-sheet-inset:inset 0 1px 0 color-mix(in oklab, var(--color-text) 4%, transparent);--shadow-focus:0 0 0 3px oklch(from var(--color-primary) l c h / .15);--shadow-focus-compact:0 0 0 2px oklch(from var(--color-primary) l c h / .45);--interactive-border:color-mix(in oklab, var(--color-primary) 22%, transparent);--interactive-surface:color-mix(in oklab, var(--color-primary) 14%, transparent);--color-text-on-dark:#fff;--shadow-sm:0 1px 2px oklch(20% .02 260/.06);--shadow-md:0 4px 12px oklch(20% .02 260/.08);--shadow-lg:0 12px 32px oklch(20% .02 260/.12)}[data-theme=dark]{--color-bg:#0f1117;--color-surface:#161822;--color-surface-2:#1c1e2c;--color-surface-offset:#1a1c28;--color-surface-offset-2:#22243a;--color-surface-dynamic:#2a2c3e;--color-surface-raised:#202330;--color-surface-ink:#050608;--color-divider:#2e3044;--color-border:#383a50;--color-text:#e2e2ea;--color-text-muted:#8b8ba0;--color-text-faint:#5a5a70;--color-text-inverse:#0f1117;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-active:#4f46e5;--color-primary-highlight:#1e1e3a;--color-comment:#818cf8;--color-comment-soft:#818cf81a;--color-comment-strong:#818cf829;--color-comment-text:#c7d2fe;--color-error:#f87171;--color-error-highlight:#2a1a1a;--color-success:#4ade80;--color-success-highlight:#1a2a1a;--color-warning:#fbbf24;--color-warning-highlight:#2a261a;--diff-add-bg:#4ade8014;--diff-add-line-bg:#4ade8026;--diff-add-text:#4ade80;--diff-del-bg:#f8717114;--diff-del-line-bg:#f8717126;--diff-del-text:#f87171;--diff-hunk-bg:#818cf81a;--diff-hunk-text:#818cf8;--diff-gutter:#5a5a70;--surface-fill-subtle:color-mix(in oklab, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-fill-strong:color-mix(in oklab, var(--color-surface-offset) 60%, var(--color-surface-offset-2) 40%);--surface-overlay:color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-offset) 16%);--surface-overlay-soft:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-overlay-strong:color-mix(in srgb, var(--color-surface) 90%, var(--color-surface-offset) 10%);--surface-overlay-raised:color-mix(in oklab, var(--color-surface) 94%, transparent);--surface-overlay-header:color-mix(in srgb, var(--color-surface-offset) 76%, var(--color-bg) 24%);--surface-overlay-offset:color-mix(in oklab, var(--color-surface-offset) 82%, transparent);--surface-scrim:oklch(10% 0 0/.42);--surface-scrim-strong:oklch(8% .01 260/.82);--surface-inverse-glass:oklch(18% .02 260/.68);--surface-inverse-glass-hover:oklch(24% .02 260/.82);--surface-media-canvas:#000;--surface-embed-canvas:#121212;--surface-avatar-muted:#ffffff38;--surface-avatar-label:#0f1117d6;--surface-accent-subtle:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));--surface-accent-soft:color-mix(in oklab, var(--color-primary) 16%, transparent);--surface-accent-strong:color-mix(in oklab, var(--color-primary) 22%, transparent);--surface-success-soft:color-mix(in oklab, var(--color-success) 14%, transparent);--surface-warning-soft:color-mix(in oklab, var(--color-warning) 14%, transparent);--surface-danger-soft:color-mix(in oklab, var(--color-error) 14%, transparent);--surface-comment-shell:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .035), transparent 120px), color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-shell-header:color-mix(in srgb, var(--color-surface) 97%, var(--color-comment) 3%);--surface-comment-record:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .028), transparent 70%), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-record-hover:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .042), transparent 70%), color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-record-active:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .055), transparent 72%), color-mix(in srgb, var(--color-surface-2) 90%, var(--color-comment) 10%);--surface-comment-subtle:color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-subtle-strong:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-card:color-mix(in srgb, var(--color-surface) 94%, var(--color-comment) 6%);--surface-comment-elevated:color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-offset:color-mix(in srgb, var(--color-surface-offset) 90%, var(--color-comment) 10%);--surface-comment-offset-soft:color-mix(in srgb, var(--color-surface-offset) 88%, var(--color-comment) 12%);--surface-comment-offset-strong:color-mix(in srgb, var(--color-surface-offset) 84%, var(--color-comment) 16%);--surface-comment-offset-active:color-mix(in srgb, var(--color-surface-offset) 72%, var(--color-comment) 28%);--surface-comment-highlight-hover:color-mix(in srgb, var(--color-comment-soft) 74%, var(--color-comment) 26%);--surface-comment-highlight-active:color-mix(in srgb, var(--color-comment-soft) 62%, var(--color-comment) 38%);--surface-comment-selection:color-mix(in srgb, var(--color-surface) 25%, var(--color-comment) 75%);--surface-comment-preview-fade:linear-gradient(180deg, oklch(0% 0 0/0), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%));--border-comment-soft:color-mix(in srgb, var(--color-divider) 90%, var(--color-comment) 10%);--border-comment-muted:color-mix(in srgb, var(--color-divider) 88%, var(--color-comment) 12%);--border-comment-strong:color-mix(in srgb, var(--color-border) 82%, var(--color-comment) 18%);--border-comment-active:color-mix(in srgb, var(--color-border) 78%, var(--color-comment) 22%);--shadow-comment-outline:0 0 0 1px oklch(from var(--color-comment) l c h / .14);--surface-warning-toast:linear-gradient(135deg, oklab(76.8591% .0560995 .154808/.32), color-mix(in oklab, var(--color-surface) 86%, #0b1022 14%) 42%), color-mix(in oklab, var(--color-surface) 74%, #1b1320 26%);--border-warning-toast:oklab(79.4887% .0497246 .137216/.88);--text-warning-toast:oklab(99.6952% -.000454402 .00461993);--shadow-warning-toast:0 18px 34px #00000061, 0 0 0 1px oklab(76.8591% .0560995 .154808/.18);--border-accent-soft:color-mix(in oklab, var(--color-primary) 22%, transparent);--border-accent-muted:color-mix(in oklab, var(--color-primary) 24%, var(--color-border));--border-accent-strong:color-mix(in oklab, var(--color-primary) 34%, var(--color-border));--border-accent-stronger:color-mix(in oklab, var(--color-primary) 40%, var(--color-border));--shadow-accent-inset:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 14%, transparent);--shadow-accent-outline:0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent);--shadow-accent-halo:0 0 0 3px oklch(from var(--color-primary) l c h / .16);--shadow-accent-ring:0 0 0 2px var(--color-surface), 0 0 0 4px oklch(from var(--color-primary) l c h / .18);--shadow-accent-ring-strong:0 0 0 2px var(--color-bg), 0 0 0 4px oklch(from var(--color-primary) l c h / .45);--shadow-accent-ring-solid:0 0 0 2px var(--color-primary), 0 0 0 4px oklch(from var(--color-primary) l c h / .2);--shadow-elevated-soft:0 10px 24px color-mix(in oklab, var(--color-surface-ink) 10%, transparent);--shadow-floating-soft:0 14px 34px oklch(0% 0 0/.18);--shadow-floating-hover:0 18px 40px oklch(0% 0 0/.2);--shadow-media-soft:0 16px 40px oklch(0% 0 0/.24);--shadow-media-stage:0 28px 80px oklch(0% 0 0/.28);--shadow-media-modal:0 16px 48px #0009;--shadow-card-strong:0 20px 56px oklch(0% 0 0/.24);--shadow-sheet-inset:inset 0 1px 0 color-mix(in oklab, var(--color-text) 4%, transparent);--shadow-focus:0 0 0 3px oklch(from var(--color-primary) l c h / .15);--shadow-focus-compact:0 0 0 2px oklch(from var(--color-primary) l c h / .45);--interactive-border:color-mix(in oklab, var(--color-primary) 32%, transparent);--interactive-surface:color-mix(in oklab, var(--color-primary) 18%, transparent);--color-text-on-dark:#fff;--shadow-sm:0 1px 2px oklch(0% 0 0/.25);--shadow-md:0 4px 12px oklch(0% 0 0/.35);--shadow-lg:0 12px 32px oklch(0% 0 0/.5)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f1117;--color-surface:#161822;--color-surface-2:#1c1e2c;--color-surface-offset:#1a1c28;--color-surface-offset-2:#22243a;--color-surface-dynamic:#2a2c3e;--color-surface-raised:#202330;--color-surface-ink:#050608;--color-divider:#2e3044;--color-border:#383a50;--color-text:#e2e2ea;--color-text-muted:#8b8ba0;--color-text-faint:#5a5a70;--color-text-inverse:#0f1117;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-active:#4f46e5;--color-primary-highlight:#1e1e3a;--color-comment:#818cf8;--color-comment-soft:#818cf81a;--color-comment-strong:#818cf829;--color-comment-text:#c7d2fe;--color-error:#f87171;--color-error-highlight:#2a1a1a;--color-success:#4ade80;--color-success-highlight:#1a2a1a;--color-warning:#fbbf24;--color-warning-highlight:#2a261a;--surface-fill-subtle:color-mix(in oklab, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-fill-strong:color-mix(in oklab, var(--color-surface-offset) 60%, var(--color-surface-offset-2) 40%);--surface-overlay:color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-offset) 16%);--surface-overlay-soft:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-offset) 12%);--surface-overlay-strong:color-mix(in srgb, var(--color-surface) 90%, var(--color-surface-offset) 10%);--surface-overlay-raised:color-mix(in oklab, var(--color-surface) 94%, transparent);--surface-overlay-header:color-mix(in srgb, var(--color-surface-offset) 76%, var(--color-bg) 24%);--surface-overlay-offset:color-mix(in oklab, var(--color-surface-offset) 82%, transparent);--surface-scrim:oklch(10% 0 0/.42);--surface-scrim-strong:oklch(8% .01 260/.82);--surface-inverse-glass:oklch(18% .02 260/.68);--surface-inverse-glass-hover:oklch(24% .02 260/.82);--surface-media-canvas:#000;--surface-embed-canvas:#121212;--surface-avatar-muted:#ffffff38;--surface-avatar-label:#0f1117d6;--surface-accent-subtle:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));--surface-accent-soft:color-mix(in oklab, var(--color-primary) 16%, transparent);--surface-accent-strong:color-mix(in oklab, var(--color-primary) 22%, transparent);--surface-success-soft:color-mix(in oklab, var(--color-success) 14%, transparent);--surface-warning-soft:color-mix(in oklab, var(--color-warning) 14%, transparent);--surface-danger-soft:color-mix(in oklab, var(--color-error) 14%, transparent);--surface-comment-shell:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .035), transparent 120px), color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-shell-header:color-mix(in srgb, var(--color-surface) 97%, var(--color-comment) 3%);--surface-comment-record:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .028), transparent 70%), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-record-hover:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .042), transparent 70%), color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-record-active:linear-gradient(180deg, oklch(from var(--color-comment) l c h / .055), transparent 72%), color-mix(in srgb, var(--color-surface-2) 90%, var(--color-comment) 10%);--surface-comment-subtle:color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%);--surface-comment-subtle-strong:color-mix(in srgb, var(--color-surface-2) 92%, var(--color-comment) 8%);--surface-comment-card:color-mix(in srgb, var(--color-surface) 94%, var(--color-comment) 6%);--surface-comment-elevated:color-mix(in srgb, var(--color-surface) 96%, var(--color-comment) 4%);--surface-comment-offset:color-mix(in srgb, var(--color-surface-offset) 90%, var(--color-comment) 10%);--surface-comment-offset-soft:color-mix(in srgb, var(--color-surface-offset) 88%, var(--color-comment) 12%);--surface-comment-offset-strong:color-mix(in srgb, var(--color-surface-offset) 84%, var(--color-comment) 16%);--surface-comment-offset-active:color-mix(in srgb, var(--color-surface-offset) 72%, var(--color-comment) 28%);--surface-comment-highlight-hover:color-mix(in srgb, var(--color-comment-soft) 74%, var(--color-comment) 26%);--surface-comment-highlight-active:color-mix(in srgb, var(--color-comment-soft) 62%, var(--color-comment) 38%);--surface-comment-selection:color-mix(in srgb, var(--color-surface) 25%, var(--color-comment) 75%);--surface-comment-preview-fade:linear-gradient(180deg, oklch(0% 0 0/0), color-mix(in srgb, var(--color-surface-2) 95%, var(--color-comment) 5%));--border-comment-soft:color-mix(in srgb, var(--color-divider) 90%, var(--color-comment) 10%);--border-comment-muted:color-mix(in srgb, var(--color-divider) 88%, var(--color-comment) 12%);--border-comment-strong:color-mix(in srgb, var(--color-border) 82%, var(--color-comment) 18%);--border-comment-active:color-mix(in srgb, var(--color-border) 78%, var(--color-comment) 22%);--shadow-comment-outline:0 0 0 1px oklch(from var(--color-comment) l c h / .14);--surface-warning-toast:linear-gradient(135deg, oklab(76.8591% .0560995 .154808/.32), color-mix(in oklab, var(--color-surface) 86%, #0b1022 14%) 42%), color-mix(in oklab, var(--color-surface) 74%, #1b1320 26%);--border-warning-toast:oklab(79.4887% .0497246 .137216/.88);--text-warning-toast:oklab(99.6952% -.000454402 .00461993);--shadow-warning-toast:0 18px 34px #00000061, 0 0 0 1px oklab(76.8591% .0560995 .154808/.18);--border-accent-soft:color-mix(in oklab, var(--color-primary) 22%, transparent);--border-accent-muted:color-mix(in oklab, var(--color-primary) 24%, var(--color-border));--border-accent-strong:color-mix(in oklab, var(--color-primary) 34%, var(--color-border));--border-accent-stronger:color-mix(in oklab, var(--color-primary) 40%, var(--color-border));--shadow-accent-inset:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 14%, transparent);--shadow-accent-outline:0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent);--shadow-accent-halo:0 0 0 3px oklch(from var(--color-primary) l c h / .16);--shadow-accent-ring:0 0 0 2px var(--color-surface), 0 0 0 4px oklch(from var(--color-primary) l c h / .18);--shadow-accent-ring-strong:0 0 0 2px var(--color-bg), 0 0 0 4px oklch(from var(--color-primary) l c h / .45);--shadow-accent-ring-solid:0 0 0 2px var(--color-primary), 0 0 0 4px oklch(from var(--color-primary) l c h / .2);--shadow-elevated-soft:0 10px 24px color-mix(in oklab, var(--color-surface-ink) 10%, transparent);--shadow-floating-soft:0 14px 34px oklch(0% 0 0/.18);--shadow-floating-hover:0 18px 40px oklch(0% 0 0/.2);--shadow-media-soft:0 16px 40px oklch(0% 0 0/.24);--shadow-media-stage:0 28px 80px oklch(0% 0 0/.28);--shadow-media-modal:0 16px 48px #0009;--shadow-card-strong:0 20px 56px oklch(0% 0 0/.24);--shadow-sheet-inset:inset 0 1px 0 color-mix(in oklab, var(--color-text) 4%, transparent);--shadow-focus:0 0 0 3px oklch(from var(--color-primary) l c h / .15);--shadow-focus-compact:0 0 0 2px oklch(from var(--color-primary) l c h / .45);--interactive-border:color-mix(in oklab, var(--color-primary) 32%, transparent);--interactive-surface:color-mix(in oklab, var(--color-primary) 18%, transparent);--color-text-on-dark:#fff;--shadow-sm:0 1px 2px oklch(0% 0 0/.25);--shadow-md:0 4px 12px oklch(0% 0 0/.35);--shadow-lg:0 12px 32px oklch(0% 0 0/.5)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-16);overscroll-behavior:none;height:100%;overflow:hidden}body{height:100%;min-height:100dvh;line-height:1.6;font-family:var(--font-body,sans-serif);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-bg);overflow:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display,inherit);text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / .25);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{width:100%;height:100%;margin:0;overflow:hidden}body[data-surface]{font-family:var(--font-body);font-size:var(--text-ui-sm);color:var(--color-text);background:var(--color-bg)}#root{width:100%;height:100%}