heyiam 0.3.4 → 0.3.7

package/dist/routes/portfolio-render-data.js

@@ -2,6 +2,7 @@ import { getPortfolioProfile, loadProjectEnhanceResult } from '../settings.js';
 import { getSessionsByProject, getAllProjectStats } from '../db.js';
 import { displayNameFromDir } from '../sync.js';
 import { toSlug } from '../format-utils.js';
+import { selectProfileSkills } from '../render/select-profile-skills.js';
 /**
  * Assemble the `PortfolioRenderData` payload from local project data.
  *
@@ -12,7 +13,7 @@ import { toSlug } from '../format-utils.js';
  * Mirrors the preview route's assembly logic. Projects that fail to load are
  * silently skipped — the portfolio still publishes with whatever succeeds.
  */
-export async function buildPortfolioRenderData(ctx, auth) {
+export async function buildPortfolioRenderData(ctx, auth, opts = {}) {
     const profile = getPortfolioProfile();
     const allRawProjects = await ctx.getProjects();
     // Build a recency map from DB stats so the default-when-empty branch of
@@ -54,16 +55,29 @@ export async function buildPortfolioRenderData(ctx, auth) {
                 loc: (s.loc_added || 0) + (s.loc_removed || 0),
                 durationMinutes: s.duration_minutes || 0,
             }));
+            const projectSkills = cached?.result?.skills || proj.skills || [];
+            const sessionSkills = dbSessions
+                .filter((s) => !s.is_subagent && s.skills)
+                .map((s) => {
+                try {
+                    return JSON.parse(s.skills);
+                }
+                catch {
+                    return [];
+                }
+            });
             portfolioProjects.push({
                 slug: toSlug(title),
                 title,
+                tagline: cached?.result?.tagline || '',
                 narrative: cached?.result?.narrative || proj.description || '',
                 totalSessions: projSessions,
                 totalLoc: projLoc,
                 totalDurationMinutes: projDuration,
                 totalAgentDurationMinutes: projAgentDuration,
                 totalFilesChanged: proj.totalFiles || 0,
-                skills: cached?.result?.skills || proj.skills || [],
+                skills: projectSkills,
+                profileSkills: selectProfileSkills({ projectSkills, sessionSkills }),
                 publishedCount: 0,
                 sessions: sessionActivity,
             });
@@ -81,7 +95,7 @@ export async function buildPortfolioRenderData(ctx, auth) {
             status: 'active',
             email: profile.email,
             phone: profile.phone,
-            photoUrl: profile.photoBase64 || undefined,
+            photoUrl: opts.photoUrlOverride || profile.photoBase64 || undefined,
             linkedinUrl: profile.linkedinUrl,
             githubUrl: profile.githubUrl,
             twitterHandle: profile.twitterHandle,

package/dist/routes/preview.js

@@ -14,6 +14,7 @@ import { displayNameFromDir } from '../sync.js';
 import { toSlug } from '../format-utils.js';
 import { getSessionsByProject, getAllProjectStats } from '../db.js';
 import { applyPortfolioProjectFilter } from './portfolio-render-data.js';
+import { selectProfileSkills } from '../render/select-profile-skills.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 /**
  * In-memory cache for expensive buildProjectPreviewData calls.
@@ -191,6 +192,7 @@ async function buildProjectPreviewData(ctx, projectParam, queryOverrides) {
         sessionCards,
         allSessionCards,
         sessionBaseUrl: `/preview/project/${encodeURIComponent(projectParam)}/session`,
+        sessionSuffix: '.html',
     });
     const result = { renderData, enhanceResult, projName: projAny.name };
     // Cache the result (template-agnostic data, re-rendered cheaply per template)
@@ -414,18 +416,33 @@ body { overflow: auto !important; min-height: auto !important; }
     router.get('/preview/project/:project/session/:sessionId', async (req, res) => {
         try {
             const projectParam = String(req.params.project);
-            const sessionId = String(req.params.sessionId);
+            // Anchor hrefs in the project preview are built from the session slug
+            // (title-derived) with a ".html" suffix, but the CLI session files are
+            // keyed by Claude UUID. Strip the suffix and match by either.
+            const rawParam = String(req.params.sessionId).replace(/\.html$/, '');
             const rawProjects = await ctx.getProjects();
             const rawProj = rawProjects.find((p) => p.name === projectParam || p.dirName === projectParam);
             if (!rawProj) {
                 res.status(404).send('Project not found');
                 return;
             }
-            const meta = rawProj.sessions.find((s) => s.sessionId === sessionId);
+            // The project preview's anchor hrefs use the title-derived slug produced
+            // by rowToCard() above, not the Claude UUID. Resolve either form here.
+            const rows = getSessionsByProject(ctx.db, rawProj.dirName);
+            const rowById = new Map(rows.map((r) => [r.id, r]));
+            const meta = rawProj.sessions.find((s) => {
+                if (s.sessionId === rawParam)
+                    return true;
+                const row = rowById.get(s.sessionId);
+                const enh = loadEnhancedData(s.sessionId);
+                const title = enh?.title ?? row?.title ?? s.sessionId;
+                return toSlug(title, 80) === rawParam;
+            });
             if (!meta) {
                 res.status(404).send('Session not found');
                 return;
             }
+            const sessionId = meta.sessionId;
             const auth = getAuthToken();
             const session = await ctx.loadSession(meta.path, rawProj.name, sessionId);
             const enhanced = loadEnhancedData(sessionId);
@@ -571,16 +588,29 @@ body { overflow: auto !important; min-height: auto !important; }
                         loc: (s.loc_added || 0) + (s.loc_removed || 0),
                         durationMinutes: s.duration_minutes || 0,
                     }));
+                    const projectSkills = cached?.result?.skills || proj.skills || [];
+                    const sessionSkills = dbSessions
+                        .filter(s => !s.is_subagent && s.skills)
+                        .map(s => {
+                        try {
+                            return JSON.parse(s.skills);
+                        }
+                        catch {
+                            return [];
+                        }
+                    });
                     portfolioProjects.push({
                         slug: toSlug(title),
                         title,
+                        tagline: cached?.result?.tagline || '',
                         narrative: cached?.result?.narrative || proj.description || '',
                         totalSessions: projSessions,
                         totalLoc: projLoc,
                         totalDurationMinutes: projDuration,
                         totalAgentDurationMinutes: projAgentDuration,
                         totalFilesChanged: proj.totalFiles || 0,
-                        skills: cached?.result?.skills || proj.skills || [],
+                        skills: projectSkills,
+                        profileSkills: selectProfileSkills({ projectSkills, sessionSkills }),
                         publishedCount: 0,
                         sessions: sessionActivity,
                     });

package/dist/routes/project-session-upload.js

