@gentbajko/slopify 2.0.2 → 2.1.0

package/dist/slices/video/write-export.js

@@ -5,7 +5,6 @@ import { setStageProgress } from "../admission/repo.js";
 import { outputPath } from "../storage/layout.js";
 import { deleteOutput, insertOutput, outputsOf } from "../storage/repo.js";
 import { subtitleRoles } from "../subtitles/prepare.js";
-import { runFfmpeg } from "./ffmpeg.js";
 const progressIntervalMs = 500;
 const renderRoles = [
     "video",
@@ -26,30 +25,23 @@ export async function writeExport(deps, context, output) {
     let announced = 0;
     try {
         // No retry and no timeout. A render that fails is terminal.
-        await runFfmpeg({
-            bin: deps.ffmpeg,
-            args: output.args(part),
-            cwd: output.subtitles?.directory,
-            signal: context.signal,
-            log: deps.log,
-            onProgress: (elapsedMs) => {
-                const at = deps.clock.now().getTime();
-                if (at - announced < progressIntervalMs) {
-                    return;
-                }
-                announced = at;
-                const current = output.subtitles === undefined
-                    ? Math.min(elapsedMs, totalMs)
-                    : Math.round((0.35 + 0.65 * Math.min(elapsedMs / totalMs, 1)) * totalMs);
-                setStageProgress(deps.db, context.stage.id, current, totalMs);
-                context.emit({
-                    type: "stage.progress",
-                    projectId,
-                    stage: "video",
-                    current,
-                    total: totalMs,
-                });
-            },
+        await output.render(part, (elapsedMs) => {
+            const at = deps.clock.now().getTime();
+            if (at - announced < progressIntervalMs) {
+                return;
+            }
+            announced = at;
+            const current = output.subtitles === undefined
+                ? Math.min(elapsedMs, totalMs)
+                : Math.round((0.35 + 0.65 * Math.min(elapsedMs / totalMs, 1)) * totalMs);
+            setStageProgress(deps.db, context.stage.id, current, totalMs);
+            context.emit({
+                type: "stage.progress",
+                projectId,
+                stage: "video",
+                current,
+                total: totalMs,
+            });
         });
         // A cancel protects an output that was already stored, not one about to be. One
         // landing between ffmpeg exiting and the rows below discards the render rather than

package/dist/slices/youtube/answer.js

@@ -0,0 +1,199 @@
+import { z } from "zod";
+import { descriptionMaxCharacters, hashtagsMax, minChapterSeconds, minChapters, tagMaxCharacters, tagsMaxCharacters, } from "./model.js";
+import { parseTimestamp, youtubeTimestamp } from "./timestamps.js";
+export function descriptionMessages(brief) {
+    const end = youtubeTimestamp(brief.durationSeconds);
+    return [
+        {
+            role: "system",
+            content: [
+                "You write YouTube descriptions. Answer with one JSON object and nothing else, in this shape:",
+                '{"summary": "...", "chapters": [{"start": "0:00", "title": "..."}], "hashtags": ["#Example"], "tags": ["example tag"]}',
+                "",
+                "Rules YouTube enforces, which the answer must follow:",
+                '- The first chapter starts at exactly "0:00".',
+                `- At least ${String(minChapters)} chapters, in order, each starting later than the one before.`,
+                `- Every chapter lasts at least ${String(minChapterSeconds)} seconds, and every chapter starts before the video ends at ${end}.`,
+                "- Write chapter times as M:SS, or H:MM:SS from the first hour on, and take them from the transcript's times.",
+                "- A chapter title is one line and does not start with a time.",
+                `- Hashtags are single words starting with #, at most ${String(hashtagsMax)}.`,
+                `- Tags are plain search terms without # or commas, each at most ${String(tagMaxCharacters)} characters, no tag repeated, and all tags together at most ${String(tagsMaxCharacters)} characters.`,
+                "- No < or > anywhere.",
+                "- The summary is plain text without chapters, hashtags or links.",
+            ].join("\n"),
+        },
+        {
+            role: "user",
+            content: [
+                brief.instruction,
+                "",
+                `Video title: ${brief.title}`,
+                `Video length: ${end}`,
+                "",
+                "Transcript, each passage led by the time it starts in the video:",
+                "",
+                brief.transcript,
+            ].join("\n"),
+        },
+    ];
+}
+const answerSchema = z.object({
+    summary: z.string(),
+    chapters: z.array(z.object({ start: z.union([z.string(), z.number()]), title: z.string() })),
+    hashtags: z.array(z.string()),
+    tags: z.array(z.string()),
+});
+const fix = "Retry stage, or choose another model in Edit project → Providers.";
+// Reads and checks the model's answer. The reason is the sentence the stage shows; the
+// provider wrapper's `check` asks the model again while attempts remain.
+export function checkDescriptionAnswer(text, durationSeconds) {
+    const parsed = answerSchema.safeParse(jsonOf(text));
+    if (!parsed.success)
+        return {
+            ok: false,
+            reason: `The AI model's YouTube description didn't come back in the expected format (a JSON object with a summary, chapters, hashtags and tags). ${fix}`,
+        };
+    const summary = parsed.data.summary.trim();
+    if (summary === "")
+        return { ok: false, reason: `The AI model's YouTube description has no summary. ${fix}` };
+    const chapters = checkChapters(parsed.data.chapters, durationSeconds);
+    if (!chapters.ok)
+        return chapters;
+    const hashtags = checkHashtags(parsed.data.hashtags);
+    if (!hashtags.ok)
+        return hashtags;
+    const tags = checkTags(parsed.data.tags);
+    if (!tags.ok)
+        return tags;
+    const value = { summary, chapters: chapters.value, hashtags: hashtags.value, tags: tags.value };
+    const description = assembleDescription(value);
+    if (/[<>]/.test(description))
+        return {
+            ok: false,
+            reason: `The AI model's YouTube description contains < or >, which YouTube doesn't allow. ${fix}`,
+        };
+    if (description.length > descriptionMaxCharacters)
+        return {
+            ok: false,
+            reason: `The AI model's YouTube description is ${String(description.length)} characters, over YouTube's ${String(descriptionMaxCharacters)}. ${fix}`,
+        };
+    return { ok: true, value };
+}
+// Summary, a blank line, one "M:SS Title" per chapter, a blank line, then the hashtags,
+// which YouTube shows above the title when they come last.
+export function assembleDescription(answer) {
+    return [
+        answer.summary,
+        "",
+        ...answer.chapters.map((chapter) => `${youtubeTimestamp(chapter.start)} ${chapter.title}`),
+        "",
+        answer.hashtags.join(" "),
+    ].join("\n");
+}
+// What goes in YouTube's Tags field: comma-separated.
+export function tagsText(tags) {
+    return tags.join(", ");
+}
+// YouTube counts the Tags field as typed: the commas between tags, and the quotes it adds
+// around a tag with a space in it.
+export function tagsLength(tags) {
+    return (tags.reduce((sum, tag) => sum + tag.length + (/\s/.test(tag) ? 2 : 0), 0) +
+        Math.max(0, tags.length - 1));
+}
+function checkChapters(raw, durationSeconds) {
+    const broke = (rule) => ({
+        ok: false,
+        reason: `The AI model's chapters broke YouTube's rules (${rule}). ${fix}`,
+    });
+    if (raw.length < minChapters)
+        return broke(`there must be at least ${String(minChapters)} chapters, and it wrote ${String(raw.length)}`);
+    const chapters = [];
+    for (const [index, row] of raw.entries()) {
+        const start = typeof row.start === "number"
+            ? Number.isInteger(row.start) && row.start >= 0
+                ? row.start
+                : undefined
+            : parseTimestamp(row.start);
+        if (start === undefined)
+            return broke(`chapter ${String(index + 1)} starts at "${String(row.start)}", not a time like 2:15`);
+        const title = row.title.trim();
+        if (title === "" ||
+            /[\r\n]/.test(title) ||
+            parseTimestamp(title.split(/\s/)[0] ?? "") !== undefined)
+            return broke(`chapter ${String(index + 1)} needs a one-line title that doesn't start with a time`);
+        chapters.push({ start, title });
+    }
+    if (chapters[0]?.start !== 0)
+        return broke("the first chapter must start at 0:00");
+    for (const [index, chapter] of chapters.entries()) {
+        const previous = chapters[index - 1];
+        if (previous !== undefined && chapter.start <= previous.start)
+            return broke(`chapter ${String(index + 1)} at ${youtubeTimestamp(chapter.start)} must start after chapter ${String(index)} at ${youtubeTimestamp(previous.start)}`);
+        if (chapter.start >= durationSeconds)
+            return broke(`chapter ${String(index + 1)} starts at ${youtubeTimestamp(chapter.start)}, after the video ends at ${youtubeTimestamp(durationSeconds)}`);
+    }
+    for (const [index, chapter] of chapters.entries()) {
+        const end = chapters[index + 1]?.start ?? durationSeconds;
+        if (end - chapter.start < minChapterSeconds)
+            return broke(`chapter ${String(index + 1)} "${chapter.title}" lasts ${String(Math.floor(end - chapter.start))} seconds, and each must last at least ${String(minChapterSeconds)}`);
+    }
+    return { ok: true, value: chapters };
+}
+function checkHashtags(raw) {
+    const broke = (rule) => ({
+        ok: false,
+        reason: `The AI model's hashtags broke YouTube's rules (${rule}). ${fix}`,
+    });
+    const hashtags = raw
+        .map((tag) => tag.trim())
+        .filter((tag) => tag !== "")
+        .map((tag) => (tag.startsWith("#") ? tag : `#${tag}`));
+    if (hashtags.length === 0)
+        return broke("there must be at least one hashtag");
+    if (hashtags.length > hashtagsMax)
+        return broke(`YouTube ignores them all past ${String(hashtagsMax)}, and it wrote ${String(hashtags.length)}`);
+    const bad = hashtags.find((tag) => !/^#[\p{L}\p{N}_]+$/u.test(tag));
+    if (bad !== undefined)
+        return broke(`"${bad}" is not one word after the #`);
+    return { ok: true, value: hashtags };
+}
+function checkTags(raw) {
+    const broke = (rule) => ({
+        ok: false,
+        reason: `The AI model's tags broke YouTube's rules (${rule}). ${fix}`,
+    });
+    const tags = raw.map((tag) => tag.trim().replace(/\s+/g, " ")).filter((tag) => tag !== "");
+    if (tags.length === 0)
+        return broke("there must be at least one tag");
+    const long = tags.find((tag) => tag.length > tagMaxCharacters);
+    if (long !== undefined)
+        return broke(`"${long.slice(0, 40)}…" is over ${String(tagMaxCharacters)} characters`);
+    const odd = tags.find((tag) => /[,<>]/.test(tag));
+    if (odd !== undefined)
+        return broke(`"${odd}" contains a comma, < or >`);
+    const seen = new Set();
+    for (const tag of tags) {
+        const key = tag.toLowerCase();
+        if (seen.has(key))
+            return broke(`"${tag}" is listed twice`);
+        seen.add(key);
+    }
+    const length = tagsLength(tags);
+    if (length > tagsMaxCharacters)
+        return broke(`the tags come to ${String(length)} characters, over YouTube's ${String(tagsMaxCharacters)}`);
+    return { ok: true, value: tags };
+}
+// The object in the answer, wherever the model put it: bare, in a ```json fence, or after a
+// sentence of its own.
+function jsonOf(text) {
+    const start = text.indexOf("{");
+    const end = text.lastIndexOf("}");
+    if (start === -1 || end <= start)
+        return undefined;
+    try {
+        return JSON.parse(text.slice(start, end + 1));
+    }
+    catch {
+        return undefined;
+    }
+}

package/dist/slices/youtube/model.js

@@ -0,0 +1,27 @@
+// The optional YouTube description step of the Video stage: a short summary, a chapter list
+// YouTube turns into chapters, hashtags, and a separate list for YouTube's Tags field.
+// Browser-safe: Play, Edit project and the project page read these names and limits too.
+// YouTube's own rules for chapters in a description: the first starts at 0:00, there are at
+// least three, and each lasts at least ten seconds.
+export const minChapters = 3;
+export const minChapterSeconds = 10;
+// YouTube's limits on the Tags field: 500 characters in all, 100 for one tag.
+export const tagsMaxCharacters = 500;
+export const tagMaxCharacters = 100;
+// YouTube ignores every hashtag of a description that has more than 15.
+export const hashtagsMax = 15;
+// YouTube's limit on a description.
+export const descriptionMaxCharacters = 5000;
+// What a project uses when no Description prompt from the library is picked. No keywords,
+// so it never asks Play for a field.
+export const defaultDescriptionPrompt = [
+    "Write a YouTube description for this video.",
+    "",
+    "- Summary: a 2-3 sentence hook that says what the viewer gets from watching, in plain words, without clickbait.",
+    "- Chapters: split the video where the topic changes, 5-12 chapters for a long video and fewer for a short one. Chapter titles are 2-6 words, in title case, and name what that part covers.",
+    "- Hashtags: 3-5 hashtags about the subject, most specific last.",
+    "- Tags: 15-25 search terms a viewer might type to find this video, from broad to specific.",
+].join("\n");
+// The name Play, Edit project and the review summary show for the prompt used when none is
+// picked.
+export const defaultDescriptionPromptName = "Built-in";

package/dist/slices/youtube/timestamps.js

@@ -0,0 +1,24 @@
+// Times the way YouTube reads them in a description: M:SS under an hour, H:MM:SS from the
+// first hour on. Whole seconds, rounded down, so a chapter never starts after its words.
+export function youtubeTimestamp(seconds) {
+    const whole = Math.max(0, Math.floor(seconds));
+    const hours = Math.floor(whole / 3600);
+    const minutes = Math.floor((whole % 3600) / 60);
+    const rest = String(whole % 60).padStart(2, "0");
+    return hours > 0
+        ? `${String(hours)}:${String(minutes).padStart(2, "0")}:${rest}`
+        : `${String(minutes)}:${rest}`;
+}
+// The seconds a model's M:SS, MM:SS or H:MM:SS stands for; undefined for anything else, so
+// the caller can say which chapter time it could not read.
+export function parseTimestamp(text) {
+    const match = /^(?:(\d+):)?(\d{1,2}):(\d{2})$/.exec(text.trim());
+    if (match === null)
+        return undefined;
+    const hours = Number(match[1] ?? "0");
+    const minutes = Number(match[2]);
+    const seconds = Number(match[3]);
+    if (seconds > 59 || (match[1] !== undefined && minutes > 59))
+        return undefined;
+    return hours * 3600 + minutes * 60 + seconds;
+}

package/dist/slices/youtube/transcript.js

@@ -0,0 +1,47 @@
+import { youtubeTimestamp } from "./timestamps.js";
+// ceiling: a passage closes at the first sentence end after 20 s, so a chapter can start at
+// most one passage late, and a 108-minute narration comes to about 300 lines instead of a
+// thousand sentences. A pause of 1.5 s (the gap between intro, body and outro, or a long
+// breath) always closes one; a passage with no sentence end closes at 60 s.
+const passageSeconds = 20;
+const pauseSeconds = 1.5;
+const longestSeconds = 60;
+export function transcriptPassages(words) {
+    const passages = [];
+    let pending = [];
+    const flush = () => {
+        const first = pending[0];
+        if (first !== undefined)
+            passages.push({
+                start: first.start,
+                text: pending
+                    .map((word) => word.text.replace(/\s+/g, " ").trim())
+                    .filter((text) => text !== "")
+                    .join(" "),
+            });
+        pending = [];
+    };
+    for (const word of words) {
+        const first = pending[0];
+        const last = pending.at(-1);
+        if (first !== undefined &&
+            last !== undefined &&
+            (word.start - last.end >= pauseSeconds || word.end - first.start > longestSeconds))
+            flush();
+        pending.push(word);
+        const opening = pending[0];
+        if (opening !== undefined &&
+            word.end - opening.start >= passageSeconds &&
+            /[.!?]["'’”)]*$/.test(word.text))
+            flush();
+    }
+    flush();
+    return passages.filter((passage) => passage.text !== "");
+}
+// One passage per line, each led by its start as YouTube writes it: the model copies these
+// times into its chapters.
+export function transcriptText(passages) {
+    return passages
+        .map((passage) => `[${youtubeTimestamp(passage.start)}] ${passage.text}`)
+        .join("\n");
+}

package/dist/updater/plan.js

@@ -147,7 +147,7 @@ export async function npmCommand() {
             /* PATH can include directories without npm. */
         }
     }
-    throw new Error("npm is unavailable. Install Node.js with npm to use in-app updates.");
+    throw new Error("npm was not found, so in-app updates are off. Install Node.js with npm (https://nodejs.org), or update from the terminal: npx @gentbajko/slopify@latest");
 }
 export async function updateCommitted(dataDir, version, token) {
     try {

package/dist/updater/service.js

@@ -7,7 +7,7 @@ export function createUpdater(deps) {
     let status = deps.candidate?.pending === true ? "restarting" : "idle";
     let activated = deps.candidate?.pending !== true;
     let installError = deps.previousUpdateFailed
-        ? "The update did not start. The previous version and database were restored. You can try again."
+        ? "The new version did not start, so Slopify put back the previous version and database. You can try again; the reason is in logs/updates.log inside your Slopify data folder."
         : undefined;
     let error = installError;
     let checking;
@@ -56,7 +56,8 @@ export function createUpdater(deps) {
             }
             catch {
                 status = "error";
-                error = "Could not check for updates. Check your connection and try again.";
+                error =
+                    "Could not check for updates: the npm registry (registry.npmjs.org) did not answer properly. Check your internet connection and try again.";
                 deps.report(error);
             }
             finally {
@@ -143,7 +144,7 @@ export function createUpdater(deps) {
                 .catch(() => {
                 status = "error";
                 error =
-                    "The update could not be completed. Your current installation is still available. Try again or restart Slopify.";
+                    "The update could not be installed, so Slopify kept your current version. Check your internet connection and try again; the reason is in logs/updates.log inside your Slopify data folder.";
                 installError = error;
                 deps.report(error);
             });

package/dist/updater/worker.js

@@ -111,15 +111,17 @@ function installPackage(plan, directory) {
             timeout: 15 * 60_000,
             env: { ...process.env, npm_config_update_notifier: "false" },
         });
-        child.once("error", () => reject(new Error("npm could not be started.")));
-        child.once("close", (code) => code === 0 ? resolve() : reject(new Error("npm could not install the update.")));
+        child.once("error", () => reject(new Error(`npm (${plan.npm.file}) could not be started. Check that Node.js and npm are installed.`)));
+        child.once("close", (code) => code === 0
+            ? resolve()
+            : reject(new Error(`npm could not install Slopify ${plan.version} (exit code ${code}). Check your internet connection (npm must reach registry.npmjs.org) and try again.`)));
     });
 }
 async function waitForServer(plan, version, exited) {
     const until = Date.now() + 60_000;
     while (Date.now() < until) {
         if (exited())
-            throw new Error("Slopify stopped during startup.");
+            throw new Error(`Slopify ${version} stopped while starting up, so the previous version was kept.`);
         try {
             if (await candidateReady(serverOrigin(plan), version, plan.token, exited, globalThis.fetch))
                 return;
@@ -129,7 +131,7 @@ async function waitForServer(plan, version, exited) {
         }
         await delay(250);
     }
-    throw new Error("Slopify did not restart in time.");
+    throw new Error(`Slopify ${version} did not answer within 60 seconds of starting.`);
 }
 function serverOrigin(plan) {
     const host = plan.host === "0.0.0.0" ? "127.0.0.1" : plan.host === "::" ? "::1" : plan.host;

package/dist/web/assets/index-B6NbhpjD.css

@@ -0,0 +1 @@
+@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-vietnamese-800-normal-Cl1Mc_Dv.woff2)format("woff2"),url(/assets/barlow-vietnamese-800-normal-D0VWpbij.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-latin-ext-800-normal-BiucknKG.woff2)format("woff2"),url(/assets/barlow-latin-ext-800-normal-D7I3yvUw.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-latin-800-normal-s1sAMnoV.woff2)format("woff2"),url(/assets/barlow-latin-800-normal-BdVooDN4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Barlow", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--aspect-video:16 / 9;--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-bg:#141416;--color-panel:#1b1b1f;--color-panel2:#202026;--color-line:#2a2a30;--color-line2:#35353d;--color-ink:#e6e3dc;--color-ink2:#9a978f;--color-ink3:#8a887f;--color-accent:#9bcb4f;--color-accent-ink:#17200b;--color-accent-edge:#6d9333;--color-done:#6f9a3a;--color-red:#e86960;--color-red-tint:#e8696014;--color-amber:#e2a247;--color-lamp-run:#9bcb4f;--color-lamp-halo:#9bcb4f2e;--color-lamp-off:#2c2c33;--color-lamp-ring:#3a3a42;--color-run-text:#9bcb4f;--color-focus:#9bcb4f;--color-shadow:#08080a3d;--color-scrim:#14141699;--color-screen:#0b0b0d;--font-condensed:"Barlow Condensed", "Barlow", system-ui, sans-serif;--text-label:12px;--text-label--line-height:1.2;--text-small:13px;--text-small--line-height:1.45;--text-body:14px;--text-body--line-height:1.45;--text-row:16px;--text-row--line-height:1.35;--text-title:18px;--text-title--line-height:1.3;--text-wordmark:20px;--text-wordmark--line-height:1.2;--text-counter:32px;--text-counter--line-height:1.1;--radius-control:4px;--radius-panel:6px;--animate-lamp-pulse:lamp-pulse 1.2s ease-in-out infinite;--animate-dialog-in:dialog-in .2s ease-out;--animate-tick-in:tick-in .15s ease-out}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body--line-height);margin:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[disabled],[aria-disabled=true]{opacity:.45;pointer-events:none}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.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:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-12{top:calc(var(--spacing) * 12)}.top-14{top:calc(var(--spacing) * 14)}.top-\[3px\]{top:3px}.right-0{right:0}.right-1{right:var(--spacing)}.right-4{right:calc(var(--spacing) * 4)}.right-\[8px\]{right:8px}.right-\[10px\]{right:10px}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[-16px\]{bottom:-16px}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.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}}.m-0{margin:0}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.-mx-\[18px\]{margin-inline:-18px}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-\[6px\]{margin-top:-6px}.mt-1{margin-top:var(--spacing)}.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-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-\[10px\]{margin-top:10px}.mt-\[22px\]{margin-top:22px}.-mr-1{margin-right:calc(var(--spacing) * -1)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.-mb-\[18px\]{margin-bottom:-18px}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.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-\[5px\]{margin-bottom:5px}.-ml-px{margin-left:-1px}.ml-\[6px\]{margin-left:6px}.ml-auto{margin-left:auto}.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}.table{display:table}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-\[10px\]{width:10px;height:10px}.size-\[13px\]{width:13px;height:13px}.size-\[14px\]{width:14px;height:14px}.size-\[15px\]{width:15px;height:15px}.size-\[22px\]{width:22px;height:22px}.size-\[26px\]{width:26px;height:26px}.h-1{height:var(--spacing)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.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-28{height:calc(var(--spacing) * 28)}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[10px\]{height:10px}.h-\[18px\]{height:18px}.h-\[78px\]{height:78px}.h-\[520px\]{height:520px}.h-\[560px\]{height:560px}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[360px\]{max-height:360px}.max-h-\[420px\]{max-height:420px}.max-h-\[480px\]{max-height:480px}.max-h-\[min\(58vh\,560px\)\]{max-height:min(58vh,560px)}.max-h-\[min\(58vh\,640px\)\]{max-height:min(58vh,640px)}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-\[520px\]{min-height:520px}.min-h-screen{min-height:100vh}.w-2\/5{width:40%}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[19\%\]{width:19%}.w-\[24\%\]{width:24%}.w-\[26\%\]{width:26%}.w-\[38\%\]{width:38%}.w-\[40ch\]{width:40ch}.w-\[52px\]{width:52px}.w-\[64px\]{width:64px}.w-\[72px\]{width:72px}.w-\[76px\]{width:76px}.w-\[80px\]{width:80px}.w-\[90px\]{width:90px}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[180px\]{width:180px}.w-\[340px\]{width:340px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(340px\,calc\(100vw-24px\)\)\]{width:min(340px,100vw - 24px)}.w-\[min\(360px\,calc\(100vw-32px\)\)\]{width:min(360px,100vw - 32px)}.w-\[min\(560px\,calc\(100vw-24px\)\)\]{width:min(560px,100vw - 24px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[75ch\]{max-width:75ch}.max-w-\[180px\]{max-width:180px}.max-w-\[260px\]{max-width:260px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[520px\]{max-width:520px}.max-w-\[620px\]{max-width:620px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1440px\]{max-width:1440px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-\[88px\]{min-width:88px}.min-w-\[112px\]{min-width:112px}.min-w-\[120px\]{min-width:120px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-\[740px\]{min-width:740px}.min-w-\[min\(100\%\,260px\)\]{min-width:min(100%,260px)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-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)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-lamp-pulse{animation:var(--animate-lamp-pulse)}.animate-none{animation:none}.animate-spin{animation:var(--animate-spin)}.animate-tick-in{animation:var(--animate-tick-in)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[10px_minmax\(0\,1fr\)_auto\]{grid-template-columns:10px minmax(0,1fr) auto}.grid-cols-\[14px_minmax\(0\,1fr\)_auto_32px\]{grid-template-columns:14px minmax(0,1fr) auto 32px}.grid-cols-\[24px_1fr_auto\]{grid-template-columns:24px 1fr auto}.grid-cols-\[60px_minmax\(0\,1fr\)_auto\]{grid-template-columns:60px minmax(0,1fr) auto}.grid-cols-\[90px_minmax\(0\,1fr\)_auto\]{grid-template-columns:90px minmax(0,1fr) auto}.grid-cols-\[112px_repeat\(7\,minmax\(0\,1fr\)\)\]{grid-template-columns:112px repeat(7,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_32px\]{grid-template-columns:minmax(0,1fr) 32px}.grid-cols-\[minmax\(0\,1fr\)_auto_32px\]{grid-template-columns:minmax(0,1fr) auto 32px}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.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)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.gap-\[10px\]{gap:10px}.gap-\[14px\]{gap:14px}.gap-\[18px\]{gap:18px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * 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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-\[14px\]{column-gap:14px}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-\[4px\]{row-gap:4px}.gap-y-\[6px\]{row-gap:6px}: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-line>:not(:last-child)){border-color:var(--color-line)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-control{border-radius:var(--radius-control)}.rounded-full{border-radius:2147483647px}.rounded-panel{border-radius:var(--radius-panel)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-panel{border-bottom-right-radius:var(--radius-panel);border-bottom-left-radius:var(--radius-panel)}.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-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.\!border-lamp-run{border-color:var(--color-lamp-run)!important}.border-accent{border-color:var(--color-accent)}.border-current{border-color:currentColor}.border-done{border-color:var(--color-done)}.border-lamp-run{border-color:var(--color-lamp-run)}.border-line{border-color:var(--color-line)}.border-line2{border-color:var(--color-line2)}.border-red{border-color:var(--color-red)}.border-red\/30{border-color:#e869604d}@supports (color:color-mix(in lab, red, red)){.border-red\/30{border-color:color-mix(in oklab, var(--color-red) 30%, transparent)}}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--color-accent)}.bg-amber{background-color:var(--color-amber)}.bg-bg\/40{background-color:#14141666}@supports (color:color-mix(in lab, red, red)){.bg-bg\/40{background-color:color-mix(in oklab, var(--color-bg) 40%, transparent)}}.bg-current{background-color:currentColor}.bg-done{background-color:var(--color-done)}.bg-lamp-off{background-color:var(--color-lamp-off)}.bg-lamp-run{background-color:var(--color-lamp-run)}.bg-panel{background-color:var(--color-panel)}.bg-panel\/90{background-color:#1b1b1fe6}@supports (color:color-mix(in lab, red, red)){.bg-panel\/90{background-color:color-mix(in oklab, var(--color-panel) 90%, transparent)}}.bg-panel2{background-color:var(--color-panel2)}.bg-red{background-color:var(--color-red)}.bg-red-tint{background-color:var(--color-red-tint)}.bg-screen{background-color:var(--color-screen)}.bg-scrim{background-color:var(--color-scrim)}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[10px\]{padding:10px}.p-\[18px\]{padding:18px}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\[4px\]{padding-inline:4px}.px-\[7px\]{padding-inline:7px}.px-\[10px\]{padding-inline:10px}.px-\[14px\]{padding-inline:14px}.px-\[18px\]{padding-inline:18px}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-\[1px\]{padding-block:1px}.py-\[2px\]{padding-block:2px}.py-\[3px\]{padding-block:3px}.py-\[5px\]{padding-block:5px}.py-\[6px\]{padding-block:6px}.py-\[10px\]{padding-block:10px}.py-\[14px\]{padding-block:14px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-\[26px\]{padding-right:26px}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-\[max\(8px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(8px, env(safe-area-inset-bottom))}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-\[10px\]{padding-left:10px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.engraved{font-family:var(--font-condensed);font-size:var(--text-label);line-height:var(--text-label--line-height);letter-spacing:.09em;text-transform:uppercase;font-weight:600}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height))}.text-counter{font-size:var(--text-counter);line-height:var(--tw-leading,var(--text-counter--line-height))}.text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-row{font-size:var(--text-row);line-height:var(--tw-leading,var(--text-row--line-height))}.text-small{font-size:var(--text-small);line-height:var(--tw-leading,var(--text-small--line-height))}.text-title{font-size:var(--text-title);line-height:var(--tw-leading,var(--text-title--line-height))}.text-wordmark{font-size:var(--text-wordmark);line-height:var(--tw-leading,var(--text-wordmark--line-height))}.text-\[10px\]{font-size:10px}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.text-pretty{text-wrap:pretty}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.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-ink{color:var(--color-ink)!important}.text-accent-ink{color:var(--color-accent-ink)}.text-amber{color:var(--color-amber)}.text-done{color:var(--color-done)}.text-ink{color:var(--color-ink)}.text-ink2{color:var(--color-ink2)}.text-ink3{color:var(--color-ink3)}.text-lamp-run{color:var(--color-lamp-run)}.text-red{color:var(--color-red)}.text-run-text{color:var(--color-run-text)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-red{-webkit-text-decoration-color:var(--color-red);-webkit-text-decoration-color:var(--color-red);-webkit-text-decoration-color:var(--color-red);text-decoration-color:var(--color-red)}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[3px\]{text-underline-offset:3px}.caret-ink{caret-color:var(--color-ink)}.accent-accent{accent-color:var(--color-accent)}.opacity-0{opacity:0}.shadow{--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-\[-12px_0_28px_-12px_var\(--color-shadow\)\]{--tw-shadow:-12px 0 28px -12px var(--tw-shadow-color,var(--color-shadow));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_-6px_14px_-10px_var\(--color-shadow\)\]{--tw-shadow:0 -6px 14px -10px var(--tw-shadow-color,var(--color-shadow));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_var\(--color-lamp-halo\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-lamp-halo));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_4px_0_var\(--color-accent-edge\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,var(--color-accent-edge));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_8px_24px_var\(--color-shadow\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,var(--color-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-2px_0_var\(--color-lamp-run\)\]{--tw-shadow:inset 0 -2px 0 var(--tw-shadow-color,var(--color-lamp-run));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--color-lamp-ring\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--color-lamp-ring));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_2px_0_0_var\(--color-lamp-run\)\]{--tw-shadow:inset 2px 0 0 var(--tw-shadow-color,var(--color-lamp-run));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[width\]{transition-property:width;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-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-200{--tw-duration:.2s;transition-duration:.2s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.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}.select-text{-webkit-user-select:text;user-select:text}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.file\:mr-2::file-selector-button{margin-right:calc(var(--spacing) * 2)}.file\:mr-3::file-selector-button{margin-right:calc(var(--spacing) * 3)}.file\:h-8::file-selector-button{height:calc(var(--spacing) * 8)}.file\:rounded-control::file-selector-button{border-radius:var(--radius-control)}.file\:border::file-selector-button{border-style:var(--tw-border-style);border-width:1px}.file\:border-line2::file-selector-button{border-color:var(--color-line2)}.file\:bg-panel2::file-selector-button{background-color:var(--color-panel2)}.file\:px-2::file-selector-button{padding-inline:calc(var(--spacing) * 2)}.file\:px-3::file-selector-button{padding-inline:calc(var(--spacing) * 3)}.file\:py-1::file-selector-button{padding-block:var(--spacing)}.file\:text-ink::file-selector-button{color:var(--color-ink)}.placeholder\:text-ink3::placeholder{color:var(--color-ink3)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.last\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:opacity-100:focus-within{opacity:1}@media (hover:hover){.hover\:border-ink3:hover{border-color:var(--color-ink3)}.hover\:bg-accent-edge:hover{background-color:var(--color-accent-edge)}.hover\:bg-panel2:hover{background-color:var(--color-panel2)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-panel2:focus{background-color:var(--color-panel2)}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-offset-\[-3px\]:focus-visible{outline-offset:-3px}.active\:translate-y-\[3px\]:active{--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-\[0_1px_0_var\(--color-accent-edge\)\]:active{--tw-shadow:0 1px 0 var(--tw-shadow-color,var(--color-accent-edge));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.aria-invalid\:border-red[aria-invalid=true]{border-color:var(--color-red)}.data-disabled\:opacity-45[data-disabled]{opacity:.45}.data-highlighted\:bg-panel2[data-highlighted]{background-color:var(--color-panel2)}.data-\[placeholder\]\:text-ink3[data-placeholder]{color:var(--color-ink3)}.data-\[state\=on\]\:border-focus[data-state=on]{border-color:var(--color-focus)}.data-\[state\=on\]\:bg-panel2[data-state=on]{background-color:var(--color-panel2)}.data-\[state\=on\]\:text-ink[data-state=on]{color:var(--color-ink)}.data-\[state\=on\]\:text-run-text[data-state=on]{color:var(--color-run-text)}.data-\[state\=on\]\:shadow-\[inset_0_-2px_0_var\(--color-lamp-run\)\][data-state=on]{--tw-shadow:inset 0 -2px 0 var(--tw-shadow-color,var(--color-lamp-run));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=on\]\:shadow-none[data-state=on]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=open\]\:animate-dialog-in[data-state=open]{animation:var(--animate-dialog-in)}.data-\[state\=open\]\:animate-tick-in[data-state=open]{animation:var(--animate-tick-in)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media not all and (width>=1099px){.max-\[1099px\]\:min-h-11{min-height:calc(var(--spacing) * 11)}}@media not all and (width>=700px){.max-\[700px\]\:col-span-3{grid-column:span 3/span 3}.max-\[700px\]\:justify-self-start{justify-self:flex-start}}@media not all and (width>=480px){.max-\[480px\]\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=700px){.min-\[700px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.min-\[900px\]\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.min-\[900px\]\:grid-cols-\[200px_minmax\(0\,1fr\)\]{grid-template-columns:200px minmax(0,1fr)}}@media (width>=1100px){.min-\[1100px\]\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.min-\[1100px\]\:sticky{position:sticky}.min-\[1100px\]\:top-16{top:calc(var(--spacing) * 16)}.min-\[1100px\]\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}}@media (width>=40rem){.sm\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mx-6{margin-inline:calc(var(--spacing) * -6)}.sm\:flex{display:flex}.sm\:w-\[min\(440px\,100vw\)\]{width:min(440px,100vw)}.sm\:w-\[min\(560px\,100vw\)\]{width:min(560px,100vw)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:flex-1{flex:1}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[112px_minmax\(0\,1fr\)\]{grid-template-columns:112px minmax(0,1fr)}.sm\:grid-cols-\[145px_minmax\(0\,1fr\)_auto\]{grid-template-columns:145px minmax(0,1fr) auto}.sm\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.sm\:flex-col{flex-direction:column}.sm\:items-start{align-items:flex-start}.sm\:justify-center{justify-content:center}.sm\:gap-1{gap:var(--spacing)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (width>=48rem){.md\:sticky{position:sticky}.md\:top-16{top:calc(var(--spacing) * 16)}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:col-start-3{grid-column-start:3}.md\:col-start-4{grid-column-start:4}.md\:col-start-5{grid-column-start:5}.md\:row-start-1{grid-row-start:1}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[14px_minmax\(0\,1fr\)_140px_100px_32px\]{grid-template-columns:14px minmax(0,1fr) 140px 100px 32px}.md\:grid-cols-\[170px_150px_minmax\(0\,1fr\)_auto\]{grid-template-columns:170px 150px minmax(0,1fr) auto}.md\:grid-cols-\[180px_minmax\(0\,1fr\)\]{grid-template-columns:180px minmax(0,1fr)}.md\:grid-cols-\[200px_minmax\(0\,1fr\)\]{grid-template-columns:200px minmax(0,1fr)}.md\:grid-cols-\[260px_70px_minmax\(0\,1fr\)_32px\]{grid-template-columns:260px 70px minmax(0,1fr) 32px}.md\:grid-cols-\[260px_minmax\(0\,1fr\)_32px\]{grid-template-columns:260px minmax(0,1fr) 32px}.md\:flex-col{flex-direction:column}.md\:self-start{align-self:flex-start}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:pb-0{padding-bottom:0}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-16{top:calc(var(--spacing) * 16)}.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}}.\[\&_\[data-slot\=toggle-group\]\]\:max-w-full [data-slot=toggle-group]{max-width:100%}.\[\&_\[data-slot\=toggle-group\]\]\:flex-wrap [data-slot=toggle-group]{flex-wrap:wrap}.\[\&_a\]\:font-semibold a{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_a\]\:text-accent-ink a{color:var(--color-accent-ink)}.\[\&_button\]\:min-h-8 button{min-height:calc(var(--spacing) * 8)}.\[\&_button\]\:min-w-8 button{min-width:calc(var(--spacing) * 8)}.\[\&_button\]\:text-accent-ink button{color:var(--color-accent-ink)}@media not all and (width>=1099px){.max-\[1099px\]\:\[\&_button\]\:min-h-11 button{min-height:calc(var(--spacing) * 11)}}.\[\&_code\]\:text-ink code{color:var(--color-ink)}@media not all and (width>=1099px){.max-\[1099px\]\:\[\&_input\:not\(\[type\=checkbox\]\)\]\:min-h-11 input:not([type=checkbox]){min-height:calc(var(--spacing) * 11)}}.\[\&_p\+p\]\:mt-2 p+p{margin-top:calc(var(--spacing) * 2)}@media not all and (width>=1099px){.max-\[1099px\]\:\[\&_select\]\:min-h-11 select,.max-\[1099px\]\:\[\&_summary\]\:min-h-11 summary{min-height:calc(var(--spacing) * 11)}}.\[\&\>div\:empty\]\:hidden>div:empty{display:none}.\[\&\>span\]\:w-full>span{width:100%}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f2ec;--color-panel:#fbfaf7;--color-panel2:#eceae3;--color-line:#dad8d0;--color-line2:#c9c7be;--color-ink:#1c1c1e;--color-ink2:#5c5b56;--color-ink3:#6b6a64;--color-accent-edge:#6e9a33;--color-done:#55673f;--color-red:#b8332c;--color-red-tint:#b8332c14;--color-amber:#8f5e12;--color-lamp-run:#5f8a2b;--color-lamp-halo:#5f8a2b2e;--color-lamp-off:#dedcd4;--color-lamp-ring:#c9c7be;--color-run-text:#3f6b1c;--color-focus:#5f8a2b;--color-shadow:#3c37281f;--color-scrim:#3c3a3273;--color-screen:#1c1c1e}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f2ec;--color-panel:#fbfaf7;--color-panel2:#eceae3;--color-line:#dad8d0;--color-line2:#c9c7be;--color-ink:#1c1c1e;--color-ink2:#5c5b56;--color-ink3:#6b6a64;--color-accent-edge:#6e9a33;--color-done:#55673f;--color-red:#b8332c;--color-red-tint:#b8332c14;--color-amber:#8f5e12;--color-lamp-run:#5f8a2b;--color-lamp-halo:#5f8a2b2e;--color-lamp-off:#dedcd4;--color-lamp-ring:#c9c7be;--color-run-text:#3f6b1c;--color-focus:#5f8a2b;--color-shadow:#3c37281f;--color-scrim:#3c3a3273;--color-screen:#1c1c1e}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes lamp-pulse{50%{box-shadow:0 0 0 6px #0000}}@keyframes tick-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(4px - 50%))}}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}