@@ -12,7 +12,8 @@ import { buildAgentSummary } from './context.js';
 import { toSlug } from '../format-utils.js';
 import { getFileCountWithChildren } from '../db.js';
 export async function uploadSelectedSessions(ctx, auth, options) {
-    const { proj, projectData, selectedSessionIds, send } = options;
+    const { proj, projectData, selectedSessionIds, sessionStatus, send } = options;
+    const shareStatus = sessionStatus ?? 'unlisted';
     const notify = send ?? ((_evt) => { });
     let uploadedCount = 0;
     const failedSessions = [];
@@ -79,7 +80,7 @@ export async function uploadSelectedSessions(ctx, auth, options) {
                     project_name: proj.name,
                     project_id: projectData.project_id,
                     slug: sessionSlug,
-                    status: 'unlisted',
+                    status: shareStatus,
                     source_tool: sessionSourceTool,
                     agent_summary: agentSummary,
                     rendered_html: sessionRenderedHtml,
@@ -123,7 +124,7 @@ export async function uploadSelectedSessions(ctx, auth, options) {
                 slug: sessionSlug,
                 project_name: proj.name,
                 narrative: sessionNarrative,
-                status: 'unlisted',
+                status: shareStatus,
                 raw_log: [],
                 execution_path: (enhanced?.executionSteps ?? session.executionPath ?? []).map((s, i) => ({
                     label: s.title ?? `Step ${i + 1}`,

package/dist/routes/publish.js

@@ -5,7 +5,7 @@ import path from 'node:path';
 import { randomUUID } from 'node:crypto';
 import { getAuthToken } from '../auth.js';
 import { API_URL, PUBLIC_URL, warnIfNonDefaultApiUrl } from '../config.js';
-import { loadEnhancedData, saveUploadedState, getDefaultTemplate, getPortfolioProfile, hashPortfolioProfile, updatePortfolioPublishTarget, getPortfolioPublishState, DEFAULT_PORTFOLIO_TARGET, } from '../settings.js';
+import { loadEnhancedData, saveUploadedState, getDefaultTemplate, getPortfolioProfile, hashPortfolioProfile, updatePortfolioPublishTarget, getPortfolioPublishState, listUploadedProjects, DEFAULT_PORTFOLIO_TARGET, } from '../settings.js';
 import { generatePortfolioHtmlFragment, generateProjectHtmlFragment, generatePortfolioSite, createZipBuffer } from '../export.js';
 import { buildPortfolioRenderData } from './portfolio-render-data.js';
 import { buildProjectDetail } from './context.js';
@@ -19,6 +19,37 @@ import { displayNameFromDir } from '../sync.js';
 import { toSlug } from '../format-utils.js';
 import { getProjectUuid } from '../db.js';
 const IMAGE_KEY_PREFIX = 'images/';
+/**
+ * Upload the user's base64-encoded profile photo to S3 via the Phoenix
+ * presign endpoints, then save the resulting key on the user record.
+ * Returns the public `/_img/:uuid` URL suitable for og:image / <img src>,
+ * or `null` if the upload failed (publish still proceeds without a photo).
+ */
+/**
+ * POSTs the user's base64 profile photo to Phoenix, which resizes it into
+ * a full (max 1200px) and small (max 600px) variant, uploads both to R2,
+ * and persists the two keys on the user record. Returns the full-size
+ * URL (for inline <img src>) or `null` on any failure.
+ */
+async function uploadProfilePhoto(photoBase64, auth) {
+    try {
+        const res = await fetch(`${API_URL}/api/portfolio/profile-photo`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                Authorization: `Bearer ${auth.token}`,
+            },
+            body: JSON.stringify({ photo: photoBase64 }),
+        });
+        if (!res.ok)
+            return null;
+        const { full_url } = await res.json();
+        return full_url ?? null;
+    }
+    catch {
+        return null;
+    }
+}
 export function createPublishRouter(ctx) {
     const router = Router();
     // Render project preview HTML
@@ -351,16 +382,35 @@ export function createPublishRouter(ctx) {
             });
             return;
         }
+        const send = startSSE(res);
         try {
+            send({ type: 'progress', message: 'Preparing portfolio…' });
             const profile = getPortfolioProfile();
             const templateName = getDefaultTemplate() || 'editorial';
-            const { renderData, filteredProjects } = await buildPortfolioRenderData(ctx, auth);
+            // If the user has a profile photo, upload it to Phoenix first so the
+            // rendered HTML can reference the hosted URL instead of inlining 1.5MB
+            // of base64. Phoenix resizes into a full + small variant and stores
+            // both in R2. Removals are handled by the upload endpoint below based
+            // on the `has_photo` signal — no explicit DELETE needed.
+            let photoUrlOverride;
+            if (profile.photoBase64) {
+                send({ type: 'progress', message: 'Uploading profile photo…' });
+                const uploadedUrl = await uploadProfilePhoto(profile.photoBase64, auth);
+                if (uploadedUrl)
+                    photoUrlOverride = uploadedUrl;
+            }
+            const { renderData, filteredProjects } = await buildPortfolioRenderData(ctx, auth, { photoUrlOverride });
+            send({ type: 'progress', message: 'Rendering portfolio HTML…' });
             const renderedHtml = generatePortfolioHtmlFragment(renderData, templateName);
             // Upload individual project pages for every project included in the
             // portfolio. This ensures project detail pages exist on heyi.am even
             // if the user never published them individually.
             const MAX_SLUG_RETRIES = 10;
+            const slugMap = new Map();
+            send({ type: 'progress', message: `Publishing ${filteredProjects.length} project${filteredProjects.length === 1 ? '' : 's'}…` });
+            let projectIndex = 0;
             for (const rawProj of filteredProjects) {
+                projectIndex++;
                 try {
                     const allProjectsList = await ctx.getProjects();
                     const projInfo = allProjectsList.find((p) => p.dirName === rawProj.dirName);
@@ -374,7 +424,7 @@ export function createPublishRouter(ctx) {
                         fingerprint: 'portfolio-upload',
                         enhancedAt: new Date().toISOString(),
                         selectedSessionIds: detail.sessions.map((s) => s.id),
-                        result: { narrative: '', arc: [], skills: [], timeline: [], questions: [] },
+                        result: { tagline: '', narrative: '', arc: [], skills: [], timeline: [], questions: [] },
                     };
                     const selectedSessionIds = enhance !== null && enhance.selectedSessionIds !== undefined
                         ? enhance.selectedSessionIds
@@ -384,6 +434,7 @@ export function createPublishRouter(ctx) {
                         || projRecord.name || displayNameFromDir(rawProj.dirName);
                     const baseSlug = toSlug(title);
                     const clientProjectId = getProjectUuid(ctx.db, rawProj.dirName);
+                    send({ type: 'project', project: title, index: projectIndex, total: filteredProjects.length, status: 'creating' });
                     const projectHtmlPreview = generateProjectHtmlFragment(rawProj.dirName, cache, detail.sessions, auth.username, {
                         totalFilesChanged: projRecord.totalFiles,
                         totalAgentDurationMinutes: projRecord.totalAgentDuration,
@@ -431,7 +482,13 @@ export function createPublishRouter(ctx) {
                             }
                             break;
                         }
-                        if (!projectRes?.ok) {
+                        if (projectRes?.ok) {
+                            const data = await projectRes.json().catch(() => null);
+                            if (data?.slug && data.slug !== baseSlug) {
+                                slugMap.set(baseSlug, data.slug);
+                            }
+                        }
+                        else {
                             const errText = await projectRes?.text().catch(() => '');
                             console.warn(`[portfolio-upload] project ${rawProj.dirName} create failed:`, projectRes?.status, errText);
                         }
@@ -463,11 +520,27 @@ export function createPublishRouter(ctx) {
                         continue;
                     }
                     const projectData = await projectRes.json();
+                    if (projectData.slug !== baseSlug) {
+                        slugMap.set(baseSlug, projectData.slug);
+                    }
+                    send({ type: 'project', project: title, index: projectIndex, total: filteredProjects.length, status: 'created' });
+                    send({ type: 'progress', message: `Uploading ${selectedSessionIds.length} session${selectedSessionIds.length === 1 ? '' : 's'} for ${title}…` });
                     const { uploadedSessionCards } = await uploadSelectedSessions(ctx, auth, {
                         proj: projInfo,
                         projectData,
                         selectedSessionIds,
+                        sessionStatus: 'listed',
+                        send: (evt) => send({ ...evt, project: title }),
                     });
+                    // Ensure all existing sessions for this project are listed
+                    await fetch(`${API_URL}/api/sessions/bulk-status`, {
+                        method: 'PATCH',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            Authorization: `Bearer ${auth.token}`,
+                        },
+                        body: JSON.stringify({ project_id: projectData.project_id, status: 'listed' }),
+                    }).catch((e) => console.warn(`[portfolio-upload] bulk-status failed for ${title}:`, e.message));
                     if (uploadedSessionCards.length === 0) {
                         continue;
                     }
@@ -515,9 +588,39 @@ export function createPublishRouter(ctx) {
                     console.warn(`[portfolio-upload] skipping project ${rawProj.dirName}:`, projErr.message);
                 }
             }
-            // POST portfolio landing page to Phoenix.
-            // Phoenix sanitizes the HTML, persists to users.rendered_portfolio_html,
-            // and applies the optional profile snapshot via Accounts.update_user_profile.
+            // Demote sessions on projects that were previously published but are
+            // no longer included in the portfolio.
+            const includedDirNames = new Set(filteredProjects.map((p) => p.dirName));
+            const previouslyUploaded = listUploadedProjects();
+            for (const { dirName, state } of previouslyUploaded) {
+                if (includedDirNames.has(dirName))
+                    continue;
+                try {
+                    send({ type: 'progress', message: `Demoting sessions for removed project "${dirName}"…` });
+                    await fetch(`${API_URL}/api/sessions/bulk-status`, {
+                        method: 'PATCH',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            Authorization: `Bearer ${auth.token}`,
+                        },
+                        body: JSON.stringify({ project_id: state.projectId, status: 'unlisted' }),
+                    });
+                }
+                catch (demoteErr) {
+                    console.warn(`[portfolio-upload] failed to demote sessions for ${dirName}:`, demoteErr.message);
+                }
+            }
+            // Rewrite project links in the portfolio HTML to match the actual
+            // Phoenix-assigned slugs (which may differ due to conflict retries).
+            let finalHtml = renderedHtml;
+            for (const [originalSlug, actualSlug] of slugMap) {
+                const pattern = `/${auth.username}/${originalSlug}"`;
+                const replacement = `/${auth.username}/${actualSlug}"`;
+                while (finalHtml.includes(pattern)) {
+                    finalHtml = finalHtml.replace(pattern, replacement);
+                }
+            }
+            send({ type: 'progress', message: 'Publishing landing page…' });
             const phoenixRes = await fetch(`${API_URL}/api/portfolio/upload`, {
                 method: 'POST',
                 headers: {
@@ -525,8 +628,9 @@ export function createPublishRouter(ctx) {
                     Authorization: `Bearer ${auth.token}`,
                 },
                 body: JSON.stringify({
-                    html: renderedHtml,
+                    html: finalHtml,
                     profile,
+                    has_photo: Boolean(profile.photoBase64),
                 }),
             });
             if (!phoenixRes.ok) {
@@ -543,9 +647,8 @@ export function createPublishRouter(ctx) {
                     lastError: errMsg,
                     lastErrorAt: new Date().toISOString(),
                 });
-                res.status(phoenixRes.status >= 500 ? 502 : phoenixRes.status).json({
-                    error: { code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg },
-                });
+                send({ type: 'error', code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg });
+                res.end();
                 return;
             }
             const okBody = await phoenixRes.json().catch(() => ({}));
@@ -561,15 +664,15 @@ export function createPublishRouter(ctx) {
                 lastError: undefined,
                 lastErrorAt: undefined,
             });
-            // Published version of the portfolio just changed — drop any cached
-            // /preview/portfolio HTML so the next preview reflects reality.
             invalidatePortfolioPreviewCache();
-            res.json({
+            send({
+                type: 'done',
                 ok: true,
                 url: publishedUrl ?? `${PUBLIC_URL}/${auth.username}`,
                 publishedAt,
                 hash,
             });
+            res.end();
         }
         catch (err) {
             const errMsg = err.message;
@@ -581,9 +684,8 @@ export function createPublishRouter(ctx) {
                 });
             }
             catch { /* don't mask the original error */ }
-            res.status(500).json({
-                error: { code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg },
-            });
+            send({ type: 'error', code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg });
+            res.end();
         }
     });
     // Export the portfolio as a downloadable .zip file.
@@ -618,6 +720,7 @@ export function createPublishRouter(ctx) {
                         enhancedAt: new Date().toISOString(),
                         selectedSessionIds: detail.sessions.map((s) => s.id),
                         result: {
+                            tagline: '',
                             narrative: '',
                             arc: [],
                             skills: [],

package/dist/settings.js

@@ -1,4 +1,4 @@
-import { readFileSync, writeFileSync, existsSync, mkdirSync, unlinkSync } from 'node:fs';
+import { readFileSync, writeFileSync, existsSync, mkdirSync, unlinkSync, readdirSync } from 'node:fs';
 import { join } from 'node:path';
 import { homedir } from 'node:os';
 import { createHash } from 'node:crypto';
@@ -235,6 +235,19 @@ export function clearUploadedState(projectDirName, configDir) {
     if (existsSync(path))
         unlinkSync(path);
 }
+export function listUploadedProjects(configDir) {
+    const dir = uploadedDir(configDir);
+    if (!existsSync(dir))
+        return [];
+    return readdirSync(dir)
+        .filter((f) => f.endsWith('.json'))
+        .map((f) => {
+        const dirName = f.replace(/\.json$/, '');
+        const state = getUploadedState(dirName, configDir);
+        return state ? { dirName, state } : null;
+    })
+        .filter((x) => x !== null);
+}
 const PORTFOLIO_PUBLISH_FILE = 'portfolio-publish.json';
 const DEFAULT_PORTFOLIO_TARGET = 'heyi.am';
 function portfolioPublishPath(configDir = getDataDir()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "heyiam",
-  "version": "0.3.4",
+  "version": "0.3.7",
   "description": "Turn AI coding sessions into portfolio case studies",
   "type": "module",
   "license": "MIT",

package/dist/public/assets/index-CMyamplX.css

@@ -1 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"IBM Plex Mono", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-green-600:oklch(62.7% .194 149.214);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-700:oklch(49.1% .27 292.581);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:#f8f9fb;--color-surface-lowest:#fff;--color-surface-low:#f3f4f6;--color-surface-mid:#eaeff1;--color-surface-high:#e7e8ea;--color-surface-dark:#191c1e;--color-primary:#084471;--color-primary-hover:#0a5a96;--color-on-primary:#fff;--color-green:#006a61;--color-green-bg:#e6f5f3;--color-amber:#663500;--color-amber-bg:#ffdcc3;--color-violet:#6d28d9;--color-violet-bg:#ede9fe;--color-error:#ba1a1a;--color-on-surface:#191c1e;--color-on-surface-variant:#6b7280;--color-outline:#c2c7d0;--color-ghost:#c2c7d026;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-12{top:calc(var(--spacing) * 12)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.-left-5{left:calc(var(--spacing) * -5)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[80\]{z-index:80}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-7{margin-left:calc(var(--spacing) * 7)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[16\/10\]{aspect-ratio:16/10}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[10px\]{height:10px}.h-\[calc\(100vh-3rem\)\]{height:calc(100vh - 3rem)}.h-auto{height:auto}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[calc\(100vh-3rem\)\]{min-height:calc(100vh - 3rem)}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-48{width:calc(var(--spacing) * 48)}.w-\[10px\]{width:10px}.w-\[220px\]{width:220px}.w-\[360px\]{width:360px}.w-\[560px\]{width:560px}.w-\[600px\]{width:600px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[92vw\]{max-width:92vw}.max-w-\[180px\]{max-width:180px}.max-w-\[720px\]{max-width:720px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[fadeIn_0\.3s_ease_forwards\]{animation:.3s forwards fadeIn}.animate-\[slideIn_0\.3s_ease_forwards\]{animation:.3s forwards slideIn}.animate-\[slideIn_0\.6s_cubic-bezier\(0\.16\,1\,0\.3\,1\)_forwards\]{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideIn}.animate-fade-in{animation:.2s ease-out both fadeIn}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-ghost>:not(:last-child)){border-color:var(--color-ghost)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#2a2e33\]{border-color:#2a2e33}.border-\[\#d1d5db\]{border-color:#d1d5db}.border-amber-500{border-color:var(--color-amber-500)}.border-ghost{border-color:var(--color-ghost)}.border-ghost\/60{border-color:#c2c7d017}@supports (color:color-mix(in lab, red, red)){.border-ghost\/60{border-color:color-mix(in oklab, var(--color-ghost) 60%, transparent)}}.border-green{border-color:var(--color-green)}.border-on-surface-variant{border-color:var(--color-on-surface-variant)}.border-outline{border-color:var(--color-outline)}.border-primary{border-color:var(--color-primary)}.border-primary\/20{border-color:#08447133}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.border-primary\/30{border-color:#0844714d}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.border-surface-high{border-color:var(--color-surface-high)}.border-transparent{border-color:#0000}.border-violet-200{border-color:var(--color-violet-200)}.border-violet\/30{border-color:#6d28d94d}@supports (color:color-mix(in lab, red, red)){.border-violet\/30{border-color:color-mix(in oklab, var(--color-violet) 30%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#28c840\]{background-color:#28c840}.bg-\[\#f1f3f5\]{background-color:#f1f3f5}.bg-\[\#f1f5f9\]{background-color:#f1f5f9}.bg-\[\#febc2e\]{background-color:#febc2e}.bg-\[\#ff5f57\]{background-color:#ff5f57}.bg-\[var\(--inverse-surface\)\]{background-color:var(--inverse-surface)}.bg-amber{background-color:var(--color-amber)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-bg{background-color:var(--color-amber-bg)}.bg-amber\/30{background-color:#6635004d}@supports (color:color-mix(in lab, red, red)){.bg-amber\/30{background-color:color-mix(in oklab, var(--color-amber) 30%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-error{background-color:var(--color-error)}.bg-error\/5{background-color:#ba1a1a0d}@supports (color:color-mix(in lab, red, red)){.bg-error\/5{background-color:color-mix(in oklab, var(--color-error) 5%, transparent)}}.bg-ghost{background-color:var(--color-ghost)}.bg-green{background-color:var(--color-green)}.bg-green-bg{background-color:var(--color-green-bg)}.bg-green\/5{background-color:#006a610d}@supports (color:color-mix(in lab, red, red)){.bg-green\/5{background-color:color-mix(in oklab, var(--color-green) 5%, transparent)}}.bg-green\/10{background-color:#006a611a}@supports (color:color-mix(in lab, red, red)){.bg-green\/10{background-color:color-mix(in oklab, var(--color-green) 10%, transparent)}}.bg-outline{background-color:var(--color-outline)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/5{background-color:#0844710d}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.bg-primary\/10{background-color:#0844711a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-primary\/20{background-color:#08447133}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-surface{background-color:var(--color-surface)}.bg-surface-dark{background-color:var(--color-surface-dark)}.bg-surface-low{background-color:var(--color-surface-low)}.bg-surface-lowest{background-color:var(--color-surface-lowest)}.bg-surface-mid{background-color:var(--color-surface-mid)}.bg-transparent{background-color:#0000}.bg-violet{background-color:var(--color-violet)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-bg{background-color:var(--color-violet-bg)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:calc(var(--spacing) * 0)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-body{font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#6b7280\]{color:#6b7280}.text-\[\#7eb8e6\]{color:#7eb8e6}.text-\[\#9dcaff\]{color:#9dcaff}.text-\[\#34d399\]{color:#34d399}.text-\[\#d4dae0\]{color:#d4dae0}.text-\[\#f87171\]{color:#f87171}.text-\[\#fbbf24\]{color:#fbbf24}.text-\[var\(--inverse-on-surface\)\]{color:var(--inverse-on-surface)}.text-amber{color:var(--color-amber)}.text-amber-600{color:var(--color-amber-600)}.text-error{color:var(--color-error)}.text-error\/80{color:#ba1a1acc}@supports (color:color-mix(in lab, red, red)){.text-error\/80{color:color-mix(in oklab, var(--color-error) 80%, transparent)}}.text-ghost{color:var(--color-ghost)}.text-green{color:var(--color-green)}.text-green-600{color:var(--color-green-600)}.text-green\/80{color:#006a61cc}@supports (color:color-mix(in lab, red, red)){.text-green\/80{color:color-mix(in oklab, var(--color-green) 80%, transparent)}}.text-on-primary{color:var(--color-on-primary)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-surface-variant\/70{color:#6b7280b3}@supports (color:color-mix(in lab, red, red)){.text-on-surface-variant\/70{color:color-mix(in oklab, var(--color-on-surface-variant) 70%, transparent)}}.text-outline{color:var(--color-outline)}.text-primary{color:var(--color-primary)}.text-red-600{color:var(--color-red-600)}.text-violet{color:var(--color-violet)}.text-violet-400{color:var(--color-violet-400)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.caret-\[\#34d399\]{caret-color:#34d399}.accent-amber-500{accent-color:var(--color-amber-500)}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.shadow-\[-8px_0_32px_rgba\(25\,28\,30\,0\.1\)\]{--tw-shadow:-8px 0 32px var(--tw-shadow-color,#191c1e1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_3px_rgba\(8\,68\,113\,0\.1\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#0844711a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary\/20{--tw-ring-color:#08447133}@supports (color:color-mix(in lab, red, red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-on-surface:is(:where(.group):hover *){color:var(--color-on-surface)}.group-hover\:text-on-surface-variant:is(:where(.group):hover *){color:var(--color-on-surface-variant)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-outline::placeholder{color:var(--color-outline)}.placeholder\:text-white\/20::placeholder{color:#fff3}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/20::placeholder{color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.first\:rounded-l-sm:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.last\:rounded-r-sm:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:border-outline:hover{border-color:var(--color-outline)}.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-primary\/10:hover{background-color:#0844711a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-surface-high:hover{background-color:var(--color-surface-high)}.hover\:bg-surface-low:hover{background-color:var(--color-surface-low)}.hover\:bg-surface-lowest:hover{background-color:var(--color-surface-lowest)}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:text-error:hover{color:var(--color-error)}.hover\:text-on-surface:hover{color:var(--color-on-surface)}.hover\:text-on-surface-variant:hover{color:var(--color-on-surface-variant)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-violet-700:hover{color:var(--color-violet-700)}.hover\:text-white\/70:hover{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/70:hover{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:text-white\/90:hover{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/90:hover{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[\#9dcaff\]:focus{border-color:#9dcaff}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary\/20:focus{--tw-ring-color:#08447133}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:text-on-surface-variant:disabled:hover{color:var(--color-on-surface-variant)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:text-right{text-align:right}.sm\:opacity-0{opacity:0}.sm\:opacity-100{opacity:1}@media (hover:hover){.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media (width>=48rem){.md\:inline-flex{display:inline-flex}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}.upload-flow{max-width:800px;padding:var(--spacing-8);margin:0 auto}.upload-flow__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:var(--spacing-2);font-size:.6875rem}.upload-flow__title{font-family:var(--font-display);margin-bottom:var(--spacing-2);font-size:1.75rem;font-weight:700}.upload-flow__date{font-family:var(--font-mono);color:var(--on-surface-variant);margin-bottom:var(--spacing-3);font-size:.6875rem}.upload-flow__desc{color:var(--on-surface-variant);margin-bottom:var(--spacing-8);font-size:.9375rem;line-height:1.6}.upload-flow__stat-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:repeat(4,1fr);display:grid}.upload-flow__section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin-bottom:var(--spacing-3);font-size:.625rem}.upload-flow__section-label--selected{color:var(--secondary)}.upload-flow__scan-status{align-items:center;gap:var(--spacing-2);font-family:var(--font-mono);color:var(--secondary);margin-bottom:var(--spacing-4);font-size:.6875rem;display:flex}.upload-flow__auto-select-banner{font-family:var(--font-mono);color:var(--secondary);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-container,#f5f7fa);margin-bottom:var(--spacing-3);border-radius:6px;font-size:.75rem}.upload-flow__actions{gap:var(--spacing-3);margin-top:var(--spacing-8);justify-content:flex-end;display:flex}.upload-flow__error{padding:var(--spacing-3) var(--spacing-4);margin:var(--spacing-4) 0;border:1px solid var(--error,#dc2626);border-radius:var(--radius-sm);color:var(--error,#dc2626);background:#dc26260d;align-items:center;font-size:.875rem;display:flex}.stat-card{background:var(--surface-container-lowest);padding:var(--spacing-5);border-radius:var(--radius-sm);border:var(--ghost-border)}.stat-card__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin-bottom:var(--spacing-1);font-size:.625rem}.stat-card__value{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.session-table{background:var(--surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-8);max-height:320px;overflow-y:auto}.session-table__header{padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);background:var(--surface-container-low);grid-template-columns:1fr 70px 60px 60px 60px;font-size:.625rem;display:grid;position:sticky;top:0}.session-table__row{padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--ghost-border);grid-template-columns:1fr 70px 60px 60px 60px;font-size:.8125rem;display:grid}.session-table__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.session-table__cell{text-align:right;font-family:var(--font-mono);color:var(--on-surface-variant);font-size:.75rem}.phase-bar{gap:var(--spacing-1);margin-bottom:var(--spacing-6);display:flex}.phase-bar__segment{background:var(--surface-container-high);border-radius:2px;flex:1;height:3px}.phase-bar__segment--active{background:var(--primary)}.triage-method-banner{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:var(--radius-sm);background:var(--surface-container,#f5f7fa);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:.8125rem;display:flex}.triage-method-banner__icon{flex-shrink:0;font-size:1rem}.triage-method-banner__link{color:var(--primary);white-space:nowrap;text-decoration:underline}.triage-list{gap:var(--spacing-2);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}.triage-item{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.triage-item--selected{background:var(--surface-container-lowest);border:1px solid #006a6126}.triage-item--skipped{background:var(--surface-container-low);opacity:.7}.triage-item__checkbox{accent-color:var(--secondary);flex-shrink:0;width:16px;height:16px}.triage-item__info{flex:1;min-width:200px}.triage-item__name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.triage-item__stats{font-family:var(--font-mono);color:var(--on-surface-variant);white-space:nowrap;font-size:.6875rem}.triage-item__reason{font-family:var(--font-mono);border-radius:var(--radius-sm);max-width:280px;padding:2px 8px;font-size:.625rem;line-height:1.4}.triage-item__reason--selected{color:var(--secondary);background:#006a6114}.triage-item__reason--skipped{background:var(--surface-container-high);color:var(--on-surface-variant);font-size:.5625rem}.triage-item__reason--expandable{cursor:pointer}.triage-item__reason--expandable:hover{opacity:.85}.triage-skipped{margin-bottom:var(--spacing-8)}.triage-skipped__summary{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);cursor:pointer;align-items:center;gap:var(--spacing-2);font-size:.625rem;list-style:none;display:flex}.triage-skipped__summary::-webkit-details-marker{display:none}.enhance-split{grid-template-columns:340px 1fr;height:calc(100vh - 3.5rem);display:grid}@media (width<=768px){.enhance-split{grid-template-columns:1fr}}.enhance-split__left{background:var(--inverse-surface);color:#fffc;padding:var(--spacing-6);flex-direction:column;height:100%;display:flex;overflow:hidden}.enhance-split__left-header{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:var(--spacing-5);font-size:.6875rem}.enhance-split__feed{gap:var(--spacing-4);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.enhance-feed-item--pending{opacity:.3}.enhance-feed-item--failed{opacity:1}.enhance-feed-item__row{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.enhance-feed-item__check{color:#34d399;flex-shrink:0;font-size:.75rem}.enhance-feed-item__spinner{border:2px solid #fbbf24;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s linear infinite spin;display:inline-block}.enhance-feed-item__circle{color:#fff6;flex-shrink:0;font-size:.75rem}.enhance-feed-item__title{font-family:var(--font-mono);color:#fffc;font-size:.75rem}.enhance-feed-item__title--active{color:#fbbf24}.enhance-feed-item__title--failed{color:#dc2626}.enhance-feed-item__detail{font-family:var(--font-mono);color:#ffffff59;padding-inline-start:var(--spacing-5);font-size:.625rem}.enhance-feed-item__detail--failed{color:#dc2626}.enhance-feed-item__fail{color:#dc2626;margin-right:var(--spacing-2);font-weight:700}.enhance-split__narrative-box{margin-top:var(--spacing-8);padding:var(--spacing-4);border-radius:var(--radius-sm);background:#ffffff0d}.enhance-split__narrative-label{font-family:var(--font-mono);color:#fff6;margin-bottom:var(--spacing-2);font-size:.625rem}.enhance-split__narrative-status{align-items:center;gap:var(--spacing-2);font-family:var(--font-mono);color:#ffffff80;font-size:.6875rem;display:flex}.enhance-split__blink-dot{background:var(--secondary);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s infinite blink;display:inline-block}.enhance-split__right{padding:var(--spacing-8);overflow-y:auto}.enhance-split__narrative-text{color:var(--on-surface-variant);margin-bottom:var(--spacing-6);border-inline-start:2px solid var(--surface-container-high);padding-inline-start:var(--spacing-4);font-size:.9375rem;line-height:1.7}.enhance-split__narrative-placeholder{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:var(--surface-container-low);border-radius:var(--radius-sm);border-left:3px solid var(--primary);color:var(--on-surface-variant);margin-bottom:var(--spacing-6);font-size:.875rem;line-height:1.5;display:flex}.enhance-split__skills{gap:var(--spacing-2);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.enhance-split__arc{gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.enhance-split__arc-item{gap:var(--spacing-3);align-items:flex-start;display:flex}.enhance-split__arc-item--generating{opacity:.4}.enhance-split__arc-num{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--primary);background:#08447114;flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:flex}.enhance-split__arc-title{font-size:.875rem;font-weight:600}.enhance-split__arc-desc{color:var(--on-surface-variant);font-size:.75rem}.enhance-split__failure-recovery{margin-top:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface-container,#f5f7fa)}.enhance-split__failure-text{color:var(--on-surface-variant);margin:0 0 var(--spacing-3);font-size:.875rem}.enhance-error{padding:var(--spacing-4);border:1px solid var(--error,#dc2626);border-radius:var(--radius-sm);background:#dc26260d}.enhance-error__message{color:var(--error,#dc2626);margin-bottom:var(--spacing-3);font-size:.875rem}.questions-list{gap:var(--spacing-6);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}.question-card__tag-row{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.question-card__tag{font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;font-size:.5625rem}.question-card__tag--pattern{background:var(--tertiary-fixed);color:var(--tertiary)}.question-card__tag--architecture{color:var(--primary);background:#08447114}.question-card__tag--evolution{background:var(--secondary-container);color:var(--secondary)}.question-card__text{margin-bottom:var(--spacing-3);font-size:.9375rem;font-weight:600;line-height:1.4}.question-card__textarea{width:100%;min-height:80px;padding:var(--spacing-3);border:1px solid var(--surface-container-high);border-radius:var(--radius-sm);font-family:var(--font-body);resize:vertical;background:var(--surface-container-low);color:var(--on-surface);font-size:.875rem;line-height:1.6}.question-card__textarea:focus{border-color:#08447166;outline:none}.question-card__textarea::placeholder{color:var(--on-surface-variant);opacity:.7}.timeline{margin-bottom:var(--spacing-8);padding-inline-start:var(--spacing-8);position:relative}.timeline__line{background:var(--outline-variant);inset-inline-start:10px;width:2px;position:absolute;top:0;bottom:0}.timeline__period{margin-bottom:var(--spacing-8)}.timeline__period:last-child{margin-bottom:0}.timeline__period-header{align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.timeline__period-date{font-family:var(--font-mono);color:var(--on-surface);letter-spacing:.02em;font-size:.75rem;font-weight:600}.timeline__period-sep{color:var(--on-surface-variant);font-size:.75rem}.timeline__period-label{font-family:var(--font-mono);color:var(--on-surface-variant);letter-spacing:.02em;font-size:.75rem}.timeline__featured{align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex;position:relative}.timeline__dot--large{inset-inline-start:calc(-1 * var(--spacing-8) - 1px);top:var(--spacing-2);background:var(--primary);border:3px solid var(--surface);z-index:1;border-radius:50%;flex-shrink:0;width:22px;height:22px;position:absolute}.timeline__card{background:var(--surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-md);padding:var(--spacing-4) var(--spacing-5);flex:1}.timeline__card-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.timeline__card-title{font-family:var(--font-display);color:var(--on-surface);font-size:1rem;font-weight:600}.timeline__card-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tertiary);background:var(--tertiary-fixed);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-size:.5625rem;font-weight:600}.timeline__card-meta{gap:var(--spacing-3);font-family:var(--font-mono);color:var(--on-surface-variant);margin-bottom:var(--spacing-2);font-size:.6875rem;display:flex}.timeline__card-desc{color:var(--on-surface-variant);margin-bottom:var(--spacing-3);font-size:.875rem;line-height:1.6}.timeline__card-skills{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.timeline__collapsed{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-3);display:flex;position:relative}.timeline__dot--small{background:var(--surface-container-high);border:2px solid var(--surface);z-index:1;inset-inline-start:calc(-1 * var(--spacing-8) + 4px);border-radius:50%;flex-shrink:0;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.timeline__collapsed-text{font-family:var(--font-mono);color:var(--on-surface-variant);font-size:.6875rem;line-height:1.5}.timeline__collapsed-card{align-items:baseline;gap:var(--spacing-3);flex-wrap:wrap;min-width:0;display:flex}.timeline__collapsed-title{font-family:var(--font-body);color:var(--on-surface);font-size:.875rem}.timeline__collapsed-meta{font-family:var(--font-mono);color:var(--on-surface-variant);white-space:nowrap;flex-shrink:0;font-size:.6875rem}.timeline__show-more{margin-top:var(--spacing-4)}.timeline__show-more-toggle{font-family:var(--font-mono);color:var(--primary);cursor:pointer;padding:var(--spacing-2) 0;font-size:.75rem;list-style:none}.timeline__show-more-toggle:hover{text-decoration:underline}.timeline__show-more-toggle::-webkit-details-marker{display:none}.review-card{background:var(--surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.review-card__name{font-family:var(--font-display);margin-bottom:var(--spacing-3);font-size:1.5rem;font-weight:700}.review-card__narrative{color:var(--on-surface-variant);margin-bottom:var(--spacing-6);font-size:.9375rem;line-height:1.6}.review-card__skills{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.review-checklist{background:var(--surface-container-low);border-radius:var(--radius-sm);padding:var(--spacing-5) var(--spacing-6);margin-bottom:var(--spacing-6)}.review-checklist__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;color:var(--on-surface);font-size:.875rem;display:flex}.review-checklist__item--skipped{color:var(--on-surface-variant)}.review-checklist__icon{text-align:center;flex-shrink:0;width:1.25rem;font-size:.875rem}.review-checklist__icon--checked{color:var(--secondary);font-weight:700}.review-checklist__icon--skipped{color:var(--on-surface-variant)}.review-details{background:var(--surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.review-details__header{margin-bottom:var(--spacing-5);justify-content:space-between;align-items:baseline;display:flex}.review-details__optional{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);font-size:.625rem}.review-field{margin-bottom:var(--spacing-5)}.review-field:last-child{margin-bottom:0}.review-field__label{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);color:var(--on-surface);font-size:.8125rem;font-weight:600;display:flex}.review-field__badge{font-family:var(--font-mono);color:var(--secondary);border-radius:var(--radius-sm);background:#006a6114;padding:2px 8px;font-size:.625rem;font-weight:600}.review-field__input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-body);border:var(--ghost-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-surface);outline:none;font-size:.875rem;transition:border-color .15s;display:block}.review-field__input:focus{border-color:var(--primary)}.review-field__input::placeholder{color:var(--on-surface-variant);opacity:.6}.review-field__hint{font-family:var(--font-mono);color:var(--on-surface-variant);padding:var(--spacing-3) 0;font-size:.75rem}.review-dropzone{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-6);border-radius:var(--radius-sm);cursor:pointer;border:2px dashed #c2c7d026;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.review-dropzone:hover,.review-dropzone:focus-visible{border-color:var(--primary);background:#08447108;outline:none}.review-dropzone__icon{opacity:.5;font-size:1.5rem}.review-dropzone__text{color:var(--on-surface-variant);font-size:.8125rem}.review-dropzone--active{border-color:var(--primary);background:#0844710f}.review-screenshot-actions{gap:var(--spacing-3);flex-direction:column;display:flex}.review-screenshot-preview{border-radius:var(--radius-sm);border:var(--ghost-border);position:relative;overflow:hidden}.review-screenshot-preview__img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:300px;display:block}.review-screenshot-preview__remove{top:var(--spacing-2);right:var(--spacing-2);color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex;position:absolute}.review-screenshot-preview__remove:hover{background:#000c}.review-auth{margin:var(--spacing-5) 0}.review-auth__card{border:var(--ghost-border);border-radius:var(--radius-sm);padding:var(--spacing-5) var(--spacing-6);background:var(--surface)}.review-auth__title{font-family:var(--font-heading);margin:0 0 var(--spacing-3) 0;font-size:1rem;font-weight:600}.review-auth__instructions{color:var(--on-surface-variant);margin:0 0 var(--spacing-4) 0;font-size:.875rem;line-height:1.5}.review-auth__instructions a{color:var(--primary);text-decoration:underline}.review-auth__code{font-family:var(--font-mono);letter-spacing:.15em;text-align:center;padding:var(--spacing-4);background:var(--bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-3);font-size:1.5rem;font-weight:700}.review-auth__polling{color:var(--on-surface-variant);text-align:center;margin:0;font-size:.8125rem}.review-preview-link{text-align:center;margin-bottom:var(--spacing-6);font-family:var(--font-mono);color:var(--primary);cursor:pointer;padding:var(--spacing-2) 0;background:0 0;border:none;font-size:.8125rem;display:block}.review-preview-link:hover{text-decoration:underline}.review-preview-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:.25rem}.publish-error{padding:var(--spacing-4);margin:var(--spacing-4) 0;border:1px solid var(--error,#dc2626);border-radius:var(--radius-sm);background:#dc26260d}.publish-error__message{color:var(--error,#dc2626);margin-bottom:var(--spacing-3);font-size:.875rem;font-weight:600}.publish-error__sessions{gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-direction:column;display:flex}.publish-error__session-row{align-items:center;gap:var(--spacing-2);font-size:.8125rem;font-family:var(--font-mono);display:flex}.publish-error__icon--published{color:var(--success-fg,#16a34a)}.publish-error__icon--failed{color:var(--error,#dc2626)}.publish-error__session-title{flex:1}.publish-error__session-error{color:var(--on-surface-variant);font-size:.75rem}.publish-error__actions{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.publish-progress{margin:var(--spacing-4) 0;padding:var(--spacing-4);background:var(--surface-container,#f5f7fa);border-radius:var(--radius-sm)}.publish-progress__sessions{gap:var(--spacing-2);flex-direction:column;display:flex}.publish-progress__row{align-items:center;gap:var(--spacing-2);font-size:.8125rem;font-family:var(--font-mono);display:flex}.success-card{text-align:center;max-width:480px;margin:var(--spacing-8) auto;flex-direction:column;align-items:center;display:flex}.success-card__icon{margin-bottom:var(--spacing-4)}.success-card__title{font-family:var(--font-display);color:var(--on-surface);margin-bottom:var(--spacing-2);font-size:1.5rem;font-weight:700}.success-card__subtitle{color:var(--on-surface-variant);margin-bottom:var(--spacing-6);font-size:.9375rem;line-height:1.6}.success-card__preview{background:linear-gradient(135deg, var(--primary-fixed,#d3e3f4) 0%, var(--surface-container-low) 100%);border:var(--ghost-border);border-radius:var(--radius-md);width:100%;padding:var(--spacing-5) var(--spacing-6);margin-bottom:var(--spacing-4);text-align:left}.success-card__preview-name{font-family:var(--font-display);color:var(--on-surface);margin-bottom:var(--spacing-2);font-size:1.125rem;font-weight:700}.success-card__preview-narrative{color:var(--on-surface-variant);margin-bottom:var(--spacing-4);font-size:.8125rem;line-height:1.6}.success-card__preview-stats{gap:var(--spacing-3);grid-template-columns:repeat(4,1fr);display:grid}.success-card__preview-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.success-card__preview-stat-value{font-family:var(--font-mono);color:var(--on-surface);font-size:1rem;font-weight:700}.success-card__preview-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);font-size:.5625rem}.success-card__url-bar{background:var(--surface-container-lowest);border:var(--ghost-border);border-radius:var(--radius-sm);width:100%;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-4);align-items:center;display:flex}.success-card__url-text{font-family:var(--font-mono);color:var(--on-surface);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;overflow:hidden}.success-card__url-copy{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-3);cursor:pointer;background:0 0;flex-shrink:0;font-size:.6875rem;font-weight:600;transition:background .15s}.success-card__url-copy:hover{background:#0844710f}.success-card__meta{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);justify-content:center;width:100%;display:flex}.success-card__badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--success-fg,#16a34a);background:var(--success-bg,#dcfce7);border-radius:var(--radius-sm);padding:2px 8px;font-size:.5625rem;font-weight:600}.success-card__meta-text{font-family:var(--font-mono);color:var(--on-surface-variant);font-size:.6875rem}.success-card__actions{gap:var(--spacing-3);width:100%;display:flex}.distribution-helpers{border-top:1px solid var(--outline-variant);width:100%;margin-block-start:var(--spacing-6);padding-block-start:var(--spacing-6)}.distribution-helpers__header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);margin-block-end:var(--spacing-4);font-size:.6875rem;font-weight:600}.distribution-helpers__item{margin-block-end:var(--spacing-4)}.distribution-helpers__label{color:var(--on-surface);margin-block-end:var(--spacing-1);font-size:.75rem;font-weight:600}.distribution-helpers__snippet{align-items:flex-start;gap:var(--spacing-2);background:var(--surface-container,#f0f2f5);border-radius:var(--radius-sm,4px);padding:var(--spacing-2) var(--spacing-3);display:flex}.distribution-helpers__snippet code{font-family:var(--font-mono);color:var(--on-surface);word-break:break-all;white-space:pre-wrap;flex:1;font-size:.6875rem;line-height:1.5}.distribution-helpers__copy{font-family:var(--font-mono);color:var(--primary,#084471);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.6875rem;font-weight:600}.distribution-helpers__copy:hover{text-decoration:underline}.triage-terminal{background:var(--inverse-surface);color:var(--inverse-on-surface);border-radius:var(--radius-lg,12px);padding:var(--spacing-6);max-width:640px;margin:var(--spacing-8) auto;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7}.triage-terminal__feed{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;max-height:480px;overflow-y:auto}.triage-terminal__line{white-space:pre;min-height:1.7em}.triage-terminal__prompt{color:var(--inverse-primary,#9dcaff);margin-bottom:var(--spacing-2);font-weight:600}.triage-terminal__section{color:#ffffff80;font-weight:600}.triage-terminal__line--passed{color:#34d399}.triage-terminal__line--skipped{color:#f87171}.triage-terminal__line--active{color:#fbbf24}@media (prefers-reduced-motion:reduce){.triage-terminal__line--active{animation:none}}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);font-family:var(--font-body);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary,.btn-primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover,.btn-primary:hover{opacity:.9}.btn--secondary,.btn-secondary{color:var(--primary);border:var(--ghost-border);background:0 0}.btn--secondary:hover,.btn-secondary:hover{background:var(--surface-container)}.btn-tertiary{color:var(--on-surface-variant);font-family:var(--font-mono);padding:var(--spacing-1) var(--spacing-2);background:0 0;border:none;font-size:.75rem;text-decoration:none}.btn-tertiary:hover{color:var(--primary);text-decoration:underline}.btn--large,.btn--lg{padding:var(--spacing-3) var(--spacing-8);font-size:.9375rem}.btn--sm{padding:var(--spacing-1) var(--spacing-3);font-size:.75rem}.btn--full{width:100%}.btn--icon{padding:var(--spacing-2);width:2.5rem;height:2.5rem}.chip{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--surface-container-high);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--on-surface);border:var(--ghost-border);white-space:nowrap;font-size:.625rem;font-weight:700;display:inline-flex}.chip__dot{background:var(--primary);border-radius:50%;width:.25rem;height:.25rem}.chip--primary{color:var(--primary);background:#08447114}.chip--published{background:var(--secondary-container);color:var(--secondary);font-weight:600}.chip--draft{background:var(--tertiary-fixed);color:var(--tertiary)}.chip--enhanced{color:var(--primary);background:#0844711f}.chip--archived{background:var(--surface-container-highest);color:var(--on-surface-variant)}.chip--success{background:var(--secondary-container);color:var(--secondary)}.chip--queued{background:var(--surface-container-highest);color:var(--on-surface-variant);opacity:.7}.chip--processing{color:#006a61;background:#006a6126;animation:1.2s ease-in-out infinite chip-pulse}.chip--uploaded{background:var(--secondary-container);color:var(--secondary);font-weight:600}.chip--failed{color:#ba1a1a;background:#ba1a1a1f;font-weight:600}.chip--sm{padding:1px 6px;font-size:.5625rem}.typewriter-cursor{background:var(--primary);vertical-align:text-bottom;width:2px;height:1.1em;margin-inline-start:2px;animation:.8s step-end infinite cursor-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.typewriter-cursor{opacity:1;animation:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes cursor-blink{50%{opacity:0}}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--surface:#f8f9fb;--surface-container-lowest:#fff;--surface-container-low:#f3f4f6;--surface-container:#edeef0;--surface-container-high:#e7e8ea;--surface-container-highest:#e1e2e4;--surface-dim:#d9dadc;--surface-tint:#316190;--primary:#084471;--on-primary:#fff;--primary-container:#2b5c8a;--on-primary-container:#b0d4ff;--primary-fixed:#d0e4ff;--primary-fixed-dim:#9dcaff;--secondary:#006a61;--on-secondary:#fff;--secondary-container:#93f4e6;--tertiary:#663500;--on-tertiary:#fff;--tertiary-fixed:#ffdcc3;--tertiary-fixed-dim:#ffb77d;--on-tertiary-fixed:#2f1500;--on-tertiary-fixed-variant:#6e3900;--on-surface:#191c1e;--on-surface-variant:#42474e;--outline:#72787e;--outline-variant:#c2c7d0;--error:#ba1a1a;--error-container:#ffdad6;--on-error:#fff;--inverse-surface:#2e3132;--inverse-on-surface:#f0f1f3;--inverse-primary:#9dcaff;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:5.5rem;--shadow-ambient:0 12px 40px #191c1e0f;--shadow-sm:0 1px 3px #191c1e0a;--ghost-border:1px solid #c2c7d026;--radius-xs:.125rem;--bg:var(--surface-container-low);--font-heading:var(--font-display);--success-fg:#16a34a;--success-bg:#dcfce7}html{font-size:16px}body{font-family:var(--font-body);color:var(--color-on-surface);background:var(--color-surface-mid);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}